@hopper-ui/styled-system - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

CHANGELOG.md

 # @hopper-ui/styled-system
 
+## 2.0.1
+
+### Patch Changes
+
+- 8ad853b: Retro fitted active color tokens to ease with migrations, these will be deprecated eventually.
+
 ## 2.0.0
@@ -4,0 +10,0 @@

dist/color-scheme/ColorSchemeContext.js

 export { ColorSchemeContext, useColorSchemeContext } from '../chunk-V7X6ANEM.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/color-scheme/useColorScheme.js

 export { useColorScheme } from '../chunk-5U5IRAPA.js';
 import '../chunk-T6JS7L6B.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/color-scheme/useColorSchemeValue.js

 export { useColorSchemeValue } from '../chunk-X5OXC6DN.js';
 import '../chunk-V7X6ANEM.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/global-styles/BodyStyleProvider.js

@@ -1,9 +0,9 @@
-export { BodyStyleProvider } from '../chunk-BA7JHGU6.js';
+export { BodyStyleProvider } from '../chunk-VTGIKL3T.js';
 import '../chunk-3YM73BQP.js';
-import '../chunk-B6ZBFYWJ.js';
+import '../chunk-6IPAN22Z.js';
 import '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
-import '../chunk-REAV6RA4.js';
+import '../chunk-3KPNXG7H.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-V7X6ANEM.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/html-wrappers/html.js

@@ -1,6 +0,6 @@
-export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-AZ44JR7G.js';
-import '../chunk-GZ3MQOPA.js';
-import '../chunk-SSBFBJJN.js';
-import '../chunk-5GX5VZFT.js';
-import '../chunk-Y7GWSHYF.js';
+export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-6KT6K6NI.js';
+import '../chunk-KOWHTPQC.js';
+import '../chunk-KQGCMT5E.js';
+import '../chunk-NJIDLCB7.js';
+import '../chunk-FAICHNEU.js';
 import '../chunk-SFOVKOPG.js';
@@ -11,2 +11,2 @@ import '../chunk-VBKLISDI.js';
 import '../chunk-QMDDVBCZ.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/html-wrappers/htmlElement.js

@@ -1,5 +0,5 @@
-export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-GZ3MQOPA.js';
-import '../chunk-SSBFBJJN.js';
-import '../chunk-5GX5VZFT.js';
-import '../chunk-Y7GWSHYF.js';
+export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-KOWHTPQC.js';
+import '../chunk-KQGCMT5E.js';
+import '../chunk-NJIDLCB7.js';
+import '../chunk-FAICHNEU.js';
 import '../chunk-SFOVKOPG.js';
@@ -10,2 +10,2 @@ import '../chunk-VBKLISDI.js';
 import '../chunk-QMDDVBCZ.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/index.js

@@ -1,18 +0,18 @@
-export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
-export { BodyStyleProvider } from './chunk-BA7JHGU6.js';
+export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-JSOM3YJJ.js';
+export { BodyStyleProvider } from './chunk-VTGIKL3T.js';
 export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
-export { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
-export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-AZ44JR7G.js';
-export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-GZ3MQOPA.js';
+export { ThemeComputedStyle } from './chunk-6IPAN22Z.js';
+export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-6KT6K6NI.js';
+export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-KOWHTPQC.js';
 export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
-export { TokenProvider } from './chunk-VJNKYHHT.js';
-export { Tokens } from './chunk-EF3UX45A.js';
-import './chunk-YJKWZYVH.js';
-import './chunk-DVOV55CD.js';
+export { TokenProvider } from './chunk-BUQLB5H6.js';
+export { Tokens } from './chunk-CFIMNXX5.js';
+import './chunk-LKOZVSXD.js';
+import './chunk-4E7VQIC5.js';
 export { useInsertStyleElement } from './chunk-RIORU7JO.js';
 export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
-export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
-export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.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-5GX5VZFT.js';
-import './chunk-Y7GWSHYF.js';
+export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-3KPNXG7H.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-KQGCMT5E.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-NJIDLCB7.js';
+import './chunk-FAICHNEU.js';
 export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';
@@ -27,2 +27,2 @@ export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';
 export { ColorSchemeContext, useColorSchemeContext } from './chunk-V7X6ANEM.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

dist/responsive/BreakpointContext.js

 export { BreakpointContext, useBreakpointContext } from '../chunk-VBKLISDI.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/responsive/BreakpointProvider.js

@@ -5,2 +5,2 @@ export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-GXUFWEP5.js';
 import '../chunk-T6JS7L6B.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/responsive/Breakpoints.js

 export { Breakpoints } from '../chunk-XUHDFZZL.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/responsive/useResponsiveValue.js

@@ -5,2 +5,2 @@ export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from '../chunk-SFOVKOPG.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/styledSystemProps.js

 export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

dist/StyledSystemProvider.js

@@ -1,18 +0,18 @@
-export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
-import './chunk-BA7JHGU6.js';
+export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-JSOM3YJJ.js';
+import './chunk-VTGIKL3T.js';
 import './chunk-3YM73BQP.js';
-import './chunk-B6ZBFYWJ.js';
-import './chunk-AZ44JR7G.js';
-import './chunk-GZ3MQOPA.js';
+import './chunk-6IPAN22Z.js';
+import './chunk-6KT6K6NI.js';
+import './chunk-KOWHTPQC.js';
 import './chunk-GXUFWEP5.js';
-import './chunk-VJNKYHHT.js';
-import './chunk-EF3UX45A.js';
-import './chunk-YJKWZYVH.js';
-import './chunk-DVOV55CD.js';
+import './chunk-BUQLB5H6.js';
+import './chunk-CFIMNXX5.js';
+import './chunk-LKOZVSXD.js';
+import './chunk-4E7VQIC5.js';
 import './chunk-RIORU7JO.js';
 import './chunk-YPIK2HRL.js';
-import './chunk-REAV6RA4.js';
-import './chunk-SSBFBJJN.js';
-import './chunk-5GX5VZFT.js';
-import './chunk-Y7GWSHYF.js';
+import './chunk-3KPNXG7H.js';
+import './chunk-KQGCMT5E.js';
+import './chunk-NJIDLCB7.js';
+import './chunk-FAICHNEU.js';
 import './chunk-SFOVKOPG.js';
@@ -26,2 +26,2 @@ import './chunk-VBKLISDI.js';
 import './chunk-V7X6ANEM.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

dist/styledSystemRootCssClass.js

@@ -1,2 +0,2 @@
-export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
-import './chunk-6LX4VMOV.js';
+export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-3KPNXG7H.js';
+import './chunk-2UOTJGT6.js';

dist/tokens/generated/darkSemanticTokens.d.ts

@@ -5,2 +5,9 @@ /**
 declare const DarkSemanticTokens: {
+    "--hop-danger-border-active": string;
+    "--hop-danger-icon-active": string;
+    "--hop-danger-icon-weak-active": string;
+    "--hop-danger-surface-active": string;
+    "--hop-danger-surface-weak-active": string;
+    "--hop-danger-text-active": string;
+    "--hop-danger-text-weak-active": string;
     "--hop-danger-border": string;
@@ -40,2 +47,124 @@ "--hop-danger-border-selected": string;
     "--hop-danger-text-weak-press": string;
+    "--hop-neutral-border-active": string;
+    "--hop-neutral-icon-active": string;
+    "--hop-neutral-icon-weak-active": string;
+    "--hop-neutral-surface-active": string;
+    "--hop-neutral-surface-weak-active": string;
+    "--hop-neutral-text-active": string;
+    "--hop-neutral-text-weak-active": string;
+    "--hop-neutral-border": string;
+    "--hop-neutral-border-selected": string;
+    "--hop-neutral-border-disabled": string;
+    "--hop-neutral-border-hover": string;
+    "--hop-neutral-border-press": string;
+    "--hop-neutral-border-strong": string;
+    "--hop-neutral-border-strong-hover": string;
+    "--hop-neutral-border-weakest": string;
+    "--hop-neutral-border-weak": string;
+    "--hop-neutral-icon": string;
+    "--hop-neutral-icon-selected": string;
+    "--hop-neutral-icon-disabled": string;
+    "--hop-neutral-icon-hover": string;
+    "--hop-neutral-icon-press": string;
+    "--hop-neutral-icon-strong": string;
+    "--hop-neutral-icon-strong-hover": string;
+    "--hop-neutral-icon-weak": string;
+    "--hop-neutral-icon-weak-hover": string;
+    "--hop-neutral-icon-weak-press": string;
+    "--hop-neutral-icon-weakest": string;
+    "--hop-neutral-surface": string;
+    "--hop-neutral-surface-selected": string;
+    "--hop-neutral-surface-disabled": string;
+    "--hop-neutral-surface-hover": string;
+    "--hop-neutral-surface-press": string;
+    "--hop-neutral-surface-strong": string;
+    "--hop-neutral-surface-weakest": string;
+    "--hop-neutral-surface-weak": string;
+    "--hop-neutral-surface-weak-selected": string;
+    "--hop-neutral-surface-weak-hover": string;
+    "--hop-neutral-surface-weak-press": string;
+    "--hop-neutral-surface-weakest-selected": string;
+    "--hop-neutral-surface-weakest-hover": string;
+    "--hop-neutral-text": string;
+    "--hop-neutral-text-selected": string;
+    "--hop-neutral-text-disabled": string;
+    "--hop-neutral-text-hover": string;
+    "--hop-neutral-text-press": string;
+    "--hop-neutral-text-strong": string;
+    "--hop-neutral-text-weak": string;
+    "--hop-neutral-text-weak-hover": string;
+    "--hop-neutral-text-weak-press": string;
+    "--hop-neutral-text-weakest": string;
+    "--hop-primary-border-active": string;
+    "--hop-primary-icon-active": string;
+    "--hop-primary-surface-active": string;
+    "--hop-primary-surface-strong-active": string;
+    "--hop-primary-surface-weak-active": string;
+    "--hop-primary-text-active": string;
+    "--hop-primary-border": string;
+    "--hop-primary-border-selected": string;
+    "--hop-primary-border-focus": string;
+    "--hop-primary-border-press": string;
+    "--hop-primary-icon": string;
+    "--hop-primary-icon-selected": string;
+    "--hop-primary-icon-disabled": string;
+    "--hop-primary-icon-hover": string;
+    "--hop-primary-icon-press": string;
+    "--hop-primary-icon-strong": string;
+    "--hop-primary-icon-strong-hover": string;
+    "--hop-primary-surface": string;
+    "--hop-primary-surface-selected": string;
+    "--hop-primary-surface-disabled": string;
+    "--hop-primary-surface-focus": string;
+    "--hop-primary-surface-hover": string;
+    "--hop-primary-surface-press": string;
+    "--hop-primary-surface-strong": string;
+    "--hop-primary-surface-strong-selected": string;
+    "--hop-primary-surface-strong-hover": string;
+    "--hop-primary-surface-strong-press": string;
+    "--hop-primary-surface-weak": string;
+    "--hop-primary-surface-weak-hover": string;
+    "--hop-primary-surface-weak-press": string;
+    "--hop-primary-text": string;
+    "--hop-primary-text-hover": string;
+    "--hop-primary-text-press": string;
+    "--hop-primary-text-strong": string;
+    "--hop-primary-text-strong-hover": string;
+    "--hop-primary-text-selected": string;
+    "--hop-primary-text-disabled": string;
+    "--hop-upsell-border-active": string;
+    "--hop-upsell-icon-active": string;
+    "--hop-upsell-icon-weak-active": string;
+    "--hop-upsell-surface-active": string;
+    "--hop-upsell-surface-weak-active": string;
+    "--hop-upsell-text-active": string;
+    "--hop-upsell-text-weak-active": string;
+    "--hop-upsell-border": string;
+    "--hop-upsell-border-selected": string;
+    "--hop-upsell-border-disabled": string;
+    "--hop-upsell-border-press": string;
+    "--hop-upsell-icon": string;
+    "--hop-upsell-icon-selected": string;
+    "--hop-upsell-icon-hover": string;
+    "--hop-upsell-icon-press": string;
+    "--hop-upsell-icon-weakest": string;
+    "--hop-upsell-icon-weak": string;
+    "--hop-upsell-icon-weak-hover": string;
+    "--hop-upsell-icon-weak-press": string;
+    "--hop-upsell-surface": string;
+    "--hop-upsell-surface-selected": string;
+    "--hop-upsell-surface-disabled": string;
+    "--hop-upsell-surface-hover": string;
+    "--hop-upsell-surface-press": string;
+    "--hop-upsell-surface-weak": string;
+    "--hop-upsell-surface-weak-hover": string;
+    "--hop-upsell-surface-weak-press": string;
+    "--hop-upsell-text": string;
+    "--hop-upsell-text-selected": string;
+    "--hop-upsell-text-disabled": string;
+    "--hop-upsell-text-hover": string;
+    "--hop-upsell-text-press": string;
+    "--hop-upsell-text-weak": string;
+    "--hop-upsell-text-weak-hover": string;
+    "--hop-upsell-text-weak-press": string;
     "--hop-decorative-option1-border": string;
@@ -140,76 +269,2 @@ "--hop-decorative-option1-icon": string;
     "--hop-information-text-weak": string;
-    "--hop-neutral-border": string;
-    "--hop-neutral-border-selected": string;
-    "--hop-neutral-border-disabled": string;
-    "--hop-neutral-border-hover": string;
-    "--hop-neutral-border-press": string;
-    "--hop-neutral-border-strong": string;
-    "--hop-neutral-border-strong-hover": string;
-    "--hop-neutral-border-weakest": string;
-    "--hop-neutral-border-weak": string;
-    "--hop-neutral-icon": string;
-    "--hop-neutral-icon-selected": string;
-    "--hop-neutral-icon-disabled": string;
-    "--hop-neutral-icon-hover": string;
-    "--hop-neutral-icon-press": string;
-    "--hop-neutral-icon-strong": string;
-    "--hop-neutral-icon-strong-hover": string;
-    "--hop-neutral-icon-weak": string;
-    "--hop-neutral-icon-weak-hover": string;
-    "--hop-neutral-icon-weak-press": string;
-    "--hop-neutral-icon-weakest": string;
-    "--hop-neutral-surface": string;
-    "--hop-neutral-surface-selected": string;
-    "--hop-neutral-surface-disabled": string;
-    "--hop-neutral-surface-hover": string;
-    "--hop-neutral-surface-press": string;
-    "--hop-neutral-surface-strong": string;
-    "--hop-neutral-surface-weakest": string;
-    "--hop-neutral-surface-weak": string;
-    "--hop-neutral-surface-weak-selected": string;
-    "--hop-neutral-surface-weak-hover": string;
-    "--hop-neutral-surface-weak-press": string;
-    "--hop-neutral-surface-weakest-selected": string;
-    "--hop-neutral-surface-weakest-hover": string;
-    "--hop-neutral-text": string;
-    "--hop-neutral-text-selected": string;
-    "--hop-neutral-text-disabled": string;
-    "--hop-neutral-text-hover": string;
-    "--hop-neutral-text-press": string;
-    "--hop-neutral-text-strong": string;
-    "--hop-neutral-text-weak": string;
-    "--hop-neutral-text-weak-hover": string;
-    "--hop-neutral-text-weak-press": string;
-    "--hop-neutral-text-weakest": string;
-    "--hop-primary-border": string;
-    "--hop-primary-border-selected": string;
-    "--hop-primary-border-focus": string;
-    "--hop-primary-border-press": string;
-    "--hop-primary-icon": string;
-    "--hop-primary-icon-selected": string;
-    "--hop-primary-icon-disabled": string;
-    "--hop-primary-icon-hover": string;
-    "--hop-primary-icon-press": string;
-    "--hop-primary-icon-strong": string;
-    "--hop-primary-icon-strong-hover": string;
-    "--hop-primary-surface": string;
-    "--hop-primary-surface-selected": string;
-    "--hop-primary-surface-disabled": string;
-    "--hop-primary-surface-focus": string;
-    "--hop-primary-surface-hover": string;
-    "--hop-primary-surface-press": string;
-    "--hop-primary-surface-strong": string;
-    "--hop-primary-surface-strong-selected": string;
-    "--hop-primary-surface-strong-hover": string;
-    "--hop-primary-surface-strong-press": string;
-    "--hop-primary-surface-weak": string;
-    "--hop-primary-surface-weak-hover": string;
-    "--hop-primary-surface-weak-press": string;
-    "--hop-primary-text": string;
-    "--hop-primary-text-hover": string;
-    "--hop-primary-text-press": string;
-    "--hop-primary-text-strong": string;
-    "--hop-primary-text-strong-hover": string;
-    "--hop-primary-text-selected": string;
-    "--hop-primary-text-disabled": string;
     "--hop-status-caution-icon": string;
@@ -273,30 +328,2 @@ "--hop-status-caution-surface": string;
     "--hop-success-text-hover": string;
-    "--hop-upsell-border": string;
-    "--hop-upsell-border-selected": string;
-    "--hop-upsell-border-disabled": string;
-    "--hop-upsell-border-press": string;
-    "--hop-upsell-icon": string;
-    "--hop-upsell-icon-selected": string;
-    "--hop-upsell-icon-hover": string;
-    "--hop-upsell-icon-press": string;
-    "--hop-upsell-icon-weakest": string;
-    "--hop-upsell-icon-weak": string;
-    "--hop-upsell-icon-weak-hover": string;
-    "--hop-upsell-icon-weak-press": string;
-    "--hop-upsell-surface": string;
-    "--hop-upsell-surface-selected": string;
-    "--hop-upsell-surface-disabled": string;
-    "--hop-upsell-surface-hover": string;
-    "--hop-upsell-surface-press": string;
-    "--hop-upsell-surface-weak": string;
-    "--hop-upsell-surface-weak-hover": string;
-    "--hop-upsell-surface-weak-press": string;
-    "--hop-upsell-text": string;
-    "--hop-upsell-text-selected": string;
-    "--hop-upsell-text-disabled": string;
-    "--hop-upsell-text-hover": string;
-    "--hop-upsell-text-press": string;
-    "--hop-upsell-text-weak": string;
-    "--hop-upsell-text-weak-hover": string;
-    "--hop-upsell-text-weak-press": string;
     "--hop-warning-border": string;
@@ -303,0 +330,0 @@ "--hop-warning-icon": string;

dist/tokens/generated/darkSemanticTokens.js

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

dist/tokens/generated/lightSemanticTokens.d.ts

@@ -221,2 +221,9 @@ /**
     "--hop-space-inline-xl": string;
+    "--hop-danger-border-active": string;
+    "--hop-danger-icon-active": string;
+    "--hop-danger-icon-weak-active": string;
+    "--hop-danger-surface-active": string;
+    "--hop-danger-surface-weak-active": string;
+    "--hop-danger-text-active": string;
+    "--hop-danger-text-weak-active": string;
     "--hop-danger-border": string;
@@ -256,2 +263,124 @@ "--hop-danger-border-selected": string;
     "--hop-danger-text-weak-press": string;
+    "--hop-neutral-border-active": string;
+    "--hop-neutral-icon-active": string;
+    "--hop-neutral-icon-weak-active": string;
+    "--hop-neutral-surface-active": string;
+    "--hop-neutral-surface-weak-active": string;
+    "--hop-neutral-text-active": string;
+    "--hop-neutral-text-weak-active": string;
+    "--hop-neutral-border": string;
+    "--hop-neutral-border-selected": string;
+    "--hop-neutral-border-disabled": string;
+    "--hop-neutral-border-hover": string;
+    "--hop-neutral-border-press": string;
+    "--hop-neutral-border-strong": string;
+    "--hop-neutral-border-strong-hover": string;
+    "--hop-neutral-border-weak": string;
+    "--hop-neutral-border-weakest": string;
+    "--hop-neutral-icon": string;
+    "--hop-neutral-icon-selected": string;
+    "--hop-neutral-icon-disabled": string;
+    "--hop-neutral-icon-hover": string;
+    "--hop-neutral-icon-press": string;
+    "--hop-neutral-icon-strong": string;
+    "--hop-neutral-icon-strong-hover": string;
+    "--hop-neutral-icon-weak": string;
+    "--hop-neutral-icon-weak-hover": string;
+    "--hop-neutral-icon-weak-press": string;
+    "--hop-neutral-icon-weakest": string;
+    "--hop-neutral-surface": string;
+    "--hop-neutral-surface-selected": string;
+    "--hop-neutral-surface-disabled": string;
+    "--hop-neutral-surface-hover": string;
+    "--hop-neutral-surface-press": string;
+    "--hop-neutral-surface-strong": string;
+    "--hop-neutral-surface-weak": string;
+    "--hop-neutral-surface-weak-selected": string;
+    "--hop-neutral-surface-weak-hover": string;
+    "--hop-neutral-surface-weak-press": string;
+    "--hop-neutral-surface-weakest": string;
+    "--hop-neutral-surface-weakest-selected": string;
+    "--hop-neutral-surface-weakest-hover": string;
+    "--hop-neutral-text": string;
+    "--hop-neutral-text-selected": string;
+    "--hop-neutral-text-disabled": string;
+    "--hop-neutral-text-hover": string;
+    "--hop-neutral-text-press": string;
+    "--hop-neutral-text-strong": string;
+    "--hop-neutral-text-weak": string;
+    "--hop-neutral-text-weak-hover": string;
+    "--hop-neutral-text-weak-press": string;
+    "--hop-neutral-text-weakest": string;
+    "--hop-primary-border-active": string;
+    "--hop-primary-icon-active": string;
+    "--hop-primary-surface-active": string;
+    "--hop-primary-surface-strong-active": string;
+    "--hop-primary-surface-weak-active": string;
+    "--hop-primary-text-active": string;
+    "--hop-primary-border": string;
+    "--hop-primary-border-selected": string;
+    "--hop-primary-border-focus": string;
+    "--hop-primary-border-press": string;
+    "--hop-primary-icon": string;
+    "--hop-primary-icon-selected": string;
+    "--hop-primary-icon-disabled": string;
+    "--hop-primary-icon-hover": string;
+    "--hop-primary-icon-press": string;
+    "--hop-primary-icon-strong": string;
+    "--hop-primary-icon-strong-hover": string;
+    "--hop-primary-surface": string;
+    "--hop-primary-surface-selected": string;
+    "--hop-primary-surface-disabled": string;
+    "--hop-primary-surface-focus": string;
+    "--hop-primary-surface-hover": string;
+    "--hop-primary-surface-press": string;
+    "--hop-primary-surface-strong": string;
+    "--hop-primary-surface-strong-selected": string;
+    "--hop-primary-surface-strong-hover": string;
+    "--hop-primary-surface-strong-press": string;
+    "--hop-primary-surface-weak": string;
+    "--hop-primary-surface-weak-hover": string;
+    "--hop-primary-surface-weak-press": string;
+    "--hop-primary-text": string;
+    "--hop-primary-text-selected": string;
+    "--hop-primary-text-disabled": string;
+    "--hop-primary-text-hover": string;
+    "--hop-primary-text-press": string;
+    "--hop-primary-text-strong": string;
+    "--hop-primary-text-strong-hover": string;
+    "--hop-upsell-border-active": string;
+    "--hop-upsell-icon-active": string;
+    "--hop-upsell-icon-weak-active": string;
+    "--hop-upsell-surface-active": string;
+    "--hop-upsell-surface-weak-active": string;
+    "--hop-upsell-text-active": string;
+    "--hop-upsell-text-weak-active": string;
+    "--hop-upsell-border": string;
+    "--hop-upsell-border-selected": string;
+    "--hop-upsell-border-disabled": string;
+    "--hop-upsell-border-press": string;
+    "--hop-upsell-icon": string;
+    "--hop-upsell-icon-selected": string;
+    "--hop-upsell-icon-hover": string;
+    "--hop-upsell-icon-press": string;
+    "--hop-upsell-icon-weakest": string;
+    "--hop-upsell-icon-weak": string;
+    "--hop-upsell-icon-weak-hover": string;
+    "--hop-upsell-icon-weak-press": string;
+    "--hop-upsell-surface": string;
+    "--hop-upsell-surface-selected": string;
+    "--hop-upsell-surface-disabled": string;
+    "--hop-upsell-surface-hover": string;
+    "--hop-upsell-surface-press": string;
+    "--hop-upsell-surface-weak": string;
+    "--hop-upsell-surface-weak-hover": string;
+    "--hop-upsell-surface-weak-press": string;
+    "--hop-upsell-text": string;
+    "--hop-upsell-text-selected": string;
+    "--hop-upsell-text-disabled": string;
+    "--hop-upsell-text-hover": string;
+    "--hop-upsell-text-press": string;
+    "--hop-upsell-text-weak": string;
+    "--hop-upsell-text-weak-hover": string;
+    "--hop-upsell-text-weak-press": string;
     "--hop-decorative-option9-border": string;
@@ -356,76 +485,2 @@ "--hop-decorative-option9-icon": string;
     "--hop-information-text-weak": string;
-    "--hop-neutral-border": string;
-    "--hop-neutral-border-selected": string;
-    "--hop-neutral-border-disabled": string;
-    "--hop-neutral-border-hover": string;
-    "--hop-neutral-border-press": string;
-    "--hop-neutral-border-strong": string;
-    "--hop-neutral-border-strong-hover": string;
-    "--hop-neutral-border-weak": string;
-    "--hop-neutral-border-weakest": string;
-    "--hop-neutral-icon": string;
-    "--hop-neutral-icon-selected": string;
-    "--hop-neutral-icon-disabled": string;
-    "--hop-neutral-icon-hover": string;
-    "--hop-neutral-icon-press": string;
-    "--hop-neutral-icon-strong": string;
-    "--hop-neutral-icon-strong-hover": string;
-    "--hop-neutral-icon-weak": string;
-    "--hop-neutral-icon-weak-hover": string;
-    "--hop-neutral-icon-weak-press": string;
-    "--hop-neutral-icon-weakest": string;
-    "--hop-neutral-surface": string;
-    "--hop-neutral-surface-selected": string;
-    "--hop-neutral-surface-disabled": string;
-    "--hop-neutral-surface-hover": string;
-    "--hop-neutral-surface-press": string;
-    "--hop-neutral-surface-strong": string;
-    "--hop-neutral-surface-weak": string;
-    "--hop-neutral-surface-weak-selected": string;
-    "--hop-neutral-surface-weak-hover": string;
-    "--hop-neutral-surface-weak-press": string;
-    "--hop-neutral-surface-weakest": string;
-    "--hop-neutral-surface-weakest-selected": string;
-    "--hop-neutral-surface-weakest-hover": string;
-    "--hop-neutral-text": string;
-    "--hop-neutral-text-selected": string;
-    "--hop-neutral-text-disabled": string;
-    "--hop-neutral-text-hover": string;
-    "--hop-neutral-text-press": string;
-    "--hop-neutral-text-strong": string;
-    "--hop-neutral-text-weak": string;
-    "--hop-neutral-text-weak-hover": string;
-    "--hop-neutral-text-weak-press": string;
-    "--hop-neutral-text-weakest": string;
-    "--hop-primary-border": string;
-    "--hop-primary-border-selected": string;
-    "--hop-primary-border-focus": string;
-    "--hop-primary-border-press": string;
-    "--hop-primary-icon": string;
-    "--hop-primary-icon-selected": string;
-    "--hop-primary-icon-disabled": string;
-    "--hop-primary-icon-hover": string;
-    "--hop-primary-icon-press": string;
-    "--hop-primary-icon-strong": string;
-    "--hop-primary-icon-strong-hover": string;
-    "--hop-primary-surface": string;
-    "--hop-primary-surface-selected": string;
-    "--hop-primary-surface-disabled": string;
-    "--hop-primary-surface-focus": string;
-    "--hop-primary-surface-hover": string;
-    "--hop-primary-surface-press": string;
-    "--hop-primary-surface-strong": string;
-    "--hop-primary-surface-strong-selected": string;
-    "--hop-primary-surface-strong-hover": string;
-    "--hop-primary-surface-strong-press": string;
-    "--hop-primary-surface-weak": string;
-    "--hop-primary-surface-weak-hover": string;
-    "--hop-primary-surface-weak-press": string;
-    "--hop-primary-text": string;
-    "--hop-primary-text-selected": string;
-    "--hop-primary-text-disabled": string;
-    "--hop-primary-text-hover": string;
-    "--hop-primary-text-press": string;
-    "--hop-primary-text-strong": string;
-    "--hop-primary-text-strong-hover": string;
     "--hop-status-caution-surface-strong": string;
@@ -489,30 +544,2 @@ "--hop-status-caution-icon": string;
     "--hop-success-text-weak": string;
-    "--hop-upsell-border": string;
-    "--hop-upsell-border-selected": string;
-    "--hop-upsell-border-disabled": string;
-    "--hop-upsell-border-press": string;
-    "--hop-upsell-icon": string;
-    "--hop-upsell-icon-selected": string;
-    "--hop-upsell-icon-hover": string;
-    "--hop-upsell-icon-press": string;
-    "--hop-upsell-icon-weakest": string;
-    "--hop-upsell-icon-weak": string;
-    "--hop-upsell-icon-weak-hover": string;
-    "--hop-upsell-icon-weak-press": string;
-    "--hop-upsell-surface": string;
-    "--hop-upsell-surface-selected": string;
-    "--hop-upsell-surface-disabled": string;
-    "--hop-upsell-surface-hover": string;
-    "--hop-upsell-surface-press": string;
-    "--hop-upsell-surface-weak": string;
-    "--hop-upsell-surface-weak-hover": string;
-    "--hop-upsell-surface-weak-press": string;
-    "--hop-upsell-text": string;
-    "--hop-upsell-text-selected": string;
-    "--hop-upsell-text-disabled": string;
-    "--hop-upsell-text-hover": string;
-    "--hop-upsell-text-press": string;
-    "--hop-upsell-text-weak": string;
-    "--hop-upsell-text-weak-hover": string;
-    "--hop-upsell-text-weak-press": string;
     "--hop-warning-border": string;
@@ -519,0 +546,0 @@ "--hop-warning-icon": string;

dist/tokens/generated/lightSemanticTokens.js

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

dist/tokens/generated/styledSystemToTokenMappings.d.ts

@@ -143,2 +143,4 @@ /**
 declare const BackgroundColors: {
+    "danger-active": string;
+    "danger-weak-active": string;
     danger: string;
@@ -154,2 +156,43 @@ "danger-selected": string;
     "danger-weak-press": string;
+    "neutral-active": string;
+    "neutral-weak-active": string;
+    neutral: string;
+    "neutral-selected": string;
+    "neutral-disabled": string;
+    "neutral-hover": string;
+    "neutral-press": string;
+    "neutral-strong": string;
+    "neutral-weak": string;
+    "neutral-weak-selected": string;
+    "neutral-weak-hover": string;
+    "neutral-weak-press": string;
+    "neutral-weakest": string;
+    "neutral-weakest-selected": string;
+    "neutral-weakest-hover": string;
+    "primary-active": string;
+    "primary-strong-active": string;
+    "primary-weak-active": string;
+    primary: string;
+    "primary-selected": string;
+    "primary-disabled": string;
+    "primary-focus": string;
+    "primary-hover": string;
+    "primary-press": string;
+    "primary-strong": string;
+    "primary-strong-selected": string;
+    "primary-strong-hover": string;
+    "primary-strong-press": string;
+    "primary-weak": string;
+    "primary-weak-hover": string;
+    "primary-weak-press": string;
+    "upsell-active": string;
+    "upsell-weak-active": string;
+    upsell: string;
+    "upsell-selected": string;
+    "upsell-disabled": string;
+    "upsell-hover": string;
+    "upsell-press": string;
+    "upsell-weak": string;
+    "upsell-weak-hover": string;
+    "upsell-weak-press": string;
     "decorative-option9": string;
@@ -212,28 +255,2 @@ "decorative-option9-hover": string;
     "information-weak": string;
-    neutral: string;
-    "neutral-selected": string;
-    "neutral-disabled": string;
-    "neutral-hover": string;
-    "neutral-press": string;
-    "neutral-strong": string;
-    "neutral-weak": string;
-    "neutral-weak-selected": string;
-    "neutral-weak-hover": string;
-    "neutral-weak-press": string;
-    "neutral-weakest": string;
-    "neutral-weakest-selected": string;
-    "neutral-weakest-hover": string;
-    primary: string;
-    "primary-selected": string;
-    "primary-disabled": string;
-    "primary-focus": string;
-    "primary-hover": string;
-    "primary-press": string;
-    "primary-strong": string;
-    "primary-strong-selected": string;
-    "primary-strong-hover": string;
-    "primary-strong-press": string;
-    "primary-weak": string;
-    "primary-weak-hover": string;
-    "primary-weak-press": string;
     "status-caution-strong": string;
@@ -266,10 +283,2 @@ "status-caution": string;
     "success-weak": string;
-    upsell: string;
-    "upsell-selected": string;
-    "upsell-disabled": string;
-    "upsell-hover": string;
-    "upsell-press": string;
-    "upsell-weak": string;
-    "upsell-weak-hover": string;
-    "upsell-weak-press": string;
     warning: string;
@@ -280,2 +289,4 @@ "warning-strong": string;
 declare const TextColors: {
+    "danger-active": string;
+    "danger-weak-active": string;
     danger: string;
@@ -291,2 +302,32 @@ "danger-selected": string;
     "danger-weak-press": string;
+    "neutral-active": string;
+    "neutral-weak-active": string;
+    neutral: string;
+    "neutral-selected": string;
+    "neutral-disabled": string;
+    "neutral-hover": string;
+    "neutral-press": string;
+    "neutral-strong": string;
+    "neutral-weak": string;
+    "neutral-weak-hover": string;
+    "neutral-weak-press": string;
+    "neutral-weakest": string;
+    "primary-active": string;
+    primary: string;
+    "primary-selected": string;
+    "primary-disabled": string;
+    "primary-hover": string;
+    "primary-press": string;
+    "primary-strong": string;
+    "primary-strong-hover": string;
+    "upsell-active": string;
+    "upsell-weak-active": string;
+    upsell: string;
+    "upsell-selected": string;
+    "upsell-disabled": string;
+    "upsell-hover": string;
+    "upsell-press": string;
+    "upsell-weak": string;
+    "upsell-weak-hover": string;
+    "upsell-weak-press": string;
     "decorative-option9": string;
@@ -312,19 +353,2 @@ "decorative-option9-weak": string;
     "information-weak": string;
-    neutral: string;
-    "neutral-selected": string;
-    "neutral-disabled": string;
-    "neutral-hover": string;
-    "neutral-press": string;
-    "neutral-strong": string;
-    "neutral-weak": string;
-    "neutral-weak-hover": string;
-    "neutral-weak-press": string;
-    "neutral-weakest": string;
-    primary: string;
-    "primary-selected": string;
-    "primary-disabled": string;
-    "primary-hover": string;
-    "primary-press": string;
-    "primary-strong": string;
-    "primary-strong-hover": string;
     "status-caution": string;
@@ -345,10 +369,2 @@ "status-inactive": string;
     "success-weak": string;
-    upsell: string;
-    "upsell-selected": string;
-    "upsell-disabled": string;
-    "upsell-hover": string;
-    "upsell-press": string;
-    "upsell-weak": string;
-    "upsell-weak-hover": string;
-    "upsell-weak-press": string;
     warning: string;
@@ -358,2 +374,4 @@ "warning-weak": string;
 declare const IconColors: {
+    "danger-active": string;
+    "danger-weak-active": string;
     danger: string;
@@ -369,14 +387,4 @@ "danger-selected": string;
     "danger-weak-press": string;
-    "decorative-option9": string;
-    "decorative-option8": string;
-    "decorative-option7": string;
-    "decorative-option5": string;
-    "decorative-option6": string;
-    "decorative-option4": string;
-    "decorative-option3": string;
-    "decorative-option2": string;
-    "decorative-option1": string;
-    information: string;
-    "information-weakest": string;
-    "information-weak": string;
+    "neutral-active": string;
+    "neutral-weak-active": string;
     neutral: string;
@@ -393,2 +401,3 @@ "neutral-selected": string;
     "neutral-weakest": string;
+    "primary-active": string;
     primary: string;
@@ -401,2 +410,24 @@ "primary-selected": string;
     "primary-strong-hover": string;
+    "upsell-active": string;
+    "upsell-weak-active": string;
+    upsell: string;
+    "upsell-selected": string;
+    "upsell-hover": string;
+    "upsell-press": string;
+    "upsell-weakest": string;
+    "upsell-weak": string;
+    "upsell-weak-hover": string;
+    "upsell-weak-press": string;
+    "decorative-option9": string;
+    "decorative-option8": string;
+    "decorative-option7": string;
+    "decorative-option5": string;
+    "decorative-option6": string;
+    "decorative-option4": string;
+    "decorative-option3": string;
+    "decorative-option2": string;
+    "decorative-option1": string;
+    information: string;
+    "information-weakest": string;
+    "information-weak": string;
     "status-caution": string;
@@ -417,10 +448,2 @@ "status-inactive": string;
     "success-weak": string;
-    upsell: string;
-    "upsell-selected": string;
-    "upsell-hover": string;
-    "upsell-press": string;
-    "upsell-weakest": string;
-    "upsell-weak": string;
-    "upsell-weak-hover": string;
-    "upsell-weak-press": string;
     warning: string;
@@ -431,2 +454,3 @@ "warning-weakest": string;
 declare const BorderColors: {
+    "danger-active": string;
     danger: string;
@@ -436,12 +460,3 @@ "danger-selected": string;
     "danger-press": string;
-    "decorative-option9": string;
-    "decorative-option8": string;
-    "decorative-option7": string;
-    "decorative-option5": string;
-    "decorative-option6": string;
-    "decorative-option4": string;
-    "decorative-option3": string;
-    "decorative-option2": string;
-    "decorative-option1": string;
-    information: string;
+    "neutral-active": string;
     neutral: string;
@@ -456,2 +471,3 @@ "neutral-selected": string;
     "neutral-weakest": string;
+    "primary-active": string;
     primary: string;
@@ -461,3 +477,3 @@ "primary-selected": string;
     "primary-press": string;
-    success: string;
+    "upsell-active": string;
     upsell: string;
@@ -467,2 +483,13 @@ "upsell-selected": string;
     "upsell-press": string;
+    "decorative-option9": string;
+    "decorative-option8": string;
+    "decorative-option7": string;
+    "decorative-option5": string;
+    "decorative-option6": string;
+    "decorative-option4": string;
+    "decorative-option3": string;
+    "decorative-option2": string;
+    "decorative-option1": string;
+    information: string;
+    success: string;
     warning: string;
@@ -469,0 +496,0 @@ };

dist/tokens/generated/styledSystemToTokenMappings.js

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

dist/tokens/tokenMappings.js

@@ -1,3 +0,3 @@
-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-5GX5VZFT.js';
-import '../chunk-Y7GWSHYF.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-NJIDLCB7.js';
+import '../chunk-FAICHNEU.js';
 import '../chunk-SFOVKOPG.js';
@@ -7,2 +7,2 @@ import '../chunk-VBKLISDI.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/tokens/TokenProvider.js

@@ -1,9 +0,9 @@
-export { TokenProvider } from '../chunk-VJNKYHHT.js';
-import '../chunk-EF3UX45A.js';
-import '../chunk-YJKWZYVH.js';
-import '../chunk-DVOV55CD.js';
+export { TokenProvider } from '../chunk-BUQLB5H6.js';
+import '../chunk-CFIMNXX5.js';
+import '../chunk-LKOZVSXD.js';
+import '../chunk-4E7VQIC5.js';
 import '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
-import '../chunk-REAV6RA4.js';
+import '../chunk-3KPNXG7H.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/tokens/tokens.js

@@ -1,4 +0,4 @@
-export { Tokens } from '../chunk-EF3UX45A.js';
-import '../chunk-YJKWZYVH.js';
-import '../chunk-DVOV55CD.js';
-import '../chunk-6LX4VMOV.js';
+export { Tokens } from '../chunk-CFIMNXX5.js';
+import '../chunk-LKOZVSXD.js';
+import '../chunk-4E7VQIC5.js';
+import '../chunk-2UOTJGT6.js';

dist/useStyledSystem.js

@@ -1,4 +0,4 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.js';
-import './chunk-5GX5VZFT.js';
-import './chunk-Y7GWSHYF.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-KQGCMT5E.js';
+import './chunk-NJIDLCB7.js';
+import './chunk-FAICHNEU.js';
 import './chunk-SFOVKOPG.js';
@@ -9,2 +9,2 @@ import './chunk-VBKLISDI.js';
 import './chunk-QMDDVBCZ.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

dist/utils/assertion.js

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

dist/utils/useInsertStyleElement.js

 export { useInsertStyleElement } from '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/utils/useIsomorphicInsertionEffect.js

 export { useIsomorphicInsertionEffect } from '../chunk-YPIK2HRL.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/utils/useIsomorphicLayoutEffect.js

 export { useIsomorphicLayoutEffect } from '../chunk-3YM73BQP.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/utils/useMediaQuery.js

 export { supportsMatchMedia, useMediaQuery } from '../chunk-T6JS7L6B.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

dist/utils/useThemeComputedStyle.js

@@ -1,3 +0,3 @@
-export { ThemeComputedStyle } from '../chunk-B6ZBFYWJ.js';
+export { ThemeComputedStyle } from '../chunk-6IPAN22Z.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package.json

 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "The styled-system package.",
@@ -41,13 +41,13 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/ssr": "^3.9.3",
+    "@react-aria/ssr": "^3.9.4",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@swc/core": "1.5.3",
+    "@swc/core": "1.5.25",
     "@swc/helpers": "0.5.11",
     "@swc/jest": "0.2.36",
     "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "15.0.7",
+    "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.1",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
@@ -63,3 +63,3 @@ "@types/react-test-renderer": "18.3.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-fail-on-console": "3.2.0",
+    "jest-fail-on-console": "3.3.0",
     "postcss": "8.4.38",
@@ -70,6 +70,6 @@ "postcss-modules": "6.0.0",
     "react-test-renderer": "18.3.1",
-    "ts-jest": "29.1.2",
-    "tsup": "8.0.2",
+    "ts-jest": "29.1.4",
+    "tsup": "8.1.0",
     "typescript": "5.4.5",
-    "@hopper-ui/tokens": "4.0.0"
+    "@hopper-ui/tokens": "4.0.2"
   },
@@ -76,0 +76,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

605158

increased by1.94%

Lines of code

11896

increased by2.01%

Dependency changes

• Updated@react-aria/ssr@^3.9.4