@hopper-ui/styled-system 2.0.0 → 2.0.2

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-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)",

package/dist/{chunk-5GX5VZFT.js → chunk-NJIDLCB7.js}

@@ -1,4 +1,4 @@
-import { HopperVariablePrefix, HopperColors, DataVizColors, BackgroundColors, TextColors, IconColors, Elevation, FontSize, FontWeight, LineHeight, FontFamily, Shape, CoreSpace, SemanticSimplePaddingSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticComplexMarginSpace } from './chunk-Y7GWSHYF.js';
+import { HopperVariablePrefix, HopperColors, DataVizColors, BackgroundColors, TextColors, IconColors, Elevation, FontSize, FontWeight, LineHeight, FontFamily, Shape, CoreSpace, SemanticSimplePaddingSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticComplexMarginSpace } from './chunk-FAICHNEU.js';
 import { parseResponsiveValue } from './chunk-SFOVKOPG.js';
 import { isNil, isObject } from './chunk-U5R6ZXH3.js';
 

package/dist/{chunk-VJNKYHHT.js → chunk-QLYSVZLZ.js}

@@ -1,6 +1,6 @@
-import { Tokens } from './chunk-EF3UX45A.js';
+import { Tokens } from './chunk-CFIMNXX5.js';
 import { useInsertStyleElement } from './chunk-RIORU7JO.js';
-import { StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
+import { StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
 
 // src/tokens/TokenProvider.tsx
 function TokenProvider() {

package/dist/{chunk-AZ44JR7G.js → chunk-RU6U3SMC.js}

@@ -1,4 +1,4 @@
-import { htmlElement } from './chunk-GZ3MQOPA.js';
+import { htmlElement } from './chunk-ZAHZAEAR.js';
 
 // src/html-wrappers/html.ts
 var Address = htmlElement("address");

package/dist/{chunk-REAV6RA4.js → chunk-XGLTD52P.js}

@@ -2,7 +2,7 @@
 var package_default = {
   name: "@hopper-ui/styled-system",
   author: "Workleap",
-  version: "2.0.0",
+  version: "2.0.2",
   description: "The styled-system package.",
   license: "Apache-2.0",
   repository: {
@@ -44,18 +44,18 @@ var package_default = {
     "react-dom": "^18"
   },
   dependencies: {
-    "@react-aria/ssr": "^3.9.3",
+    "@react-aria/ssr": "^3.9.4",
     clsx: "^2.1.1"
   },
   devDependencies: {
     "@hopper-ui/tokens": "workspace:*",
-    "@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",
     "@types/react-test-renderer": "18.3.0",
     "@workleap/eslint-plugin": "3.2.2",
@@ -66,14 +66,14 @@ var package_default = {
     "identity-obj-proxy": "3.0.0",
     jest: "29.7.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",
     "postcss-modules": "6.0.0",
     react: "18.3.1",
     "react-dom": "18.3.1",
     "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"
   }
 };