feat: re-export spectrum useStyleProp util (#1916)

`useStyleProp` takes 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 for use externally in dh.ui.
deephaven · Apr 4, 2024 · aafa14b · aafa14b
1 parent c7fcd38
commit aafa14b
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;
 
 /**