feat: re-export spectrum useStyleProps

useStyleProps takes the common spectrum style props and resolves them to values. In my case I need the resolved version of a dimensionValue ("size-100") as var(--XXX), and things like paddingY resolved as paddingTop, paddingBottom.
deephaven · Apr 4, 2024 · 03c4b82 · 03c4b82
1 parent ffedd7a
commit 03c4b82
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -32,6 +32,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
+    "@react-spectrum/utils": "^3.11.5",
     "@react-types/shared": "^3.22.1",
     "@react-types/textfield": "^3.9.1",
     "bootstrap": "4.6.2",

diff --git a/packages/components/src/spectrum/utils/themeUtils.ts b/packages/components/src/spectrum/utils/themeUtils.ts
@@ -1,6 +1,12 @@
 import { theme } from '@react-spectrum/theme-default';
 import { themeSpectrumClassesCommon } from '../../theme/theme-spectrum';
 
+export {
+  useStyleProps,
+  baseStyleProps,
+  viewStyleProps,
+} from '@react-spectrum/utils';
+
 const { global, light, dark, medium, large } = theme;
 
 /**