@hopper-ui/styled-system 0.2.4 → 0.2.6

package/dist/styled-system-props.d.ts

@@ -910,7 +910,7 @@ interface StyledSystemProps {
      */
     UNSAFE_borderTopHover?: ResponsiveProp<UNSAFE_BorderValue>;
     /**
-     * Sets the `border-top-left-radius` property when hovered.
+     * Sets the `border-top-left-radius` property.
      *
      * If you want to use a **token value** from the **SCALE**, use the **`borderTopLeftRadius`** property instead.
      *
@@ -918,7 +918,7 @@ interface StyledSystemProps {
      */
     UNSAFE_borderTopLeftRadius?: ResponsiveProp<UNSAFE_BorderRadiusValue>;
     /**
-     * Sets the `border-top-right-radius` property when hovered.
+     * Sets the `border-top-right-radius` property.
      *
      * If you want to use a **token value** from the **SCALE**, use the **`borderTopRightRadius`** property instead.
      *
@@ -933,6 +933,30 @@ interface StyledSystemProps {
      * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
      */
     UNSAFE_boxShadow?: ResponsiveProp<UNSAFE_BoxShadowValue>;
+    /**
+     * Sets the `box-shadow` property when active.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`boxShadowActive`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_boxShadowActive?: ResponsiveProp<UNSAFE_BoxShadowValue>;
+    /**
+     * Sets the `box-shadow` property when focused.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`boxShadowFocus`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_boxShadowFocus?: ResponsiveProp<UNSAFE_BoxShadowValue>;
+    /**
+     * Sets the `box-shadow` property when hovered.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`boxShadowHover`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_boxShadowHover?: ResponsiveProp<UNSAFE_BoxShadowValue>;
     /**
      * Sets the `color` property.
      *
@@ -941,6 +965,30 @@ interface StyledSystemProps {
      * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
      */
     UNSAFE_color?: ResponsiveProp<UNSAFE_ColorValue>;
+    /**
+     * Sets the `color` property when active.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`colorActive`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_colorActive?: ResponsiveProp<UNSAFE_ColorValue>;
+    /**
+     * Sets the `color` property when focused.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`colorFocus`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_colorFocus?: ResponsiveProp<UNSAFE_ColorValue>;
+    /**
+     * Sets the `color` property when hovered.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`colorHover`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_colorHover?: ResponsiveProp<UNSAFE_ColorValue>;
     /**
      * Sets the `column-gap` property.
      *
@@ -957,6 +1005,22 @@ interface StyledSystemProps {
      * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
      */
     UNSAFE_fill?: ResponsiveProp<UNSAFE_FillValue>;
+    /**
+     * Sets the `fill` property when focused.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`fillFocus`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_fillFocus?: ResponsiveProp<UNSAFE_FillValue>;
+    /**
+     * Sets the `fill` property when hovered.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`fillHover`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_fillHover?: ResponsiveProp<UNSAFE_FillValue>;
     /**
      * Sets the `font-family` property.
      *
@@ -1005,6 +1069,22 @@ interface StyledSystemProps {
      * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
      */
     UNSAFE_gridAutoRows?: ResponsiveProp<UNSAFE_GridAutoRowsValue>;
+    /**
+     * Sets the `grid-column-span` property.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`gridColumnSpan`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_gridColumnSpan?: ResponsiveProp<GridColumSpanValue>;
+    /**
+     * Sets the `grid-row-span` property.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`gridRowSpan`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_gridRowSpan?: ResponsiveProp<GridRowSpanValue>;
     /**
      * Sets the `grid-template-columns` property.
      *
@@ -1243,4 +1323,4 @@ interface StyledSystemProps {
 }
 type StyledComponentProps<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = Omit<ComponentProps<T>, keyof StyledSystemProps> & StyledSystemProps;
 
-export { StyledComponentProps, StyledSystemProps, UnsafePrefix };
+export { type StyledComponentProps, type StyledSystemProps, UnsafePrefix };

package/dist/styled-system-props.js

@@ -1,2 +1,2 @@
 export { UnsafePrefix } from './chunk-I37Y2R7V.js';
-import './chunk-JFESGV6Z.js';
+import './chunk-6LX4VMOV.js';

package/dist/styled-system-root-css-class.js

@@ -1,2 +1,2 @@
-export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-LTBVOC66.js';
-import './chunk-JFESGV6Z.js';
+export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-HZFB352P.js';
+import './chunk-6LX4VMOV.js';

package/dist/tokens/TokenProvider.js

@@ -1,9 +1,9 @@
-export { TokenProvider } from '../chunk-6Z3ODGLS.js';
+export { TokenProvider } from '../chunk-AMNZEPOY.js';
 import '../chunk-A47SIZVA.js';
 import '../chunk-ZKEMKHXY.js';
 import '../chunk-HAB2KYRH.js';
 import '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
-import '../chunk-LTBVOC66.js';
+import '../chunk-HZFB352P.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/tokens/generated/dark-semantic-tokens.js

@@ -1,2 +1,2 @@
 export { DarkSemanticTokens } from '../../chunk-ZKEMKHXY.js';
-import '../../chunk-JFESGV6Z.js';
+import '../../chunk-6LX4VMOV.js';

package/dist/tokens/generated/light-semantic-tokens.js

@@ -1,2 +1,2 @@
 export { CoreTokens, SemanticTokens } from '../../chunk-HAB2KYRH.js';
-import '../../chunk-JFESGV6Z.js';
+import '../../chunk-6LX4VMOV.js';

package/dist/tokens/generated/styled-system-to-token-mappings.js

@@ -1,2 +1,2 @@
 export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-PCGVOTW3.js';
-import '../../chunk-JFESGV6Z.js';
+import '../../chunk-6LX4VMOV.js';

package/dist/tokens/token-mappings.d.ts

@@ -2146,4 +2146,4 @@ type GridRowSpanValue = number;
 declare function parseResponsiveSystemValue<TValue extends string | number>(value: TValue | undefined, systemValues: Record<TValue, string>, matchedBreakpoints: Breakpoint[]): TValue | Record<TValue, string>[TValue] | undefined;
 declare function getSystemValue<T extends string | number>(value: T, systemValues: Record<T, string>): Record<T, string>[T];
 
-export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LineHeightMapping, LineHeightValue, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSystemValue, parseResponsiveSystemValue };
+export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LineHeightMapping, type LineHeightValue, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LineHeightValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSystemValue, parseResponsiveSystemValue };

package/dist/tokens/token-mappings.js

@@ -4,4 +4,4 @@ import '../chunk-SFOVKOPG.js';
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/tokens/tokens.d.ts

@@ -1153,4 +1153,4 @@ declare const Tokens: {
 type HopperTokenKey = keyof typeof CoreTokens | keyof typeof SemanticTokens | keyof typeof DarkSemanticTokens;
 type HopperCssVar = `var(${HopperTokenKey})`;
 
-export { HopperCssVar, HopperTokenKey, Tokens };
+export { type HopperCssVar, type HopperTokenKey, Tokens };

package/dist/tokens/tokens.js

@@ -1,4 +1,4 @@
 export { Tokens } from '../chunk-A47SIZVA.js';
 import '../chunk-ZKEMKHXY.js';
 import '../chunk-HAB2KYRH.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/useStyledSystem.css

@@ -1,125 +1,125 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___hm18j:hover {
+.UseStyledSystem-module__hop-b-hover___GVP3r:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___21HKw:hover {
+.UseStyledSystem-module__hop-bb-hover___idnOk:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___Grzt6:hover {
+.UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___G7tk8:hover {
+.UseStyledSystem-module__hop-br-hover___qYvoG:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___sm1qA:hover {
+.UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___e1pDZ:focus-visible {
+.UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___n1ebY:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___pkLah:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___EIC7F:focus-visible {
+.UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Hs3sj:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___ELBnY:active {
+.UseStyledSystem-module__hop-b-active___vI8-0:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___0i1A8:active {
+.UseStyledSystem-module__hop-bb-active___50sg5:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___fNBrE:active {
+.UseStyledSystem-module__hop-bl-active___jTAz1:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___fmCeI:active {
+.UseStyledSystem-module__hop-br-active___0EeBh:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___gWcN8:active {
+.UseStyledSystem-module__hop-bt-active___RXq33:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___RJ8bQ:hover {
+.UseStyledSystem-module__hop-bg-hover___w134R:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___0wFZh:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___ClI7B:active {
+.UseStyledSystem-module__hop-bg-active___rdOhL:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___n4AMX:hover {
+.UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___EkVlA:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jUKcJ:active {
+.UseStyledSystem-module__hop-bs-active___8MtLu:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___Yszuq:hover {
+.UseStyledSystem-module__hop-c-hover___m3q2O:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___R-D-d:focus-visible {
+.UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___iy--9:active {
+.UseStyledSystem-module__hop-c-active___PorM-:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___OqIJ2:hover {
+.UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___y-XLH:hover {
+.UseStyledSystem-module__hop-f-hover___KvbSc:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___NSIK4:focus-visible {
+.UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___rxxcZ:hover {
+.UseStyledSystem-module__hop-o-hover___WyG8r:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___oO8-E:focus-visible {
+.UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___bYxsk:active {
+.UseStyledSystem-module__hop-o-active___L-qyl:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___bZPzq:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___Yw8fd:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.js

@@ -1,4 +1,4 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-I7U75XRH.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-5XPS6ZZ7.js';
 import './chunk-T2LQYER5.js';
 import './chunk-PCGVOTW3.js';
 import './chunk-SFOVKOPG.js';
@@ -6,4 +6,4 @@ import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
 import './chunk-U5R6ZXH3.js';
 import './chunk-I37Y2R7V.js';
-import './chunk-JFESGV6Z.js';
+import './chunk-6LX4VMOV.js';

package/dist/utils/assertion.js

@@ -1,2 +1,2 @@
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/utils/useInsertStyleElement.js

@@ -1,4 +1,4 @@
 export { useInsertStyleElement } from '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/utils/useIsomorphicInsertionEffect.js

@@ -1,2 +1,2 @@
 export { useIsomorphicInsertionEffect } from '../chunk-YPIK2HRL.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/utils/useIsomorphicLayoutEffect.js

@@ -1,2 +1,2 @@
 export { useIsomorphicLayoutEffect } from '../chunk-3YM73BQP.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/utils/useMediaQuery.js

@@ -1,2 +1,2 @@
-export { supportsMatchMedia, useMediaQuery } from '../chunk-STEDL5VQ.js';
-import '../chunk-JFESGV6Z.js';
+export { supportsMatchMedia, useMediaQuery } from '../chunk-M4X2T3D3.js';
+import '../chunk-6LX4VMOV.js';

package/dist/utils/useThemeComputedStyle.js

@@ -1,3 +1,3 @@
-export { ThemeComputedStyle } from '../chunk-AHDDZ2BQ.js';
+export { ThemeComputedStyle } from '../chunk-B6ZBFYWJ.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,36 +38,36 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "clsx": "2.0.0",
-    "react-aria": "3.30.0"
+    "clsx": "^2.1.0",
+    "@react-aria/ssr": "^3.9.1"
   },
   "devDependencies": {
-    "@swc/core": "1.3.96",
+    "@swc/core": "1.3.106",
     "@swc/helpers": "0.5.3",
-    "@swc/jest": "0.2.29",
-    "@testing-library/jest-dom": "6.1.4",
-    "@testing-library/react": "14.1.0",
-    "@types/jest": "29.5.8",
-    "@types/react-dom": "18.2.17",
-    "@types/react-test-renderer": "18.0.6",
-    "@types/react": "18.2.38",
+    "@swc/jest": "0.2.31",
+    "@testing-library/jest-dom": "6.3.0",
+    "@testing-library/react": "14.1.2",
+    "@types/jest": "29.5.11",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "@types/react-test-renderer": "18.0.7",
     "@workleap/eslint-plugin": "3.0.0",
     "@workleap/swc-configs": "2.1.2",
     "@workleap/tsup-configs": "3.0.1",
     "@workleap/typescript-configs": "3.0.2",
     "identity-obj-proxy": "3.0.0",
-    "jest-environment-jsdom": "29.7.0",
     "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "postcss": "8.4.33",
     "postcss-modules": "6.0.0",
-    "postcss": "8.4.31",
+    "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0",
-    "react": "18.2.0",
-    "ts-jest": "29.1.1",
-    "tsup": "7.2.0",
-    "type-fest": "4.7.1",
-    "typescript": "5.2.2",
-    "@hopper-ui/tokens": "3.1.3"
+    "ts-jest": "29.1.2",
+    "tsup": "8.0.1",
+    "type-fest": "4.10.1",
+    "typescript": "5.3.3",
+    "@hopper-ui/tokens": "3.1.4"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",