@hopper-ui/styled-system 2.0.0 → 2.0.1

package/dist/{chunk-Y7GWSHYF.js → chunk-FAICHNEU.js}

@@ -138,6 +138,8 @@ var HopperColors = {
   "core_samoyed": "samoyed"
 };
 var BackgroundColors = {
+  "danger-active": "danger-surface-active",
+  "danger-weak-active": "danger-surface-weak-active",
   "danger": "danger-surface",
   "danger-selected": "danger-surface-selected",
   "danger-disabled": "danger-surface-disabled",
@@ -148,6 +150,47 @@ var BackgroundColors = {
   "danger-weak": "danger-surface-weak",
   "danger-weak-hover": "danger-surface-weak-hover",
   "danger-weak-press": "danger-surface-weak-press",
+  "neutral-active": "neutral-surface-active",
+  "neutral-weak-active": "neutral-surface-weak-active",
+  "neutral": "neutral-surface",
+  "neutral-selected": "neutral-surface-selected",
+  "neutral-disabled": "neutral-surface-disabled",
+  "neutral-hover": "neutral-surface-hover",
+  "neutral-press": "neutral-surface-press",
+  "neutral-strong": "neutral-surface-strong",
+  "neutral-weak": "neutral-surface-weak",
+  "neutral-weak-selected": "neutral-surface-weak-selected",
+  "neutral-weak-hover": "neutral-surface-weak-hover",
+  "neutral-weak-press": "neutral-surface-weak-press",
+  "neutral-weakest": "neutral-surface-weakest",
+  "neutral-weakest-selected": "neutral-surface-weakest-selected",
+  "neutral-weakest-hover": "neutral-surface-weakest-hover",
+  "primary-active": "primary-surface-active",
+  "primary-strong-active": "primary-surface-strong-active",
+  "primary-weak-active": "primary-surface-weak-active",
+  "primary": "primary-surface",
+  "primary-selected": "primary-surface-selected",
+  "primary-disabled": "primary-surface-disabled",
+  "primary-focus": "primary-surface-focus",
+  "primary-hover": "primary-surface-hover",
+  "primary-press": "primary-surface-press",
+  "primary-strong": "primary-surface-strong",
+  "primary-strong-selected": "primary-surface-strong-selected",
+  "primary-strong-hover": "primary-surface-strong-hover",
+  "primary-strong-press": "primary-surface-strong-press",
+  "primary-weak": "primary-surface-weak",
+  "primary-weak-hover": "primary-surface-weak-hover",
+  "primary-weak-press": "primary-surface-weak-press",
+  "upsell-active": "upsell-surface-active",
+  "upsell-weak-active": "upsell-surface-weak-active",
+  "upsell": "upsell-surface",
+  "upsell-selected": "upsell-surface-selected",
+  "upsell-disabled": "upsell-surface-disabled",
+  "upsell-hover": "upsell-surface-hover",
+  "upsell-press": "upsell-surface-press",
+  "upsell-weak": "upsell-surface-weak",
+  "upsell-weak-hover": "upsell-surface-weak-hover",
+  "upsell-weak-press": "upsell-surface-weak-press",
   "decorative-option9": "decorative-option9-surface",
   "decorative-option9-hover": "decorative-option9-surface-hover",
   "decorative-option9-strong": "decorative-option9-surface-strong",
@@ -205,32 +248,6 @@ var BackgroundColors = {
   "information": "information-surface",
   "information-strong": "information-surface-strong",
   "information-weak": "information-surface-weak",
-  "neutral": "neutral-surface",
-  "neutral-selected": "neutral-surface-selected",
-  "neutral-disabled": "neutral-surface-disabled",
-  "neutral-hover": "neutral-surface-hover",
-  "neutral-press": "neutral-surface-press",
-  "neutral-strong": "neutral-surface-strong",
-  "neutral-weak": "neutral-surface-weak",
-  "neutral-weak-selected": "neutral-surface-weak-selected",
-  "neutral-weak-hover": "neutral-surface-weak-hover",
-  "neutral-weak-press": "neutral-surface-weak-press",
-  "neutral-weakest": "neutral-surface-weakest",
-  "neutral-weakest-selected": "neutral-surface-weakest-selected",
-  "neutral-weakest-hover": "neutral-surface-weakest-hover",
-  "primary": "primary-surface",
-  "primary-selected": "primary-surface-selected",
-  "primary-disabled": "primary-surface-disabled",
-  "primary-focus": "primary-surface-focus",
-  "primary-hover": "primary-surface-hover",
-  "primary-press": "primary-surface-press",
-  "primary-strong": "primary-surface-strong",
-  "primary-strong-selected": "primary-surface-strong-selected",
-  "primary-strong-hover": "primary-surface-strong-hover",
-  "primary-strong-press": "primary-surface-strong-press",
-  "primary-weak": "primary-surface-weak",
-  "primary-weak-hover": "primary-surface-weak-hover",
-  "primary-weak-press": "primary-surface-weak-press",
   "status-caution-strong": "status-caution-surface-strong",
   "status-caution": "status-caution-surface",
   "status-inactive-strong": "status-inactive-surface-strong",
@@ -258,19 +275,13 @@ var BackgroundColors = {
   "success": "success-surface",
   "success-strong": "success-surface-strong",
   "success-weak": "success-surface-weak",
-  "upsell": "upsell-surface",
-  "upsell-selected": "upsell-surface-selected",
-  "upsell-disabled": "upsell-surface-disabled",
-  "upsell-hover": "upsell-surface-hover",
-  "upsell-press": "upsell-surface-press",
-  "upsell-weak": "upsell-surface-weak",
-  "upsell-weak-hover": "upsell-surface-weak-hover",
-  "upsell-weak-press": "upsell-surface-weak-press",
   "warning": "warning-surface",
   "warning-strong": "warning-surface-strong",
   "warning-weak": "warning-surface-weak"
 };
 var TextColors = {
+  "danger-active": "danger-text-active",
+  "danger-weak-active": "danger-text-weak-active",
   "danger": "danger-text",
   "danger-selected": "danger-text-selected",
   "danger-disabled": "danger-text-disabled",
@@ -281,6 +292,36 @@ var TextColors = {
   "danger-weak": "danger-text-weak",
   "danger-weak-hover": "danger-text-weak-hover",
   "danger-weak-press": "danger-text-weak-press",
+  "neutral-active": "neutral-text-active",
+  "neutral-weak-active": "neutral-text-weak-active",
+  "neutral": "neutral-text",
+  "neutral-selected": "neutral-text-selected",
+  "neutral-disabled": "neutral-text-disabled",
+  "neutral-hover": "neutral-text-hover",
+  "neutral-press": "neutral-text-press",
+  "neutral-strong": "neutral-text-strong",
+  "neutral-weak": "neutral-text-weak",
+  "neutral-weak-hover": "neutral-text-weak-hover",
+  "neutral-weak-press": "neutral-text-weak-press",
+  "neutral-weakest": "neutral-text-weakest",
+  "primary-active": "primary-text-active",
+  "primary": "primary-text",
+  "primary-selected": "primary-text-selected",
+  "primary-disabled": "primary-text-disabled",
+  "primary-hover": "primary-text-hover",
+  "primary-press": "primary-text-press",
+  "primary-strong": "primary-text-strong",
+  "primary-strong-hover": "primary-text-strong-hover",
+  "upsell-active": "upsell-text-active",
+  "upsell-weak-active": "upsell-text-weak-active",
+  "upsell": "upsell-text",
+  "upsell-selected": "upsell-text-selected",
+  "upsell-disabled": "upsell-text-disabled",
+  "upsell-hover": "upsell-text-hover",
+  "upsell-press": "upsell-text-press",
+  "upsell-weak": "upsell-text-weak",
+  "upsell-weak-hover": "upsell-text-weak-hover",
+  "upsell-weak-press": "upsell-text-weak-press",
   "decorative-option9": "decorative-option9-text",
   "decorative-option9-weak": "decorative-option9-text-weak",
   "decorative-option8": "decorative-option8-text",
@@ -301,23 +342,6 @@ var TextColors = {
   "decorative-option1-weak": "decorative-option1-text-weak",
   "information": "information-text",
   "information-weak": "information-text-weak",
-  "neutral": "neutral-text",
-  "neutral-selected": "neutral-text-selected",
-  "neutral-disabled": "neutral-text-disabled",
-  "neutral-hover": "neutral-text-hover",
-  "neutral-press": "neutral-text-press",
-  "neutral-strong": "neutral-text-strong",
-  "neutral-weak": "neutral-text-weak",
-  "neutral-weak-hover": "neutral-text-weak-hover",
-  "neutral-weak-press": "neutral-text-weak-press",
-  "neutral-weakest": "neutral-text-weakest",
-  "primary": "primary-text",
-  "primary-selected": "primary-text-selected",
-  "primary-disabled": "primary-text-disabled",
-  "primary-hover": "primary-text-hover",
-  "primary-press": "primary-text-press",
-  "primary-strong": "primary-text-strong",
-  "primary-strong-hover": "primary-text-strong-hover",
   "status-caution": "status-caution-text",
   "status-inactive": "status-inactive-text",
   "status-negative": "status-negative-text",
@@ -333,18 +357,12 @@ var TextColors = {
   "success": "success-text",
   "success-hover": "success-text-hover",
   "success-weak": "success-text-weak",
-  "upsell": "upsell-text",
-  "upsell-selected": "upsell-text-selected",
-  "upsell-disabled": "upsell-text-disabled",
-  "upsell-hover": "upsell-text-hover",
-  "upsell-press": "upsell-text-press",
-  "upsell-weak": "upsell-text-weak",
-  "upsell-weak-hover": "upsell-text-weak-hover",
-  "upsell-weak-press": "upsell-text-weak-press",
   "warning": "warning-text",
   "warning-weak": "warning-text-weak"
 };
 var IconColors = {
+  "danger-active": "danger-icon-active",
+  "danger-weak-active": "danger-icon-weak-active",
   "danger": "danger-icon",
   "danger-selected": "danger-icon-selected",
   "danger-disabled": "danger-icon-disabled",
@@ -355,18 +373,8 @@ var IconColors = {
   "danger-weak": "danger-icon-weak",
   "danger-weak-hover": "danger-icon-weak-hover",
   "danger-weak-press": "danger-icon-weak-press",
-  "decorative-option9": "decorative-option9-icon",
-  "decorative-option8": "decorative-option8-icon",
-  "decorative-option7": "decorative-option7-icon",
-  "decorative-option5": "decorative-option5-icon",
-  "decorative-option6": "decorative-option6-icon",
-  "decorative-option4": "decorative-option4-icon",
-  "decorative-option3": "decorative-option3-icon",
-  "decorative-option2": "decorative-option2-icon",
-  "decorative-option1": "decorative-option1-icon",
-  "information": "information-icon",
-  "information-weakest": "information-icon-weakest",
-  "information-weak": "information-icon-weak",
+  "neutral-active": "neutral-icon-active",
+  "neutral-weak-active": "neutral-icon-weak-active",
   "neutral": "neutral-icon",
   "neutral-selected": "neutral-icon-selected",
   "neutral-disabled": "neutral-icon-disabled",
@@ -378,6 +386,7 @@ var IconColors = {
   "neutral-weak-hover": "neutral-icon-weak-hover",
   "neutral-weak-press": "neutral-icon-weak-press",
   "neutral-weakest": "neutral-icon-weakest",
+  "primary-active": "primary-icon-active",
   "primary": "primary-icon",
   "primary-selected": "primary-icon-selected",
   "primary-disabled": "primary-icon-disabled",
@@ -385,6 +394,28 @@ var IconColors = {
   "primary-press": "primary-icon-press",
   "primary-strong": "primary-icon-strong",
   "primary-strong-hover": "primary-icon-strong-hover",
+  "upsell-active": "upsell-icon-active",
+  "upsell-weak-active": "upsell-icon-weak-active",
+  "upsell": "upsell-icon",
+  "upsell-selected": "upsell-icon-selected",
+  "upsell-hover": "upsell-icon-hover",
+  "upsell-press": "upsell-icon-press",
+  "upsell-weakest": "upsell-icon-weakest",
+  "upsell-weak": "upsell-icon-weak",
+  "upsell-weak-hover": "upsell-icon-weak-hover",
+  "upsell-weak-press": "upsell-icon-weak-press",
+  "decorative-option9": "decorative-option9-icon",
+  "decorative-option8": "decorative-option8-icon",
+  "decorative-option7": "decorative-option7-icon",
+  "decorative-option5": "decorative-option5-icon",
+  "decorative-option6": "decorative-option6-icon",
+  "decorative-option4": "decorative-option4-icon",
+  "decorative-option3": "decorative-option3-icon",
+  "decorative-option2": "decorative-option2-icon",
+  "decorative-option1": "decorative-option1-icon",
+  "information": "information-icon",
+  "information-weakest": "information-icon-weakest",
+  "information-weak": "information-icon-weak",
   "status-caution": "status-caution-icon",
   "status-inactive": "status-inactive-icon",
   "status-negative": "status-negative-icon",
@@ -400,33 +431,17 @@ var IconColors = {
   "success": "success-icon",
   "success-weakest": "success-icon-weakest",
   "success-weak": "success-icon-weak",
-  "upsell": "upsell-icon",
-  "upsell-selected": "upsell-icon-selected",
-  "upsell-hover": "upsell-icon-hover",
-  "upsell-press": "upsell-icon-press",
-  "upsell-weakest": "upsell-icon-weakest",
-  "upsell-weak": "upsell-icon-weak",
-  "upsell-weak-hover": "upsell-icon-weak-hover",
-  "upsell-weak-press": "upsell-icon-weak-press",
   "warning": "warning-icon",
   "warning-weakest": "warning-icon-weakest",
   "warning-weak": "warning-icon-weak"
 };
 var BorderColors = {
+  "danger-active": "danger-border-active",
   "danger": "danger-border",
   "danger-selected": "danger-border-selected",
   "danger-strong": "danger-border-strong",
   "danger-press": "danger-border-press",
-  "decorative-option9": "decorative-option9-border",
-  "decorative-option8": "decorative-option8-border",
-  "decorative-option7": "decorative-option7-border",
-  "decorative-option5": "decorative-option5-border",
-  "decorative-option6": "decorative-option6-border",
-  "decorative-option4": "decorative-option4-border",
-  "decorative-option3": "decorative-option3-border",
-  "decorative-option2": "decorative-option2-border",
-  "decorative-option1": "decorative-option1-border",
-  "information": "information-border",
+  "neutral-active": "neutral-border-active",
   "neutral": "neutral-border",
   "neutral-selected": "neutral-border-selected",
   "neutral-disabled": "neutral-border-disabled",
@@ -436,15 +451,27 @@ var BorderColors = {
   "neutral-strong-hover": "neutral-border-strong-hover",
   "neutral-weak": "neutral-border-weak",
   "neutral-weakest": "neutral-border-weakest",
+  "primary-active": "primary-border-active",
   "primary": "primary-border",
   "primary-selected": "primary-border-selected",
   "primary-focus": "primary-border-focus",
   "primary-press": "primary-border-press",
-  "success": "success-border",
+  "upsell-active": "upsell-border-active",
   "upsell": "upsell-border",
   "upsell-selected": "upsell-border-selected",
   "upsell-disabled": "upsell-border-disabled",
   "upsell-press": "upsell-border-press",
+  "decorative-option9": "decorative-option9-border",
+  "decorative-option8": "decorative-option8-border",
+  "decorative-option7": "decorative-option7-border",
+  "decorative-option5": "decorative-option5-border",
+  "decorative-option6": "decorative-option6-border",
+  "decorative-option4": "decorative-option4-border",
+  "decorative-option3": "decorative-option3-border",
+  "decorative-option2": "decorative-option2-border",
+  "decorative-option1": "decorative-option1-border",
+  "information": "information-border",
+  "success": "success-border",
   "warning": "warning-border"
 };
 var DataVizColors = {

package/dist/{chunk-XEJOSGGW.js → chunk-JSOM3YJJ.js}

@@ -1,8 +1,8 @@
-import { BodyStyleProvider } from './chunk-BA7JHGU6.js';
-import { Div } from './chunk-AZ44JR7G.js';
+import { BodyStyleProvider } from './chunk-VTGIKL3T.js';
+import { Div } from './chunk-6KT6K6NI.js';
 import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
-import { TokenProvider } from './chunk-VJNKYHHT.js';
-import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
+import { TokenProvider } from './chunk-BUQLB5H6.js';
+import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-3KPNXG7H.js';
 import { useColorScheme } from './chunk-5U5IRAPA.js';
 import { ColorSchemeContext } from './chunk-V7X6ANEM.js';
 import clsx from 'clsx';

package/dist/{chunk-GZ3MQOPA.js → chunk-KOWHTPQC.js}

@@ -1,10 +1,10 @@
-import { useStyledSystem } from './chunk-SSBFBJJN.js';
+import { useStyledSystem } from './chunk-KQGCMT5E.js';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./htmlElement.module.css#css-module
-var htmlElement_module_default = { "hop-HtmlElement": "htmlElement-module__hop-HtmlElement___0OW8N" };
+var htmlElement_module_default = { "hop-HtmlElement": "htmlElement-module__hop-HtmlElement___jov6a" };
 var GlobalHtmlElementCssSelector = "hop-HtmlElement";
 var GlobalHtmlElementSpecificCssSelector = (elementType) => `${GlobalHtmlElementCssSelector}-${elementType}`;
 function htmlElement(elementType) {

package/dist/{chunk-SSBFBJJN.js → chunk-KQGCMT5E.js}

@@ -1,12 +1,12 @@
-import { parseResponsiveSystemValue, ColorExpressionTypes, DefaultBorderWidthAndStyle, SizingMapping, BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, TextColorMapping, SimpleMarginMapping, IconColorMapping, FontFamilyMapping, FontSizeMapping, FontWeightMapping, LineHeightMapping, ComplexMarginMapping, ComplexPaddingMapping, SimplePaddingMapping } from './chunk-5GX5VZFT.js';
+import { parseResponsiveSystemValue, ColorExpressionTypes, DefaultBorderWidthAndStyle, SizingMapping, BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, TextColorMapping, SimpleMarginMapping, IconColorMapping, FontFamilyMapping, FontSizeMapping, FontWeightMapping, LineHeightMapping, ComplexMarginMapping, ComplexPaddingMapping, SimplePaddingMapping } from './chunk-NJIDLCB7.js';
 import { parseResponsiveValue } from './chunk-SFOVKOPG.js';
 import { useBreakpointContext } from './chunk-VBKLISDI.js';
 import { isNil } from './chunk-U5R6ZXH3.js';
 import { UnsafePrefix } from './chunk-QMDDVBCZ.js';
-import { __privateAdd, __publicField, __privateSet, __privateGet } from './chunk-6LX4VMOV.js';
+import { __privateAdd, __publicField, __privateSet, __privateGet } from './chunk-2UOTJGT6.js';
 
 // css-module:./UseStyledSystem.module.css#css-module
-var UseStyledSystem_module_default = { "hop-b-hover": "UseStyledSystem-module__hop-b-hover___Plz1Z", "hop-bb-hover": "UseStyledSystem-module__hop-bb-hover___duyqg", "hop-bl-hover": "UseStyledSystem-module__hop-bl-hover___SSZt0", "hop-br-hover": "UseStyledSystem-module__hop-br-hover___cc-cR", "hop-bt-hover": "UseStyledSystem-module__hop-bt-hover___vzXA1", "hop-b-focus": "UseStyledSystem-module__hop-b-focus___hVIrm", "hop-bb-focus": "UseStyledSystem-module__hop-bb-focus___f9mPE", "hop-bl-focus": "UseStyledSystem-module__hop-bl-focus___xF6Bc", "hop-br-focus": "UseStyledSystem-module__hop-br-focus___ptv3o", "hop-bt-focus": "UseStyledSystem-module__hop-bt-focus___MNw8i", "hop-b-active": "UseStyledSystem-module__hop-b-active___rWbbY", "hop-bb-active": "UseStyledSystem-module__hop-bb-active___LX6qX", "hop-bl-active": "UseStyledSystem-module__hop-bl-active___VSuvj", "hop-br-active": "UseStyledSystem-module__hop-br-active___JMM30", "hop-bt-active": "UseStyledSystem-module__hop-bt-active___r6-6b", "hop-bg-hover": "UseStyledSystem-module__hop-bg-hover___LcLu5", "hop-bg-focus": "UseStyledSystem-module__hop-bg-focus___viVUG", "hop-bg-active": "UseStyledSystem-module__hop-bg-active___e--6L", "hop-bs-hover": "UseStyledSystem-module__hop-bs-hover___1YDvX", "hop-bs-focus": "UseStyledSystem-module__hop-bs-focus___uu9Ac", "hop-bs-active": "UseStyledSystem-module__hop-bs-active___v8uK1", "hop-c-hover": "UseStyledSystem-module__hop-c-hover___8yXVl", "hop-c-focus": "UseStyledSystem-module__hop-c-focus___YNdjT", "hop-c-active": "UseStyledSystem-module__hop-c-active___crOAD", "hop-cs-hover": "UseStyledSystem-module__hop-cs-hover___MCgaD", "hop-f-hover": "UseStyledSystem-module__hop-f-hover___dxKWH", "hop-f-focus": "UseStyledSystem-module__hop-f-focus___y-fcL", "hop-o-hover": "UseStyledSystem-module__hop-o-hover___IWVF-", "hop-o-focus": "UseStyledSystem-module__hop-o-focus___IaFLw", "hop-o-active": "UseStyledSystem-module__hop-o-active___caQJi", "hop-ol-focus": "UseStyledSystem-module__hop-ol-focus___ybCdL" };
+var UseStyledSystem_module_default = { "hop-b-hover": "UseStyledSystem-module__hop-b-hover___7beCa", "hop-bb-hover": "UseStyledSystem-module__hop-bb-hover___sjc-o", "hop-bl-hover": "UseStyledSystem-module__hop-bl-hover___kLkuA", "hop-br-hover": "UseStyledSystem-module__hop-br-hover___K-EIQ", "hop-bt-hover": "UseStyledSystem-module__hop-bt-hover___oRCTK", "hop-b-focus": "UseStyledSystem-module__hop-b-focus___EJlgQ", "hop-bb-focus": "UseStyledSystem-module__hop-bb-focus___it6DZ", "hop-bl-focus": "UseStyledSystem-module__hop-bl-focus___N5Da-", "hop-br-focus": "UseStyledSystem-module__hop-br-focus___jbce-", "hop-bt-focus": "UseStyledSystem-module__hop-bt-focus___YZI-l", "hop-b-active": "UseStyledSystem-module__hop-b-active___E5jrv", "hop-bb-active": "UseStyledSystem-module__hop-bb-active___-nDNr", "hop-bl-active": "UseStyledSystem-module__hop-bl-active___y7kuR", "hop-br-active": "UseStyledSystem-module__hop-br-active___MWItF", "hop-bt-active": "UseStyledSystem-module__hop-bt-active___SpvZl", "hop-bg-hover": "UseStyledSystem-module__hop-bg-hover___NzrYM", "hop-bg-focus": "UseStyledSystem-module__hop-bg-focus___yNcFv", "hop-bg-active": "UseStyledSystem-module__hop-bg-active___0jxjX", "hop-bs-hover": "UseStyledSystem-module__hop-bs-hover___JyGqG", "hop-bs-focus": "UseStyledSystem-module__hop-bs-focus___msxJy", "hop-bs-active": "UseStyledSystem-module__hop-bs-active___qBFjv", "hop-c-hover": "UseStyledSystem-module__hop-c-hover___Y8hIV", "hop-c-focus": "UseStyledSystem-module__hop-c-focus___FafgY", "hop-c-active": "UseStyledSystem-module__hop-c-active___A2lPI", "hop-cs-hover": "UseStyledSystem-module__hop-cs-hover___oMtJX", "hop-f-hover": "UseStyledSystem-module__hop-f-hover___oRByO", "hop-f-focus": "UseStyledSystem-module__hop-f-focus___JrRbQ", "hop-o-hover": "UseStyledSystem-module__hop-o-hover___s67Ok", "hop-o-focus": "UseStyledSystem-module__hop-o-focus___pd95u", "hop-o-active": "UseStyledSystem-module__hop-o-active___HqbZe", "hop-ol-focus": "UseStyledSystem-module__hop-ol-focus___OajYd" };
 
 // src/useStyledSystem.ts
 function createSystemValueHandler(systemValues) {
@@ -257,8 +257,8 @@ function isStyledSystemProp(name) {
 var _classes, _style;
 var StylingContext = class {
   constructor(className, style, matchedBreakpoints) {
-    __privateAdd(this, _classes, void 0);
-    __privateAdd(this, _style, void 0);
+    __privateAdd(this, _classes);
+    __privateAdd(this, _style);
     __publicField(this, "matchedBreakpoints");
     __privateSet(this, _classes, !isNil(className) ? [className] : []);
     __privateSet(this, _style, { ...style != null ? style : {} });

package/dist/{chunk-YJKWZYVH.js → chunk-LKOZVSXD.js}

@@ -1,5 +1,12 @@
 // src/tokens/generated/darkSemanticTokens.ts
 var DarkSemanticTokens = {
+  "--hop-danger-border-active": "var(--hop-amanita-300)",
+  "--hop-danger-icon-active": "var(--hop-amanita-50)",
+  "--hop-danger-icon-weak-active": "var(--hop-amanita-300)",
+  "--hop-danger-surface-active": "var(--hop-amanita-600)",
+  "--hop-danger-surface-weak-active": "var(--hop-amanita-600)",
+  "--hop-danger-text-active": "var(--hop-amanita-50)",
+  "--hop-danger-text-weak-active": "var(--hop-amanita-300)",
   "--hop-danger-border": "var(--hop-amanita-500)",
   "--hop-danger-border-selected": "var(--hop-amanita-100)",
   "--hop-danger-border-press": "var(--hop-amanita-300)",
@@ -34,6 +41,128 @@ var DarkSemanticTokens = {
   "--hop-danger-text-weak": "var(--hop-amanita-100)",
   "--hop-danger-text-weak-hover": "var(--hop-amanita-200)",
   "--hop-danger-text-weak-press": "var(--hop-amanita-300)",
+  "--hop-neutral-border-active": "var(--hop-rock-700)",
+  "--hop-neutral-icon-active": "var(--hop-toad-25)",
+  "--hop-neutral-icon-weak-active": "var(--hop-rock-50)",
+  "--hop-neutral-surface-active": "var(--hop-rock-700)",
+  "--hop-neutral-surface-weak-active": "var(--hop-rock-600)",
+  "--hop-neutral-text-active": "var(--hop-toad-25)",
+  "--hop-neutral-text-weak-active": "var(--hop-rock-50)",
+  "--hop-neutral-border": "var(--hop-rock-500)",
+  "--hop-neutral-border-selected": "var(--hop-toad-25)",
+  "--hop-neutral-border-disabled": "var(--hop-rock-800)",
+  "--hop-neutral-border-hover": "var(--hop-rock-300)",
+  "--hop-neutral-border-press": "var(--hop-rock-700)",
+  "--hop-neutral-border-strong": "var(--hop-samoyed)",
+  "--hop-neutral-border-strong-hover": "var(--hop-samoyed)",
+  "--hop-neutral-border-weakest": "var(--hop-rock-800)",
+  "--hop-neutral-border-weak": "var(--hop-rock-800)",
+  "--hop-neutral-icon": "var(--hop-rock-25)",
+  "--hop-neutral-icon-selected": "var(--hop-rock-900)",
+  "--hop-neutral-icon-disabled": "var(--hop-rock-500)",
+  "--hop-neutral-icon-hover": "var(--hop-rock-50)",
+  "--hop-neutral-icon-press": "var(--hop-toad-25)",
+  "--hop-neutral-icon-strong": "var(--hop-rock-900)",
+  "--hop-neutral-icon-strong-hover": "var(--hop-rock-900)",
+  "--hop-neutral-icon-weak": "var(--hop-rock-200)",
+  "--hop-neutral-icon-weak-hover": "var(--hop-rock-75)",
+  "--hop-neutral-icon-weak-press": "var(--hop-rock-50)",
+  "--hop-neutral-icon-weakest": "var(--hop-rock-400)",
+  "--hop-neutral-surface": "var(--hop-abyss)",
+  "--hop-neutral-surface-selected": "var(--hop-toad-25)",
+  "--hop-neutral-surface-disabled": "var(--hop-rock-700)",
+  "--hop-neutral-surface-hover": "var(--hop-rock-800)",
+  "--hop-neutral-surface-press": "var(--hop-rock-700)",
+  "--hop-neutral-surface-strong": "var(--hop-toad-25)",
+  "--hop-neutral-surface-weakest": "var(--hop-rock-900)",
+  "--hop-neutral-surface-weak": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weak-selected": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weak-hover": "var(--hop-rock-700)",
+  "--hop-neutral-surface-weak-press": "var(--hop-rock-600)",
+  "--hop-neutral-surface-weakest-selected": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-800)",
+  "--hop-neutral-text": "var(--hop-rock-25)",
+  "--hop-neutral-text-selected": "var(--hop-rock-900)",
+  "--hop-neutral-text-disabled": "var(--hop-rock-500)",
+  "--hop-neutral-text-hover": "var(--hop-rock-50)",
+  "--hop-neutral-text-press": "var(--hop-toad-25)",
+  "--hop-neutral-text-strong": "var(--hop-rock-900)",
+  "--hop-neutral-text-weak": "var(--hop-rock-200)",
+  "--hop-neutral-text-weak-hover": "var(--hop-rock-75)",
+  "--hop-neutral-text-weak-press": "var(--hop-rock-50)",
+  "--hop-neutral-text-weakest": "var(--hop-rock-400)",
+  "--hop-primary-border-active": "var(--hop-sapphire-500)",
+  "--hop-primary-icon-active": "var(--hop-sapphire-75)",
+  "--hop-primary-surface-active": "var(--hop-sapphire-500)",
+  "--hop-primary-surface-strong-active": "var(--hop-sapphire-600)",
+  "--hop-primary-surface-weak-active": "var(--hop-sapphire-600)",
+  "--hop-primary-text-active": "var(--hop-sapphire-75)",
+  "--hop-primary-border": "var(--hop-sapphire-300)",
+  "--hop-primary-border-selected": "var(--hop-sapphire-300)",
+  "--hop-primary-border-focus": "var(--hop-sapphire-200)",
+  "--hop-primary-border-press": "var(--hop-sapphire-500)",
+  "--hop-primary-icon": "var(--hop-sapphire-200)",
+  "--hop-primary-icon-selected": "var(--hop-sapphire-200)",
+  "--hop-primary-icon-disabled": "var(--hop-sapphire-700)",
+  "--hop-primary-icon-hover": "var(--hop-sapphire-300)",
+  "--hop-primary-icon-press": "var(--hop-sapphire-75)",
+  "--hop-primary-icon-strong": "var(--hop-samoyed)",
+  "--hop-primary-icon-strong-hover": "var(--hop-sapphire-300)",
+  "--hop-primary-surface": "var(--hop-sapphire-200)",
+  "--hop-primary-surface-selected": "var(--hop-sapphire-800)",
+  "--hop-primary-surface-disabled": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-focus": "var(--hop-sapphire-900)",
+  "--hop-primary-surface-hover": "var(--hop-sapphire-400)",
+  "--hop-primary-surface-press": "var(--hop-sapphire-500)",
+  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
+  "--hop-primary-surface-strong-selected": "var(--hop-sapphire-800)",
+  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-500)",
+  "--hop-primary-surface-strong-press": "var(--hop-sapphire-600)",
+  "--hop-primary-surface-weak": "var(--hop-sapphire-800)",
+  "--hop-primary-surface-weak-hover": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-weak-press": "var(--hop-sapphire-600)",
+  "--hop-primary-text": "var(--hop-sapphire-100)",
+  "--hop-primary-text-hover": "var(--hop-sapphire-200)",
+  "--hop-primary-text-press": "var(--hop-sapphire-75)",
+  "--hop-primary-text-strong": "var(--hop-samoyed)",
+  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
+  "--hop-primary-text-selected": "var(--hop-sapphire-200)",
+  "--hop-primary-text-disabled": "var(--hop-sapphire-700)",
+  "--hop-upsell-border-active": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-icon-active": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-icon-weak-active": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-surface-active": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-surface-weak-active": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-text-active": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-text-weak-active": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-border": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-border-selected": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-border-press": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
+  "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-surface": "var(--hop-sunken-treasure-50)",
+  "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-800)",
+  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-surface-press": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-text-selected": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
+  "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-text-weak": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-300)",
   "--hop-decorative-option1-border": "var(--hop-sapphire-400)",
   "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
   "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
@@ -133,80 +262,6 @@ var DarkSemanticTokens = {
   "--hop-information-surface-weak": "var(--hop-coastal-800)",
   "--hop-information-text": "var(--hop-coastal-900)",
   "--hop-information-text-weak": "var(--hop-coastal-75)",
-  "--hop-neutral-border": "var(--hop-rock-500)",
-  "--hop-neutral-border-selected": "var(--hop-toad-25)",
-  "--hop-neutral-border-disabled": "var(--hop-rock-800)",
-  "--hop-neutral-border-hover": "var(--hop-rock-300)",
-  "--hop-neutral-border-press": "var(--hop-rock-700)",
-  "--hop-neutral-border-strong": "var(--hop-samoyed)",
-  "--hop-neutral-border-strong-hover": "var(--hop-samoyed)",
-  "--hop-neutral-border-weakest": "var(--hop-rock-800)",
-  "--hop-neutral-border-weak": "var(--hop-rock-800)",
-  "--hop-neutral-icon": "var(--hop-rock-25)",
-  "--hop-neutral-icon-selected": "var(--hop-rock-900)",
-  "--hop-neutral-icon-disabled": "var(--hop-rock-500)",
-  "--hop-neutral-icon-hover": "var(--hop-rock-50)",
-  "--hop-neutral-icon-press": "var(--hop-toad-25)",
-  "--hop-neutral-icon-strong": "var(--hop-rock-900)",
-  "--hop-neutral-icon-strong-hover": "var(--hop-rock-900)",
-  "--hop-neutral-icon-weak": "var(--hop-rock-200)",
-  "--hop-neutral-icon-weak-hover": "var(--hop-rock-75)",
-  "--hop-neutral-icon-weak-press": "var(--hop-rock-50)",
-  "--hop-neutral-icon-weakest": "var(--hop-rock-400)",
-  "--hop-neutral-surface": "var(--hop-abyss)",
-  "--hop-neutral-surface-selected": "var(--hop-toad-25)",
-  "--hop-neutral-surface-disabled": "var(--hop-rock-700)",
-  "--hop-neutral-surface-hover": "var(--hop-rock-800)",
-  "--hop-neutral-surface-press": "var(--hop-rock-700)",
-  "--hop-neutral-surface-strong": "var(--hop-toad-25)",
-  "--hop-neutral-surface-weakest": "var(--hop-rock-900)",
-  "--hop-neutral-surface-weak": "var(--hop-rock-800)",
-  "--hop-neutral-surface-weak-selected": "var(--hop-rock-800)",
-  "--hop-neutral-surface-weak-hover": "var(--hop-rock-700)",
-  "--hop-neutral-surface-weak-press": "var(--hop-rock-600)",
-  "--hop-neutral-surface-weakest-selected": "var(--hop-rock-800)",
-  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-800)",
-  "--hop-neutral-text": "var(--hop-rock-25)",
-  "--hop-neutral-text-selected": "var(--hop-rock-900)",
-  "--hop-neutral-text-disabled": "var(--hop-rock-500)",
-  "--hop-neutral-text-hover": "var(--hop-rock-50)",
-  "--hop-neutral-text-press": "var(--hop-toad-25)",
-  "--hop-neutral-text-strong": "var(--hop-rock-900)",
-  "--hop-neutral-text-weak": "var(--hop-rock-200)",
-  "--hop-neutral-text-weak-hover": "var(--hop-rock-75)",
-  "--hop-neutral-text-weak-press": "var(--hop-rock-50)",
-  "--hop-neutral-text-weakest": "var(--hop-rock-400)",
-  "--hop-primary-border": "var(--hop-sapphire-300)",
-  "--hop-primary-border-selected": "var(--hop-sapphire-300)",
-  "--hop-primary-border-focus": "var(--hop-sapphire-200)",
-  "--hop-primary-border-press": "var(--hop-sapphire-500)",
-  "--hop-primary-icon": "var(--hop-sapphire-200)",
-  "--hop-primary-icon-selected": "var(--hop-sapphire-200)",
-  "--hop-primary-icon-disabled": "var(--hop-sapphire-700)",
-  "--hop-primary-icon-hover": "var(--hop-sapphire-300)",
-  "--hop-primary-icon-press": "var(--hop-sapphire-75)",
-  "--hop-primary-icon-strong": "var(--hop-samoyed)",
-  "--hop-primary-icon-strong-hover": "var(--hop-sapphire-300)",
-  "--hop-primary-surface": "var(--hop-sapphire-200)",
-  "--hop-primary-surface-selected": "var(--hop-sapphire-800)",
-  "--hop-primary-surface-disabled": "var(--hop-sapphire-700)",
-  "--hop-primary-surface-focus": "var(--hop-sapphire-900)",
-  "--hop-primary-surface-hover": "var(--hop-sapphire-400)",
-  "--hop-primary-surface-press": "var(--hop-sapphire-500)",
-  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
-  "--hop-primary-surface-strong-selected": "var(--hop-sapphire-800)",
-  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-500)",
-  "--hop-primary-surface-strong-press": "var(--hop-sapphire-600)",
-  "--hop-primary-surface-weak": "var(--hop-sapphire-800)",
-  "--hop-primary-surface-weak-hover": "var(--hop-sapphire-700)",
-  "--hop-primary-surface-weak-press": "var(--hop-sapphire-600)",
-  "--hop-primary-text": "var(--hop-sapphire-100)",
-  "--hop-primary-text-hover": "var(--hop-sapphire-200)",
-  "--hop-primary-text-press": "var(--hop-sapphire-75)",
-  "--hop-primary-text-strong": "var(--hop-samoyed)",
-  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
-  "--hop-primary-text-selected": "var(--hop-sapphire-200)",
-  "--hop-primary-text-disabled": "var(--hop-sapphire-700)",
   "--hop-status-caution-icon": "var(--hop-koi-900)",
   "--hop-status-caution-surface": "var(--hop-koi-75)",
   "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
@@ -265,34 +320,6 @@ var DarkSemanticTokens = {
   "--hop-success-text": "var(--hop-moss-900)",
   "--hop-success-text-weak": "var(--hop-moss-75)",
   "--hop-success-text-hover": "var(--hop-moss-700)",
-  "--hop-upsell-border": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-border-selected": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-border-press": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-300)",
-  "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-300)",
-  "--hop-upsell-surface": "var(--hop-sunken-treasure-50)",
-  "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-surface-press": "var(--hop-sunken-treasure-300)",
-  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-600)",
-  "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-text-selected": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-300)",
-  "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-text-weak": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-300)",
   "--hop-warning-border": "var(--hop-koi-500)",
   "--hop-warning-icon": "var(--hop-koi-900)",
   "--hop-warning-icon-weakest": "var(--hop-koi-200)",