Merge pull request #1222 from gsoft-inc/feature/1221

Fix for #1221
gsoft-inc · Jul 17, 2023 · ca40d62 · ca40d62
2 parents 2bff979 + cbe03ec
commit ca40d62
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 50 deletions.
diff --git a/.changeset/shy-toes-cross.md b/.changeset/shy-toes-cross.md
@@ -0,0 +1,5 @@
+---
+"@orbit-ui/components": patch
+---
+
+Fix for hover/focus opacity StyledSystem utilites
diff --git a/packages/components/src/styling/src/styled-system/useStyledSystem.ts b/packages/components/src/styling/src/styled-system/useStyledSystem.ts
@@ -1395,12 +1395,12 @@ const PropsHandlers: Record<string, PropHandler<unknown>> = {
     objectFit: createHandler(),
     objectPosition: createHandler(),
     opacity: createHandler(),
-    opacityActive: createPseudoHandler("o-ui-o-active", "o-ui-o-active"),
-    opacityFocus: createPseudoHandler("o-ui-o-focus", "o-ui-o-focus"),
-    opacityHover: createPseudoHandler("o-ui-o-hover", "o-ui-o-hover"),
+    opacityActive: createPseudoHandler("o-ui-o-active", "--o-ui-o-active"),
+    opacityFocus: createPseudoHandler("o-ui-o-focus", "--o-ui-o-focus"),
+    opacityHover: createPseudoHandler("o-ui-o-hover", "--o-ui-o-hover"),
     order: createHandler(),
     outline: createHandler(),
-    outlineFocus: createPseudoHandler("o-ui-ol-focus", "o-ui-ol-focus"),
+    outlineFocus: createPseudoHandler("o-ui-ol-focus", "--o-ui-ol-focus"),
     overflow: createHandler(),
     overflowX: createHandler(),
     overflowY: createHandler(),