@hopper-ui/styled-system 1.0.0 → 1.2.0

package/dist/{styled-system-props.d.ts → styledSystemProps.d.ts}

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { JSXElementConstructor, ComponentProps } from 'react';
 import { ResponsiveProp } from './responsive/useResponsiveValue.js';
-import { BackgroundColorValue, BorderValue, BorderRadiusValue, BoxShadowValue, ColorValue, ColumnGapValue, FillValue, FontFamilyValue, FontSizeValue, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, LineHeightValue, ComplexMarginValue, SimpleMarginValue, WidthValue, ComplexPaddingValue, SimplePaddingValue, RowGapValue, StrokeValue, UNSAFE_BackgroundColorValue, UNSAFE_BorderValue, UNSAFE_BorderRadiusValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_GapValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_ComplexMarginValue, UNSAFE_SimpleMarginValue, UNSAFE_WidthValue, UNSAFE_ComplexPaddingValue, UNSAFE_SimplePaddingValue, UNSAFE_RowGapValue, UNSAFE_StrokeValue } from './tokens/token-mappings.js';
+import { BackgroundColorValue, BorderValue, BorderRadiusValue, BoxShadowValue, ColorValue, ColumnGapValue, FillValue, FontFamilyValue, FontSizeValue, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, LineHeightValue, ComplexMarginValue, SimpleMarginValue, WidthValue, ComplexPaddingValue, SimplePaddingValue, RowGapValue, StrokeValue, UNSAFE_BackgroundColorValue, UNSAFE_BorderValue, UNSAFE_BorderRadiusValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_GapValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_ComplexMarginValue, UNSAFE_SimpleMarginValue, UNSAFE_WidthValue, UNSAFE_ComplexPaddingValue, UNSAFE_SimplePaddingValue, UNSAFE_RowGapValue, UNSAFE_StrokeValue } from './tokens/tokenMappings.js';
 import './responsive/Breakpoints.js';
 
 declare const UnsafePrefix = "UNSAFE_";

package/dist/styledSystemProps.js

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

package/dist/{styled-system-root-css-class.js → styledSystemRootCssClass.js}

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

package/dist/tokens/TokenProvider.js

@@ -1,9 +1,9 @@
-export { TokenProvider } from '../chunk-7WKPFXQZ.js';
-import '../chunk-TAIACQMV.js';
-import '../chunk-ZKEMKHXY.js';
-import '../chunk-3IK64CCG.js';
+export { TokenProvider } from '../chunk-ZDENFQ6H.js';
+import '../chunk-45MYTH4M.js';
+import '../chunk-E2EGUGKS.js';
+import '../chunk-JKXZGQAL.js';
 import '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
-import '../chunk-Y6PI5JPG.js';
+import '../chunk-GFXIV6J4.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-6LX4VMOV.js';

package/dist/tokens/generated/darkSemanticTokens.js

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

package/dist/tokens/generated/{light-semantic-tokens.d.ts → lightSemanticTokens.d.ts}

@@ -168,6 +168,14 @@ declare const CoreTokens: {
     "--hop-line-height-1-33": string;
     "--hop-line-height-1-4285": string;
     "--hop-line-height-1-50": string;
+    "--hop-easing-duration-1": string;
+    "--hop-easing-duration-2": string;
+    "--hop-easing-duration-3": string;
+    "--hop-easing-duration-4": string;
+    "--hop-easing-duration-5": string;
+    "--hop-easing-productive": string;
+    "--hop-easing-focus": string;
+    "--hop-easing-expressive": string;
     "--hop-border-radius-0": string;
     "--hop-border-radius-1": string;
     "--hop-border-radius-2": string;
@@ -746,38 +754,56 @@ declare const SemanticTokens: {
     "--hop-heading-3xl-font-size": string;
     "--hop-heading-3xl-font-weight": string;
     "--hop-heading-3xl-line-height": string;
+    "--hop-heading-3xl-top-offset": string;
+    "--hop-heading-3xl-bottom-offset": string;
     "--hop-heading-2xl-font-family": string;
     "--hop-heading-2xl-font-size": string;
     "--hop-heading-2xl-font-weight": string;
     "--hop-heading-2xl-line-height": string;
+    "--hop-heading-2xl-top-offset": string;
+    "--hop-heading-2xl-bottom-offset": string;
     "--hop-heading-xl-font-family": string;
     "--hop-heading-xl-font-size": string;
     "--hop-heading-xl-font-weight": string;
     "--hop-heading-xl-line-height": string;
+    "--hop-heading-xl-top-offset": string;
+    "--hop-heading-xl-bottom-offset": string;
     "--hop-heading-lg-font-family": string;
     "--hop-heading-lg-font-size": string;
     "--hop-heading-lg-font-weight": string;
     "--hop-heading-lg-line-height": string;
+    "--hop-heading-lg-top-offset": string;
+    "--hop-heading-lg-bottom-offset": string;
     "--hop-heading-md-font-family": string;
     "--hop-heading-md-font-size": string;
     "--hop-heading-md-font-weight": string;
     "--hop-heading-md-line-height": string;
+    "--hop-heading-md-top-offset": string;
+    "--hop-heading-md-bottom-offset": string;
     "--hop-heading-sm-font-family": string;
     "--hop-heading-sm-font-size": string;
     "--hop-heading-sm-font-weight": string;
     "--hop-heading-sm-line-height": string;
+    "--hop-heading-sm-top-offset": string;
+    "--hop-heading-sm-bottom-offset": string;
     "--hop-heading-xs-font-family": string;
     "--hop-heading-xs-font-size": string;
     "--hop-heading-xs-font-weight": string;
     "--hop-heading-xs-line-height": string;
+    "--hop-heading-xs-top-offset": string;
+    "--hop-heading-xs-bottom-offset": string;
     "--hop-heading-xs-medium-font-family": string;
     "--hop-heading-xs-medium-font-size": string;
     "--hop-heading-xs-medium-font-weight": string;
     "--hop-heading-xs-medium-line-height": string;
+    "--hop-heading-xs-medium-top-offset": string;
+    "--hop-heading-xs-medium-bottom-offset": string;
     "--hop-overline-font-family": string;
     "--hop-overline-font-size": string;
     "--hop-overline-font-weight": string;
     "--hop-overline-line-height": string;
+    "--hop-overline-top-offset": string;
+    "--hop-overline-bottom-offset": string;
     "--hop-body-2xl-font-family": string;
     "--hop-body-2xl-font-size": string;
     "--hop-body-2xl-font-weight": string;

package/dist/tokens/generated/lightSemanticTokens.js

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

package/dist/tokens/generated/{styled-system-to-token-mappings.js → styledSystemToTokenMappings.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';
+export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-KKVEOD5L.js';
 import '../../chunk-6LX4VMOV.js';

package/dist/tokens/{token-mappings.js → tokenMappings.js}

@@ -1,5 +1,5 @@
-export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-ACHT4RXQ.js';
-import '../chunk-PCGVOTW3.js';
+export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-DRFY5W7M.js';
+import '../chunk-KKVEOD5L.js';
 import '../chunk-SFOVKOPG.js';
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';

package/dist/tokens/tokens.d.ts

@@ -1,5 +1,5 @@
-import { DarkSemanticTokens } from './generated/dark-semantic-tokens.js';
-import { CoreTokens, SemanticTokens } from './generated/light-semantic-tokens.js';
+import { DarkSemanticTokens } from './generated/darkSemanticTokens.js';
+import { CoreTokens, SemanticTokens } from './generated/lightSemanticTokens.js';
 
 declare const Tokens: {
     Core: {
@@ -169,6 +169,14 @@ declare const Tokens: {
         "--hop-line-height-1-33": string;
         "--hop-line-height-1-4285": string;
         "--hop-line-height-1-50": string;
+        "--hop-easing-duration-1": string;
+        "--hop-easing-duration-2": string;
+        "--hop-easing-duration-3": string;
+        "--hop-easing-duration-4": string;
+        "--hop-easing-duration-5": string;
+        "--hop-easing-productive": string;
+        "--hop-easing-focus": string;
+        "--hop-easing-expressive": string;
         "--hop-border-radius-0": string;
         "--hop-border-radius-1": string;
         "--hop-border-radius-2": string;
@@ -747,38 +755,56 @@ declare const Tokens: {
         "--hop-heading-3xl-font-size": string;
         "--hop-heading-3xl-font-weight": string;
         "--hop-heading-3xl-line-height": string;
+        "--hop-heading-3xl-top-offset": string;
+        "--hop-heading-3xl-bottom-offset": string;
         "--hop-heading-2xl-font-family": string;
         "--hop-heading-2xl-font-size": string;
         "--hop-heading-2xl-font-weight": string;
         "--hop-heading-2xl-line-height": string;
+        "--hop-heading-2xl-top-offset": string;
+        "--hop-heading-2xl-bottom-offset": string;
         "--hop-heading-xl-font-family": string;
         "--hop-heading-xl-font-size": string;
         "--hop-heading-xl-font-weight": string;
         "--hop-heading-xl-line-height": string;
+        "--hop-heading-xl-top-offset": string;
+        "--hop-heading-xl-bottom-offset": string;
         "--hop-heading-lg-font-family": string;
         "--hop-heading-lg-font-size": string;
         "--hop-heading-lg-font-weight": string;
         "--hop-heading-lg-line-height": string;
+        "--hop-heading-lg-top-offset": string;
+        "--hop-heading-lg-bottom-offset": string;
         "--hop-heading-md-font-family": string;
         "--hop-heading-md-font-size": string;
         "--hop-heading-md-font-weight": string;
         "--hop-heading-md-line-height": string;
+        "--hop-heading-md-top-offset": string;
+        "--hop-heading-md-bottom-offset": string;
         "--hop-heading-sm-font-family": string;
         "--hop-heading-sm-font-size": string;
         "--hop-heading-sm-font-weight": string;
         "--hop-heading-sm-line-height": string;
+        "--hop-heading-sm-top-offset": string;
+        "--hop-heading-sm-bottom-offset": string;
         "--hop-heading-xs-font-family": string;
         "--hop-heading-xs-font-size": string;
         "--hop-heading-xs-font-weight": string;
         "--hop-heading-xs-line-height": string;
+        "--hop-heading-xs-top-offset": string;
+        "--hop-heading-xs-bottom-offset": string;
         "--hop-heading-xs-medium-font-family": string;
         "--hop-heading-xs-medium-font-size": string;
         "--hop-heading-xs-medium-font-weight": string;
         "--hop-heading-xs-medium-line-height": string;
+        "--hop-heading-xs-medium-top-offset": string;
+        "--hop-heading-xs-medium-bottom-offset": string;
         "--hop-overline-font-family": string;
         "--hop-overline-font-size": string;
         "--hop-overline-font-weight": string;
         "--hop-overline-line-height": string;
+        "--hop-overline-top-offset": string;
+        "--hop-overline-bottom-offset": string;
         "--hop-body-2xl-font-family": string;
         "--hop-body-2xl-font-size": string;
         "--hop-body-2xl-font-weight": string;

package/dist/tokens/tokens.js

@@ -1,4 +1,4 @@
-export { Tokens } from '../chunk-TAIACQMV.js';
-import '../chunk-ZKEMKHXY.js';
-import '../chunk-3IK64CCG.js';
+export { Tokens } from '../chunk-45MYTH4M.js';
+import '../chunk-E2EGUGKS.js';
+import '../chunk-JKXZGQAL.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___71ep8:hover {
+.UseStyledSystem-module__hop-b-hover___Zqeu5:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___ylhBC:hover {
+.UseStyledSystem-module__hop-bb-hover___a1mz8:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___TO68v:hover {
+.UseStyledSystem-module__hop-bl-hover___BVwnM:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___BcsdD:hover {
+.UseStyledSystem-module__hop-br-hover___hTuCm:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___cy3wM:hover {
+.UseStyledSystem-module__hop-bt-hover___adE7m:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___tmnq6:focus-visible {
+.UseStyledSystem-module__hop-b-focus___DfUJn:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___G-HZ8:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___axUzQ:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___kGmWM:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___AHFjp:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___dUPR-:focus-visible {
+.UseStyledSystem-module__hop-br-focus___5mdx8:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Hrlw3:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___ybiFb:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___dHtWO:active {
+.UseStyledSystem-module__hop-b-active___BU6Oj:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___Egybw:active {
+.UseStyledSystem-module__hop-bb-active___pFoxa:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___jqw-D:active {
+.UseStyledSystem-module__hop-bl-active___ueWsf:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___ysPGE:active {
+.UseStyledSystem-module__hop-br-active___sBjPX:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___C7xuD:active {
+.UseStyledSystem-module__hop-bt-active___ldKxI:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___1W2CI:hover {
+.UseStyledSystem-module__hop-bg-hover___Gzm9t:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___GQNcd:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___jIrSB:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___Bo-0I:active {
+.UseStyledSystem-module__hop-bg-active___fafHA:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___Z1cKa:hover {
+.UseStyledSystem-module__hop-bs-hover___Zoiej:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___tBUac:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___Ojcth:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___mkrRd:active {
+.UseStyledSystem-module__hop-bs-active___8gnFg:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___wiNSV:hover {
+.UseStyledSystem-module__hop-c-hover___Q88Tg:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___59TkO:focus-visible {
+.UseStyledSystem-module__hop-c-focus___Vyuyv:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___H8-u-:active {
+.UseStyledSystem-module__hop-c-active___UquV3:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___igsh7:hover {
+.UseStyledSystem-module__hop-cs-hover___GqEOP:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___1Xk9j:hover {
+.UseStyledSystem-module__hop-f-hover___7EKmX:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___Ib-hw:focus-visible {
+.UseStyledSystem-module__hop-f-focus___k-Xh5:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___gzbqv:hover {
+.UseStyledSystem-module__hop-o-hover___bSfTb:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___Pmoy-:focus-visible {
+.UseStyledSystem-module__hop-o-focus___92q-T:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___eu716:active {
+.UseStyledSystem-module__hop-o-active___qojJF:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___aURRZ:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___U-dIO:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { Breakpoint } from './responsive/Breakpoints.js';
-import { StyledSystemProps } from './styled-system-props.js';
+import { StyledSystemProps } from './styledSystemProps.js';
 import { ResponsiveProp } from './responsive/useResponsiveValue.js';
 import 'csstype';
-import './tokens/token-mappings.js';
+import './tokens/tokenMappings.js';
 
 type PropHandler = (name: string, value: ResponsiveProp<string | number | string[]>, context: StylingContext) => void;
 declare const PropsHandlers: Record<string, PropHandler>;

package/dist/useStyledSystem.js

@@ -1,9 +1,9 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-IZYWFDT7.js';
-import './chunk-ACHT4RXQ.js';
-import './chunk-PCGVOTW3.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-TSYETPJT.js';
+import './chunk-DRFY5W7M.js';
+import './chunk-KKVEOD5L.js';
 import './chunk-SFOVKOPG.js';
 import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
 import './chunk-U5R6ZXH3.js';
-import './chunk-I37Y2R7V.js';
+import './chunk-QMDDVBCZ.js';
 import './chunk-6LX4VMOV.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,36 +38,35 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "clsx": "^2.1.0",
-    "@react-aria/ssr": "^3.9.1"
+    "@react-aria/ssr": "^3.9.2",
+    "clsx": "^2.1.0"
   },
   "devDependencies": {
-    "@swc/core": "1.3.106",
-    "@swc/helpers": "0.5.3",
-    "@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",
+    "@swc/core": "1.4.8",
+    "@swc/helpers": "0.5.7",
+    "@swc/jest": "0.2.36",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.2",
+    "@types/jest": "29.5.12",
+    "@types/react": "18.2.67",
+    "@types/react-dom": "18.2.22",
     "@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/eslint-plugin": "3.1.0",
+    "@workleap/swc-configs": "2.2.3",
+    "@workleap/tsup-configs": "3.0.4",
     "@workleap/typescript-configs": "3.0.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "postcss": "8.4.33",
+    "postcss": "8.4.37",
     "postcss-modules": "6.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0",
     "ts-jest": "29.1.2",
-    "tsup": "8.0.1",
-    "type-fest": "4.10.1",
-    "typescript": "5.3.3",
-    "@hopper-ui/tokens": "3.3.0"
+    "tsup": "8.0.2",
+    "typescript": "5.4.2",
+    "@hopper-ui/tokens": "3.5.0"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",

package/dist/styled-system-props.js

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

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

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

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

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