@hopper-ui/styled-system 0.2.2 → 0.2.4

package/dist/tokens/TokenProvider.js

@@ -1,8 +1,9 @@
-export { TokenProvider } from '../chunk-ZO3DYLQJ.js';
-import '../chunk-IK6W4ZXH.js';
-import '../chunk-2ITAI3PJ.js';
-import '../chunk-Q3NLRNZN.js';
-import '../chunk-JBWKRDVA.js';
+export { TokenProvider } from '../chunk-6Z3ODGLS.js';
+import '../chunk-A47SIZVA.js';
+import '../chunk-ZKEMKHXY.js';
+import '../chunk-HAB2KYRH.js';
+import '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
-import '../chunk-ZQUJDDQL.js';
+import '../chunk-LTBVOC66.js';
 import '../chunk-U5R6ZXH3.js';
+import '../chunk-JFESGV6Z.js';

package/dist/tokens/generated/dark-semantic-tokens.d.ts

@@ -184,6 +184,7 @@ declare const DarkSemanticTokens: {
     "--hop-neutral-border-hover": string;
     "--hop-neutral-border-active": string;
     "--hop-neutral-surface-weak-hover": string;
+    "--hop-neutral-surface-weak-active": string;
     "--hop-neutral-border-weakest": string;
     "--hop-neutral-surface-weakest": string;
     "--hop-warning-icon-weakest": string;

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

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

package/dist/tokens/generated/light-semantic-tokens.d.ts

@@ -394,6 +394,7 @@ declare const SemanticTokens: {
     "--hop-neutral-border-hover": string;
     "--hop-neutral-border-active": string;
     "--hop-neutral-surface-weak-hover": string;
+    "--hop-neutral-surface-weak-active": string;
     "--hop-neutral-border-weakest": string;
     "--hop-neutral-surface-weakest": string;
     "--hop-warning-icon-weakest": string;

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

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

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

@@ -223,6 +223,7 @@ declare const BackgroundColors: {
     "neutral-strong": string;
     "neutral-hover": string;
     "neutral-weak-hover": string;
+    "neutral-weak-active": string;
     "neutral-weakest": string;
     warning: string;
     "warning-strong": string;

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

@@ -1 +1,2 @@
-export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-U3SI5QXV.js';
+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';

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

@@ -489,6 +489,7 @@ declare const BackgroundColorMapping: {
     "neutral-strong": string;
     "neutral-hover": string;
     "neutral-weak-hover": string;
+    "neutral-weak-active": string;
     "neutral-weakest": string;
     warning: string;
     "warning-strong": string;
@@ -1008,6 +1009,7 @@ declare const BorderMapping: {
     "neutral-strong": string;
     "neutral-hover": string;
     "neutral-weak-hover": string;
+    "neutral-weak-active": string;
     "neutral-weakest": string;
     warning: string;
     "warning-strong": string;

package/dist/tokens/token-mappings.js

@@ -1,6 +1,7 @@
-export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSystemValue, parseResponsiveSystemValue } from '../chunk-KUUJ37DW.js';
-import '../chunk-U3SI5QXV.js';
-import '../chunk-GYREQTEK.js';
-import '../chunk-ZUVKM5DV.js';
+export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSystemValue, parseResponsiveSystemValue } from '../chunk-T2LQYER5.js';
+import '../chunk-PCGVOTW3.js';
+import '../chunk-SFOVKOPG.js';
+import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
 import '../chunk-U5R6ZXH3.js';
+import '../chunk-JFESGV6Z.js';

package/dist/tokens/tokens.d.ts

@@ -395,6 +395,7 @@ declare const Tokens: {
         "--hop-neutral-border-hover": string;
         "--hop-neutral-border-active": string;
         "--hop-neutral-surface-weak-hover": string;
+        "--hop-neutral-surface-weak-active": string;
         "--hop-neutral-border-weakest": string;
         "--hop-neutral-surface-weakest": string;
         "--hop-warning-icon-weakest": string;
@@ -1063,6 +1064,7 @@ declare const Tokens: {
         "--hop-neutral-border-hover": string;
         "--hop-neutral-border-active": string;
         "--hop-neutral-surface-weak-hover": string;
+        "--hop-neutral-surface-weak-active": string;
         "--hop-neutral-border-weakest": string;
         "--hop-neutral-surface-weakest": string;
         "--hop-warning-icon-weakest": string;

package/dist/tokens/tokens.js

@@ -1,3 +1,4 @@
-export { Tokens } from '../chunk-IK6W4ZXH.js';
-import '../chunk-2ITAI3PJ.js';
-import '../chunk-Q3NLRNZN.js';
+export { Tokens } from '../chunk-A47SIZVA.js';
+import '../chunk-ZKEMKHXY.js';
+import '../chunk-HAB2KYRH.js';
+import '../chunk-JFESGV6Z.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___J4CU8:hover {
+.UseStyledSystem-module__hop-b-hover___hm18j:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___kSFWj:hover {
+.UseStyledSystem-module__hop-bb-hover___21HKw:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___1Cezh:hover {
+.UseStyledSystem-module__hop-bl-hover___Grzt6:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___6QimZ:hover {
+.UseStyledSystem-module__hop-br-hover___G7tk8:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___t7jJb:hover {
+.UseStyledSystem-module__hop-bt-hover___sm1qA:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___GAcvC:focus-visible {
+.UseStyledSystem-module__hop-b-focus___e1pDZ:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___tRcZ7:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___n1ebY:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___tHmqH:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___pkLah:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___o38Ur:focus-visible {
+.UseStyledSystem-module__hop-br-focus___EIC7F:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Iuh-n:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___Hs3sj:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___T6lcA:active {
+.UseStyledSystem-module__hop-b-active___ELBnY:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___GMekS:active {
+.UseStyledSystem-module__hop-bb-active___0i1A8:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___yAT0P:active {
+.UseStyledSystem-module__hop-bl-active___fNBrE:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___gjJ1X:active {
+.UseStyledSystem-module__hop-br-active___fmCeI:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___-jY1M:active {
+.UseStyledSystem-module__hop-bt-active___gWcN8:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___YImIc:hover {
+.UseStyledSystem-module__hop-bg-hover___RJ8bQ:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___Cop9n:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___0wFZh:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___5O85P:active {
+.UseStyledSystem-module__hop-bg-active___ClI7B:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___8Oj0h:hover {
+.UseStyledSystem-module__hop-bs-hover___n4AMX:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___r9l2R:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___EkVlA:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___XyHmm:active {
+.UseStyledSystem-module__hop-bs-active___jUKcJ:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___yYnaZ:hover {
+.UseStyledSystem-module__hop-c-hover___Yszuq:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___Z9ASb:focus-visible {
+.UseStyledSystem-module__hop-c-focus___R-D-d:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___zk1Gb:active {
+.UseStyledSystem-module__hop-c-active___iy--9:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___jOiBf:hover {
+.UseStyledSystem-module__hop-cs-hover___OqIJ2:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___huyDo:hover {
+.UseStyledSystem-module__hop-f-hover___y-XLH:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___5-VRH:focus-visible {
+.UseStyledSystem-module__hop-f-focus___NSIK4:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___Ntq4o:hover {
+.UseStyledSystem-module__hop-o-hover___rxxcZ:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___Xxebb:focus-visible {
+.UseStyledSystem-module__hop-o-focus___oO8-E:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___uJ6oe:active {
+.UseStyledSystem-module__hop-o-active___bYxsk:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___iZ2fp:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___bZPzq:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.js

@@ -1,8 +1,9 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-RIR7BXVF.js';
-import './chunk-KUUJ37DW.js';
-import './chunk-U3SI5QXV.js';
-import './chunk-GYREQTEK.js';
-import './chunk-ZUVKM5DV.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-I7U75XRH.js';
+import './chunk-T2LQYER5.js';
+import './chunk-PCGVOTW3.js';
+import './chunk-SFOVKOPG.js';
+import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
 import './chunk-U5R6ZXH3.js';
 import './chunk-I37Y2R7V.js';
+import './chunk-JFESGV6Z.js';

package/dist/utils/assertion.js

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

package/dist/utils/useInsertStyleElement.js

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

package/dist/utils/useIsomorphicInsertionEffect.js

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

package/dist/utils/useIsomorphicLayoutEffect.js

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

package/dist/utils/useMediaQuery.js

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

package/dist/utils/useThemeComputedStyle.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -67,7 +67,7 @@
     "tsup": "7.2.0",
     "type-fest": "4.7.1",
     "typescript": "5.2.2",
-    "@hopper-ui/tokens": "3.1.1"
+    "@hopper-ui/tokens": "3.1.3"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",