Always show low-opacity sortable icon for sortbutton

Shrinks99 · Shrinks99 · commit a234f3d44f19 · 2026-04-13T12:43:15.000-04:00
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -2,7 +2,7 @@
   "name": "@eqtylab/equality",
   "description": "EQTYLab's component and token-based design system",
   "homepage": "https://equality.eqtylab.io/",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "license": "Apache-2.0",
   "keywords": [
     "component library",
diff --git a/packages/ui/src/components/sort-button/sort-button.module.css b/packages/ui/src/components/sort-button/sort-button.module.css
@@ -8,13 +8,13 @@
 }
 
 .sort-button:hover .arrow-up-down-icon {
-  @apply opacity-50;
+  @apply opacity-100;
 }
 
 .arrow-container {
   @apply flex items-center [&>svg]:size-3;
 }
 
 .arrow-up-down-icon {
-  @apply opacity-0 transition-opacity;
+  @apply opacity-40 transition-opacity;
 }

Original file line number	Diff line number	Diff line change
`@@ -8,13 +8,13 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.sort-button:hover .arrow-up-down-icon {`
`11`		`- @apply opacity-50;`
	`11`	`+ @apply opacity-100;`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`.arrow-container {`
`15`	`15`	`@apply flex items-center [&>svg]:size-3;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`.arrow-up-down-icon {`
`19`		`- @apply opacity-0 transition-opacity;`
	`19`	`+ @apply opacity-40 transition-opacity;`
`20`	`20`	`}`