@hopper-ui/styled-system 1.2.0 → 2.0.0

package/dist/{chunk-JKXZGQAL.js → chunk-DVOV55CD.js}

@@ -216,237 +216,229 @@ var SemanticTokens = {
   "--hop-space-inline-md": "var(--hop-space-160)",
   "--hop-space-inline-lg": "var(--hop-space-240)",
   "--hop-space-inline-xl": "var(--hop-space-320)",
-  "--hop-upsell-border-active": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-text-active": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-border": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-icon-active": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-25)",
-  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-25)",
-  "--hop-upsell-text": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-icon": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-text-hover": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-surface-active": "var(--hop-sunken-treasure-50)",
-  "--hop-upsell-surface": "var(--hop-sunken-treasure-75)",
-  "--hop-danger-border-active": "var(--hop-amanita-300)",
-  "--hop-danger-icon-active": "var(--hop-amanita-400)",
-  "--hop-danger-text-active": "var(--hop-amanita-400)",
+  "--hop-danger-border": "var(--hop-amanita-100)",
+  "--hop-danger-border-selected": "var(--hop-amanita-300)",
+  "--hop-danger-border-strong": "var(--hop-amanita-300)",
+  "--hop-danger-border-press": "var(--hop-amanita-600)",
+  "--hop-danger-icon": "var(--hop-amanita-700)",
+  "--hop-danger-icon-selected": "var(--hop-amanita-400)",
+  "--hop-danger-icon-disabled": "var(--hop-amanita-100)",
+  "--hop-danger-icon-hover": "var(--hop-amanita-500)",
+  "--hop-danger-icon-press": "var(--hop-amanita-800)",
+  "--hop-danger-icon-strong": "var(--hop-samoyed)",
+  "--hop-danger-icon-strong-hover": "var(--hop-samoyed)",
+  "--hop-danger-icon-weak": "var(--hop-amanita-300)",
+  "--hop-danger-icon-weak-hover": "var(--hop-amanita-500)",
+  "--hop-danger-icon-weak-press": "var(--hop-amanita-600)",
   "--hop-danger-surface": "var(--hop-amanita-25)",
-  "--hop-danger-text-hover": "var(--hop-amanita-500)",
+  "--hop-danger-surface-selected": "var(--hop-amanita-50)",
   "--hop-danger-surface-disabled": "var(--hop-amanita-100)",
   "--hop-danger-surface-hover": "var(--hop-amanita-500)",
-  "--hop-danger-surface-strong": "var(--hop-amanita-300)",
+  "--hop-danger-surface-press": "var(--hop-amanita-600)",
+  "--hop-danger-surface-strong": "var(--hop-amanita-400)",
   "--hop-danger-surface-strong-hover": "var(--hop-amanita-500)",
   "--hop-danger-surface-weak": "var(--hop-amanita-50)",
-  "--hop-danger-border-strong": "var(--hop-amanita-300)",
-  "--hop-danger-icon": "var(--hop-amanita-700)",
-  "--hop-danger-icon-weak": "var(--hop-amanita-300)",
+  "--hop-danger-surface-weak-hover": "var(--hop-amanita-75)",
+  "--hop-danger-surface-weak-press": "var(--hop-amanita-100)",
   "--hop-danger-text": "var(--hop-amanita-700)",
-  "--hop-danger-surface-active": "var(--hop-amanita-50)",
-  "--hop-danger-text-weak": "var(--hop-amanita-300)",
+  "--hop-danger-text-selected": "var(--hop-amanita-400)",
+  "--hop-danger-text-disabled": "var(--hop-amanita-100)",
+  "--hop-danger-text-hover": "var(--hop-amanita-500)",
+  "--hop-danger-text-press": "var(--hop-amanita-800)",
   "--hop-danger-text-strong": "var(--hop-samoyed)",
   "--hop-danger-text-strong-hover": "var(--hop-samoyed)",
-  "--hop-danger-icon-strong": "var(--hop-samoyed)",
-  "--hop-danger-icon-strong-hover": "var(--hop-samoyed)",
-  "--hop-danger-icon-hover": "var(--hop-amanita-500)",
-  "--hop-danger-text-disabled": "var(--hop-amanita-100)",
-  "--hop-danger-icon-disabled": "var(--hop-amanita-100)",
-  "--hop-danger-border": "var(--hop-amanita-100)",
-  "--hop-primary-icon-active": "var(--hop-sapphire-500)",
-  "--hop-primary-border-active": "var(--hop-sapphire-400)",
-  "--hop-primary-text-active": "var(--hop-sapphire-500)",
-  "--hop-primary-icon-strong": "var(--hop-samoyed)",
-  "--hop-primary-icon-strong-hover": "var(--hop-samoyed)",
-  "--hop-primary-icon": "var(--hop-sapphire-500)",
-  "--hop-primary-border-focus": "var(--hop-sapphire-500)",
-  "--hop-primary-border": "var(--hop-sapphire-400)",
-  "--hop-primary-icon-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-icon-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-surface-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-surface-focus": "var(--hop-sapphire-25)",
-  "--hop-primary-text-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-surface": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-weak": "var(--hop-sapphire-25)",
-  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
-  "--hop-primary-surface-strong-active": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-text": "var(--hop-sapphire-500)",
-  "--hop-primary-surface-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-text-strong": "var(--hop-samoyed)",
-  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
-  "--hop-primary-text-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-surface-active": "var(--hop-sapphire-50)",
+  "--hop-danger-text-weak": "var(--hop-amanita-400)",
+  "--hop-danger-text-weak-hover": "var(--hop-amanita-500)",
+  "--hop-danger-text-weak-press": "var(--hop-amanita-600)",
+  "--hop-decorative-option9-border": "var(--hop-rock-100)",
   "--hop-decorative-option9-icon": "var(--hop-samoyed)",
   "--hop-decorative-option9-surface": "var(--hop-rock-400)",
-  "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
   "--hop-decorative-option9-surface-hover": "var(--hop-rock-500)",
+  "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
   "--hop-decorative-option9-surface-weak": "var(--hop-rock-300)",
   "--hop-decorative-option9-surface-weak-hover": "var(--hop-rock-400)",
   "--hop-decorative-option9-surface-weakest": "var(--hop-rock-200)",
   "--hop-decorative-option9-text": "var(--hop-samoyed)",
   "--hop-decorative-option9-text-weak": "var(--hop-rock-300)",
-  "--hop-decorative-option9-border": "var(--hop-rock-100)",
+  "--hop-decorative-option8-border": "var(--hop-amanita-100)",
   "--hop-decorative-option8-icon": "var(--hop-amanita-900)",
-  "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
+  "--hop-decorative-option8-surface": "var(--hop-amanita-75)",
+  "--hop-decorative-option8-surface-hover": "var(--hop-amanita-200)",
+  "--hop-decorative-option8-surface-strong": "var(--hop-amanita-100)",
   "--hop-decorative-option8-surface-weak": "var(--hop-amanita-50)",
   "--hop-decorative-option8-surface-weak-hover": "var(--hop-amanita-75)",
-  "--hop-decorative-option8-surface-hover": "var(--hop-amanita-100)",
-  "--hop-decorative-option8-surface-strong": "var(--hop-amanita-100)",
-  "--hop-decorative-option8-text-weak": "var(--hop-amanita-300)",
-  "--hop-decorative-option8-surface": "var(--hop-amanita-75)",
+  "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
   "--hop-decorative-option8-text": "var(--hop-amanita-900)",
-  "--hop-decorative-option8-border": "var(--hop-amanita-100)",
+  "--hop-decorative-option8-text-weak": "var(--hop-amanita-300)",
+  "--hop-decorative-option7-border": "var(--hop-toad-100)",
   "--hop-decorative-option7-icon": "var(--hop-toad-900)",
-  "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
+  "--hop-decorative-option7-surface": "var(--hop-toad-75)",
+  "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
+  "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
   "--hop-decorative-option7-surface-weak": "var(--hop-toad-50)",
   "--hop-decorative-option7-surface-weak-hover": "var(--hop-toad-75)",
-  "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
-  "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
-  "--hop-decorative-option7-surface": "var(--hop-toad-75)",
-  "--hop-decorative-option7-text-weak": "var(--hop-toad-500)",
+  "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
   "--hop-decorative-option7-text": "var(--hop-toad-900)",
-  "--hop-decorative-option7-border": "var(--hop-toad-100)",
-  "--hop-decorative-option5-text-weak": "var(--hop-coastal-300)",
-  "--hop-decorative-option5-text": "var(--hop-coastal-900)",
-  "--hop-decorative-option5-surface-weakest": "var(--hop-coastal-25)",
-  "--hop-decorative-option5-surface-weak": "var(--hop-coastal-50)",
-  "--hop-decorative-option5-surface-strong": "var(--hop-coastal-100)",
-  "--hop-decorative-option5-surface-hover": "var(--hop-coastal-100)",
-  "--hop-decorative-option5-surface": "var(--hop-coastal-75)",
-  "--hop-decorative-option5-icon": "var(--hop-coastal-900)",
+  "--hop-decorative-option7-text-weak": "var(--hop-toad-500)",
   "--hop-decorative-option5-border": "var(--hop-coastal-100)",
-  "--hop-decorative-option6-surface-weakest": "var(--hop-sunken-treasure-25)",
-  "--hop-decorative-option6-surface-weak": "var(--hop-sunken-treasure-50)",
-  "--hop-decorative-option6-surface-weak-hover": "var(--hop-sunken-treasure-75)",
+  "--hop-decorative-option5-icon": "var(--hop-coastal-900)",
+  "--hop-decorative-option5-surface": "var(--hop-coastal-75)",
+  "--hop-decorative-option5-surface-hover": "var(--hop-coastal-100)",
+  "--hop-decorative-option5-surface-strong": "var(--hop-coastal-100)",
+  "--hop-decorative-option5-surface-weak": "var(--hop-coastal-50)",
+  "--hop-decorative-option5-surface-weak-hover": "var(--hop-coastal-75)",
+  "--hop-decorative-option5-surface-weakest": "var(--hop-coastal-25)",
+  "--hop-decorative-option5-text": "var(--hop-coastal-900)",
+  "--hop-decorative-option5-text-weak": "var(--hop-coastal-300)",
+  "--hop-decorative-option6-border": "var(--hop-sunken-treasure-100)",
+  "--hop-decorative-option6-icon": "var(--hop-sunken-treasure-900)",
+  "--hop-decorative-option6-surface": "var(--hop-sunken-treasure-75)",
   "--hop-decorative-option6-surface-hover": "var(--hop-sunken-treasure-100)",
   "--hop-decorative-option6-surface-strong": "var(--hop-sunken-treasure-100)",
-  "--hop-decorative-option6-surface": "var(--hop-sunken-treasure-75)",
-  "--hop-decorative-option6-icon": "var(--hop-sunken-treasure-900)",
+  "--hop-decorative-option6-surface-weak": "var(--hop-sunken-treasure-50)",
+  "--hop-decorative-option6-surface-weak-hover": "var(--hop-sunken-treasure-75)",
+  "--hop-decorative-option6-surface-weakest": "var(--hop-sunken-treasure-25)",
   "--hop-decorative-option6-text": "var(--hop-sunken-treasure-900)",
   "--hop-decorative-option6-text-weak": "var(--hop-sunken-treasure-200)",
-  "--hop-decorative-option6-border": "var(--hop-sunken-treasure-100)",
-  "--hop-decorative-option4-surface-weakest": "var(--hop-moss-25)",
+  "--hop-decorative-option4-border": "var(--hop-moss-100)",
+  "--hop-decorative-option4-icon": "var(--hop-moss-900)",
+  "--hop-decorative-option4-surface": "var(--hop-moss-75)",
+  "--hop-decorative-option4-surface-hover": "var(--hop-moss-100)",
+  "--hop-decorative-option4-surface-strong": "var(--hop-moss-100)",
   "--hop-decorative-option4-surface-weak": "var(--hop-moss-50)",
   "--hop-decorative-option4-surface-weak-hover": "var(--hop-moss-75)",
-  "--hop-decorative-option4-surface-strong": "var(--hop-moss-100)",
-  "--hop-decorative-option4-surface-hover": "var(--hop-moss-100)",
-  "--hop-decorative-option4-surface": "var(--hop-moss-75)",
-  "--hop-decorative-option4-icon": "var(--hop-moss-900)",
-  "--hop-decorative-option4-text-weak": "var(--hop-moss-400)",
+  "--hop-decorative-option4-surface-weakest": "var(--hop-moss-25)",
   "--hop-decorative-option4-text": "var(--hop-moss-900)",
-  "--hop-decorative-option4-border": "var(--hop-moss-100)",
+  "--hop-decorative-option4-text-weak": "var(--hop-moss-400)",
+  "--hop-decorative-option3-border": "var(--hop-koi-100)",
+  "--hop-decorative-option3-icon": "var(--hop-koi-900)",
+  "--hop-decorative-option3-surface": "var(--hop-koi-100)",
+  "--hop-decorative-option3-surface-hover": "var(--hop-koi-200)",
+  "--hop-decorative-option3-surface-strong": "var(--hop-koi-200)",
   "--hop-decorative-option3-surface-weak": "var(--hop-koi-50)",
   "--hop-decorative-option3-surface-weak-hover": "var(--hop-koi-75)",
   "--hop-decorative-option3-surface-weakest": "var(--hop-koi-25)",
-  "--hop-decorative-option3-surface-strong": "var(--hop-koi-200)",
-  "--hop-decorative-option3-surface-hover": "var(--hop-koi-200)",
-  "--hop-decorative-option3-surface": "var(--hop-koi-100)",
-  "--hop-decorative-option3-icon": "var(--hop-koi-900)",
   "--hop-decorative-option3-text": "var(--hop-koi-900)",
   "--hop-decorative-option3-text-weak": "var(--hop-koi-300)",
-  "--hop-decorative-option3-border": "var(--hop-koi-100)",
-  "--hop-decorative-option2-surface-weakest": "var(--hop-quetzal-25)",
-  "--hop-decorative-option2-surface-weak": "var(--hop-quetzal-50)",
-  "--hop-decorative-option2-surface-weak-hover": "var(--hop-quetzal-75)",
-  "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-border": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-icon": "var(--hop-quetzal-900)",
   "--hop-decorative-option2-surface": "var(--hop-quetzal-75)",
   "--hop-decorative-option2-surface-hover": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-surface-weak": "var(--hop-quetzal-50)",
+  "--hop-decorative-option2-surface-weak-hover": "var(--hop-quetzal-75)",
+  "--hop-decorative-option2-surface-weakest": "var(--hop-quetzal-25)",
   "--hop-decorative-option2-text": "var(--hop-quetzal-900)",
   "--hop-decorative-option2-text-weak": "var(--hop-quetzal-300)",
-  "--hop-decorative-option2-icon": "var(--hop-quetzal-900)",
-  "--hop-decorative-option2-border": "var(--hop-quetzal-100)",
+  "--hop-decorative-option1-border": "var(--hop-sapphire-100)",
+  "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
+  "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
+  "--hop-decorative-option1-surface-hover": "var(--hop-sapphire-200)",
+  "--hop-decorative-option1-surface-strong": "var(--hop-sapphire-200)",
   "--hop-decorative-option1-surface-weak": "var(--hop-sapphire-50)",
   "--hop-decorative-option1-surface-weak-hover": "var(--hop-sapphire-75)",
   "--hop-decorative-option1-surface-weakest": "var(--hop-sapphire-25)",
-  "--hop-decorative-option1-surface-strong": "var(--hop-sapphire-200)",
-  "--hop-decorative-option1-surface-hover": "var(--hop-sapphire-200)",
-  "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
-  "--hop-decorative-option1-border": "var(--hop-sapphire-100)",
-  "--hop-decorative-option1-text-weak": "var(--hop-sapphire-300)",
-  "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
   "--hop-decorative-option1-text": "var(--hop-sapphire-900)",
-  "--hop-neutral-text-hover": "var(--hop-rock-700)",
-  "--hop-neutral-surface-weakest-active": "var(--hop-rock-50)",
-  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-50)",
-  "--hop-neutral-text-weak": "var(--hop-rock-400)",
-  "--hop-neutral-surface-disabled": "var(--hop-rock-50)",
-  "--hop-neutral-surface-active": "var(--hop-rock-800)",
-  "--hop-neutral-surface-weak": "var(--hop-rock-50)",
-  "--hop-neutral-surface": "var(--hop-samoyed)",
-  "--hop-neutral-text-disabled": "var(--hop-rock-300)",
-  "--hop-neutral-text-active": "var(--hop-samoyed)",
-  "--hop-neutral-text-strong": "var(--hop-samoyed)",
-  "--hop-neutral-text": "var(--hop-rock-800)",
-  "--hop-neutral-text-weakest": "var(--hop-rock-200)",
+  "--hop-decorative-option1-text-weak": "var(--hop-sapphire-300)",
+  "--hop-information-border": "var(--hop-coastal-100)",
+  "--hop-information-icon": "var(--hop-coastal-700)",
+  "--hop-information-icon-weakest": "var(--hop-coastal-75)",
+  "--hop-information-icon-weak": "var(--hop-coastal-300)",
+  "--hop-information-surface": "var(--hop-coastal-25)",
+  "--hop-information-surface-strong": "var(--hop-coastal-100)",
+  "--hop-information-surface-weak": "var(--hop-coastal-50)",
+  "--hop-information-text": "var(--hop-coastal-800)",
+  "--hop-information-text-weak": "var(--hop-coastal-300)",
+  "--hop-neutral-border": "var(--hop-rock-200)",
+  "--hop-neutral-border-selected": "var(--hop-rock-800)",
   "--hop-neutral-border-disabled": "var(--hop-rock-50)",
-  "--hop-neutral-border-strong-hover": "var(--hop-rock-700)",
+  "--hop-neutral-border-hover": "var(--hop-rock-300)",
+  "--hop-neutral-border-press": "var(--hop-rock-400)",
   "--hop-neutral-border-strong": "var(--hop-rock-800)",
-  "--hop-neutral-surface-strong": "var(--hop-rock-800)",
-  "--hop-neutral-surface-hover": "var(--hop-rock-25)",
-  "--hop-neutral-icon-disabled": "var(--hop-rock-300)",
+  "--hop-neutral-border-strong-hover": "var(--hop-rock-700)",
+  "--hop-neutral-border-weak": "var(--hop-rock-75)",
+  "--hop-neutral-border-weakest": "var(--hop-rock-50)",
   "--hop-neutral-icon": "var(--hop-rock-800)",
+  "--hop-neutral-icon-selected": "var(--hop-samoyed)",
+  "--hop-neutral-icon-disabled": "var(--hop-rock-300)",
+  "--hop-neutral-icon-hover": "var(--hop-rock-700)",
+  "--hop-neutral-icon-press": "var(--hop-rock-900)",
+  "--hop-neutral-icon-strong": "var(--hop-samoyed)",
+  "--hop-neutral-icon-strong-hover": "var(--hop-samoyed)",
   "--hop-neutral-icon-weak": "var(--hop-rock-400)",
-  "--hop-neutral-icon-weak-hover": "var(--hop-rock-700)",
-  "--hop-neutral-border": "var(--hop-rock-200)",
-  "--hop-neutral-border-weak": "var(--hop-rock-75)",
+  "--hop-neutral-icon-weak-hover": "var(--hop-rock-600)",
+  "--hop-neutral-icon-weak-press": "var(--hop-rock-700)",
   "--hop-neutral-icon-weakest": "var(--hop-rock-200)",
-  "--hop-neutral-icon-strong": "var(--hop-samoyed)",
-  "--hop-neutral-icon-hover": "var(--hop-rock-700)",
-  "--hop-neutral-icon-active": "var(--hop-samoyed)",
-  "--hop-neutral-border-hover": "var(--hop-rock-300)",
-  "--hop-neutral-border-active": "var(--hop-rock-800)",
+  "--hop-neutral-surface": "var(--hop-samoyed)",
+  "--hop-neutral-surface-selected": "var(--hop-rock-800)",
+  "--hop-neutral-surface-disabled": "var(--hop-rock-50)",
+  "--hop-neutral-surface-hover": "var(--hop-rock-25)",
+  "--hop-neutral-surface-press": "var(--hop-rock-50)",
+  "--hop-neutral-surface-strong": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weak": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weak-selected": "var(--hop-rock-50)",
   "--hop-neutral-surface-weak-hover": "var(--hop-rock-75)",
-  "--hop-neutral-surface-weak-active": "var(--hop-rock-50)",
-  "--hop-neutral-border-weakest": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weak-press": "var(--hop-rock-100)",
   "--hop-neutral-surface-weakest": "var(--hop-rock-25)",
-  "--hop-warning-icon-weakest": "var(--hop-koi-100)",
-  "--hop-warning-icon-weak": "var(--hop-koi-300)",
-  "--hop-warning-text-weak": "var(--hop-koi-300)",
-  "--hop-warning-surface": "var(--hop-koi-25)",
-  "--hop-warning-surface-strong": "var(--hop-koi-100)",
-  "--hop-warning-surface-weak": "var(--hop-koi-50)",
-  "--hop-warning-border": "var(--hop-koi-100)",
-  "--hop-warning-icon": "var(--hop-koi-700)",
-  "--hop-warning-text": "var(--hop-koi-700)",
-  "--hop-success-border": "var(--hop-moss-100)",
-  "--hop-success-icon-weak": "var(--hop-moss-300)",
-  "--hop-success-icon-weakest": "var(--hop-moss-100)",
-  "--hop-success-text-weak": "var(--hop-moss-300)",
-  "--hop-success-surface": "var(--hop-moss-25)",
-  "--hop-success-surface-strong": "var(--hop-moss-100)",
-  "--hop-success-text-hover": "var(--hop-moss-800)",
-  "--hop-success-text": "var(--hop-moss-700)",
-  "--hop-success-icon": "var(--hop-moss-700)",
-  "--hop-success-surface-weak": "var(--hop-moss-50)",
-  "--hop-information-icon-weakest": "var(--hop-coastal-75)",
-  "--hop-information-surface-strong": "var(--hop-coastal-100)",
-  "--hop-information-icon-weak": "var(--hop-coastal-300)",
-  "--hop-information-text": "var(--hop-coastal-800)",
-  "--hop-information-surface": "var(--hop-coastal-25)",
-  "--hop-information-surface-weak": "var(--hop-coastal-50)",
-  "--hop-information-text-weak": "var(--hop-coastal-300)",
-  "--hop-information-icon": "var(--hop-coastal-700)",
-  "--hop-information-border": "var(--hop-coastal-100)",
-  "--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
-  "--hop-status-neutral-text": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weakest-selected": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-50)",
+  "--hop-neutral-text": "var(--hop-rock-800)",
+  "--hop-neutral-text-selected": "var(--hop-samoyed)",
+  "--hop-neutral-text-disabled": "var(--hop-rock-300)",
+  "--hop-neutral-text-hover": "var(--hop-rock-700)",
+  "--hop-neutral-text-press": "var(--hop-rock-900)",
+  "--hop-neutral-text-strong": "var(--hop-samoyed)",
+  "--hop-neutral-text-weak": "var(--hop-rock-500)",
+  "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
+  "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
+  "--hop-neutral-text-weakest": "var(--hop-rock-200)",
+  "--hop-primary-border": "var(--hop-sapphire-400)",
+  "--hop-primary-border-selected": "var(--hop-sapphire-400)",
+  "--hop-primary-border-focus": "var(--hop-sapphire-500)",
+  "--hop-primary-border-press": "var(--hop-sapphire-300)",
+  "--hop-primary-icon": "var(--hop-sapphire-500)",
+  "--hop-primary-icon-selected": "var(--hop-sapphire-500)",
+  "--hop-primary-icon-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-icon-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-icon-press": "var(--hop-sapphire-700)",
+  "--hop-primary-icon-strong": "var(--hop-samoyed)",
+  "--hop-primary-icon-strong-hover": "var(--hop-samoyed)",
+  "--hop-primary-surface": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-selected": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-surface-focus": "var(--hop-sapphire-25)",
+  "--hop-primary-surface-hover": "var(--hop-sapphire-200)",
+  "--hop-primary-surface-press": "var(--hop-sapphire-300)",
+  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
+  "--hop-primary-surface-strong-selected": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-surface-strong-press": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-weak": "var(--hop-sapphire-25)",
+  "--hop-primary-surface-weak-hover": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-weak-press": "var(--hop-sapphire-75)",
+  "--hop-primary-text": "var(--hop-sapphire-500)",
+  "--hop-primary-text-selected": "var(--hop-sapphire-500)",
+  "--hop-primary-text-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-text-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-text-press": "var(--hop-sapphire-700)",
+  "--hop-primary-text-strong": "var(--hop-samoyed)",
+  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
+  "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
+  "--hop-status-caution-icon": "var(--hop-koi-700)",
+  "--hop-status-caution-surface": "var(--hop-koi-50)",
+  "--hop-status-caution-text": "var(--hop-koi-700)",
+  "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
+  "--hop-status-inactive-icon": "var(--hop-rock-500)",
+  "--hop-status-inactive-surface": "var(--hop-rock-50)",
+  "--hop-status-inactive-text": "var(--hop-rock-700)",
+  "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
+  "--hop-status-negative-icon": "var(--hop-amanita-700)",
+  "--hop-status-negative-surface": "var(--hop-amanita-50)",
+  "--hop-status-negative-text": "var(--hop-amanita-700)",
   "--hop-status-neutral-icon": "var(--hop-rock-800)",
   "--hop-status-neutral-surface": "var(--hop-samoyed)",
-  "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
-  "--hop-status-progress-icon": "var(--hop-sapphire-500)",
-  "--hop-status-progress-surface": "var(--hop-sapphire-50)",
-  "--hop-status-progress-text": "var(--hop-sapphire-500)",
-  "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
-  "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
-  "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
-  "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
-  "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
-  "--hop-status-option5-icon": "var(--hop-toad-600)",
-  "--hop-status-option5-surface": "var(--hop-toad-50)",
-  "--hop-status-option5-text": "var(--hop-toad-600)",
+  "--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
+  "--hop-status-neutral-text": "var(--hop-rock-800)",
   "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
   "--hop-status-option1-icon": "var(--hop-coastal-700)",
   "--hop-status-option1-surface": "var(--hop-coastal-50)",
@@ -463,22 +455,69 @@ var SemanticTokens = {
   "--hop-status-option4-icon": "var(--hop-fog-600)",
   "--hop-status-option4-surface": "var(--hop-fog-50)",
   "--hop-status-option4-text": "var(--hop-fog-600)",
-  "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
-  "--hop-status-caution-icon": "var(--hop-koi-700)",
-  "--hop-status-caution-surface": "var(--hop-koi-50)",
-  "--hop-status-caution-text": "var(--hop-koi-700)",
-  "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
-  "--hop-status-negative-icon": "var(--hop-amanita-700)",
-  "--hop-status-negative-surface": "var(--hop-amanita-50)",
-  "--hop-status-negative-text": "var(--hop-amanita-700)",
-  "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
-  "--hop-status-inactive-icon": "var(--hop-rock-500)",
-  "--hop-status-inactive-surface": "var(--hop-rock-50)",
-  "--hop-status-inactive-text": "var(--hop-rock-700)",
+  "--hop-status-option5-surface": "var(--hop-toad-50)",
+  "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
+  "--hop-status-option5-text": "var(--hop-toad-600)",
+  "--hop-status-option5-icon": "var(--hop-toad-600)",
+  "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
+  "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
+  "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
+  "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
   "--hop-status-positive-icon": "var(--hop-moss-700)",
   "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
   "--hop-status-positive-surface": "var(--hop-moss-50)",
   "--hop-status-positive-text": "var(--hop-moss-700)",
+  "--hop-status-progress-surface": "var(--hop-sapphire-50)",
+  "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
+  "--hop-status-progress-text": "var(--hop-sapphire-600)",
+  "--hop-status-progress-icon": "var(--hop-sapphire-600)",
+  "--hop-success-border": "var(--hop-moss-100)",
+  "--hop-success-icon": "var(--hop-moss-700)",
+  "--hop-success-icon-weakest": "var(--hop-moss-100)",
+  "--hop-success-icon-weak": "var(--hop-moss-300)",
+  "--hop-success-surface": "var(--hop-moss-25)",
+  "--hop-success-surface-strong": "var(--hop-moss-100)",
+  "--hop-success-surface-weak": "var(--hop-moss-50)",
+  "--hop-success-text": "var(--hop-moss-700)",
+  "--hop-success-text-hover": "var(--hop-moss-800)",
+  "--hop-success-text-weak": "var(--hop-moss-300)",
+  "--hop-upsell-border": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-border-selected": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-border-press": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-400)",
+  "--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-75)",
+  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-500)",
+  "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-surface": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-50)",
+  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-25)",
+  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-surface-press": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-25)",
+  "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-50)",
+  "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-text-selected": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-400)",
+  "--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-300)",
+  "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-500)",
+  "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-600)",
+  "--hop-warning-border": "var(--hop-koi-100)",
+  "--hop-warning-icon": "var(--hop-koi-700)",
+  "--hop-warning-icon-weakest": "var(--hop-koi-100)",
+  "--hop-warning-icon-weak": "var(--hop-koi-300)",
+  "--hop-warning-surface": "var(--hop-koi-25)",
+  "--hop-warning-surface-strong": "var(--hop-koi-100)",
+  "--hop-warning-surface-weak": "var(--hop-koi-50)",
+  "--hop-warning-text": "var(--hop-koi-700)",
+  "--hop-warning-text-weak": "var(--hop-koi-300)",
   "--hop-dataviz-monochromatic-primary-25": "#f5f6ff",
   "--hop-dataviz-monochromatic-primary-50": "#e6ebff",
   "--hop-dataviz-monochromatic-primary-75": "#d6e0ff",

package/dist/{chunk-45MYTH4M.js → chunk-EF3UX45A.js}

@@ -1,5 +1,5 @@
-import { DarkSemanticTokens } from './chunk-E2EGUGKS.js';
-import { CoreTokens, SemanticTokens } from './chunk-JKXZGQAL.js';
+import { DarkSemanticTokens } from './chunk-YJKWZYVH.js';
+import { CoreTokens, SemanticTokens } from './chunk-DVOV55CD.js';
 
 // src/tokens/tokens.ts
 var Tokens = {

package/dist/{chunk-MCUHAIA4.js → chunk-GXUFWEP5.js}

@@ -1,8 +1,8 @@
 import { BreakpointContext } from './chunk-VBKLISDI.js';
 import { Breakpoints } from './chunk-XUHDFZZL.js';
-import { supportsMatchMedia } from './chunk-M4X2T3D3.js';
-import { useCallback, useState, useEffect } from 'react';
+import { supportsMatchMedia } from './chunk-T6JS7L6B.js';
 import { useIsSSR } from '@react-aria/ssr';
+import { useCallback, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var DefaultUnsupportedMatchMediaBreakpoint = "lg";

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

@@ -1,10 +1,10 @@
-import { useStyledSystem } from './chunk-TSYETPJT.js';
+import { useStyledSystem } from './chunk-SSBFBJJN.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___g-x90" };
+var htmlElement_module_default = { "hop-HtmlElement": "htmlElement-module__hop-HtmlElement___0OW8N" };
 var GlobalHtmlElementCssSelector = "hop-HtmlElement";
 var GlobalHtmlElementSpecificCssSelector = (elementType) => `${GlobalHtmlElementCssSelector}-${elementType}`;
 function htmlElement(elementType) {

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

@@ -2,7 +2,7 @@
 var package_default = {
   name: "@hopper-ui/styled-system",
   author: "Workleap",
-  version: "1.2.0",
+  version: "2.0.0",
   description: "The styled-system package.",
   license: "Apache-2.0",
   repository: {
@@ -40,39 +40,41 @@ var package_default = {
     test: "jest"
   },
   peerDependencies: {
-    react: "*",
-    "react-dom": "*"
+    react: "^18",
+    "react-dom": "^18"
   },
   dependencies: {
-    "@react-aria/ssr": "^3.9.2",
-    clsx: "^2.1.0"
+    "@react-aria/ssr": "^3.9.3",
+    clsx: "^2.1.1"
   },
   devDependencies: {
     "@hopper-ui/tokens": "workspace:*",
-    "@swc/core": "1.4.8",
-    "@swc/helpers": "0.5.7",
+    "@swc/core": "1.5.3",
+    "@swc/helpers": "0.5.11",
     "@swc/jest": "0.2.36",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.2.2",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "15.0.7",
     "@types/jest": "29.5.12",
-    "@types/react": "18.2.67",
-    "@types/react-dom": "18.2.22",
-    "@types/react-test-renderer": "18.0.7",
-    "@workleap/eslint-plugin": "3.1.0",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
+    "@types/react-test-renderer": "18.3.0",
+    "@workleap/eslint-plugin": "3.2.2",
     "@workleap/swc-configs": "2.2.3",
-    "@workleap/tsup-configs": "3.0.4",
+    "@workleap/tsup-configs": "3.0.6",
     "@workleap/typescript-configs": "3.0.2",
+    eslint: "8.57.0",
     "identity-obj-proxy": "3.0.0",
     jest: "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    postcss: "8.4.37",
+    "jest-fail-on-console": "3.2.0",
+    postcss: "8.4.38",
     "postcss-modules": "6.0.0",
-    react: "18.2.0",
-    "react-dom": "18.2.0",
-    "react-test-renderer": "18.2.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",
-    typescript: "5.4.2"
+    typescript: "5.4.5"
   }
 };