@hopper-ui/styled-system 1.2.0 → 2.0.1

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

@@ -138,108 +138,124 @@ var HopperColors = {
   "core_samoyed": "samoyed"
 };
 var BackgroundColors = {
-  "upsell-hover": "upsell-surface-hover",
-  "upsell-weak": "upsell-surface-weak",
-  "upsell-disabled": "upsell-surface-disabled",
-  "upsell-active": "upsell-surface-active",
-  "upsell": "upsell-surface",
+  "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",
   "danger-hover": "danger-surface-hover",
+  "danger-press": "danger-surface-press",
   "danger-strong": "danger-surface-strong",
   "danger-strong-hover": "danger-surface-strong-hover",
   "danger-weak": "danger-surface-weak",
-  "danger-active": "danger-surface-active",
+  "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": "primary-surface",
-  "primary-weak": "primary-surface-weak",
+  "primary-hover": "primary-surface-hover",
+  "primary-press": "primary-surface-press",
   "primary-strong": "primary-surface-strong",
-  "primary-strong-active": "primary-surface-strong-active",
+  "primary-strong-selected": "primary-surface-strong-selected",
   "primary-strong-hover": "primary-surface-strong-hover",
-  "primary-hover": "primary-surface-hover",
-  "primary-active": "primary-surface-active",
+  "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-strong": "decorative-option9-surface-strong",
   "decorative-option9-hover": "decorative-option9-surface-hover",
+  "decorative-option9-strong": "decorative-option9-surface-strong",
   "decorative-option9-weak": "decorative-option9-surface-weak",
   "decorative-option9-weak-hover": "decorative-option9-surface-weak-hover",
   "decorative-option9-weakest": "decorative-option9-surface-weakest",
-  "decorative-option8-weakest": "decorative-option8-surface-weakest",
-  "decorative-option8-weak": "decorative-option8-surface-weak",
-  "decorative-option8-weak-hover": "decorative-option8-surface-weak-hover",
+  "decorative-option8": "decorative-option8-surface",
   "decorative-option8-hover": "decorative-option8-surface-hover",
   "decorative-option8-strong": "decorative-option8-surface-strong",
-  "decorative-option8": "decorative-option8-surface",
-  "decorative-option7-weakest": "decorative-option7-surface-weakest",
+  "decorative-option8-weak": "decorative-option8-surface-weak",
+  "decorative-option8-weak-hover": "decorative-option8-surface-weak-hover",
+  "decorative-option8-weakest": "decorative-option8-surface-weakest",
+  "decorative-option7": "decorative-option7-surface",
+  "decorative-option7-hover": "decorative-option7-surface-hover",
+  "decorative-option7-strong": "decorative-option7-surface-strong",
   "decorative-option7-weak": "decorative-option7-surface-weak",
   "decorative-option7-weak-hover": "decorative-option7-surface-weak-hover",
-  "decorative-option7-strong": "decorative-option7-surface-strong",
-  "decorative-option7-hover": "decorative-option7-surface-hover",
-  "decorative-option7": "decorative-option7-surface",
-  "decorative-option5-weakest": "decorative-option5-surface-weakest",
-  "decorative-option5-weak": "decorative-option5-surface-weak",
-  "decorative-option5-strong": "decorative-option5-surface-strong",
-  "decorative-option5-hover": "decorative-option5-surface-hover",
+  "decorative-option7-weakest": "decorative-option7-surface-weakest",
   "decorative-option5": "decorative-option5-surface",
-  "decorative-option6-weakest": "decorative-option6-surface-weakest",
-  "decorative-option6-weak": "decorative-option6-surface-weak",
-  "decorative-option6-weak-hover": "decorative-option6-surface-weak-hover",
+  "decorative-option5-hover": "decorative-option5-surface-hover",
+  "decorative-option5-strong": "decorative-option5-surface-strong",
+  "decorative-option5-weak": "decorative-option5-surface-weak",
+  "decorative-option5-weak-hover": "decorative-option5-surface-weak-hover",
+  "decorative-option5-weakest": "decorative-option5-surface-weakest",
+  "decorative-option6": "decorative-option6-surface",
   "decorative-option6-hover": "decorative-option6-surface-hover",
   "decorative-option6-strong": "decorative-option6-surface-strong",
-  "decorative-option6": "decorative-option6-surface",
-  "decorative-option4-weakest": "decorative-option4-surface-weakest",
+  "decorative-option6-weak": "decorative-option6-surface-weak",
+  "decorative-option6-weak-hover": "decorative-option6-surface-weak-hover",
+  "decorative-option6-weakest": "decorative-option6-surface-weakest",
+  "decorative-option4": "decorative-option4-surface",
+  "decorative-option4-hover": "decorative-option4-surface-hover",
+  "decorative-option4-strong": "decorative-option4-surface-strong",
   "decorative-option4-weak": "decorative-option4-surface-weak",
   "decorative-option4-weak-hover": "decorative-option4-surface-weak-hover",
-  "decorative-option4-strong": "decorative-option4-surface-strong",
-  "decorative-option4-hover": "decorative-option4-surface-hover",
-  "decorative-option4": "decorative-option4-surface",
+  "decorative-option4-weakest": "decorative-option4-surface-weakest",
+  "decorative-option3": "decorative-option3-surface",
+  "decorative-option3-hover": "decorative-option3-surface-hover",
+  "decorative-option3-strong": "decorative-option3-surface-strong",
   "decorative-option3-weak": "decorative-option3-surface-weak",
   "decorative-option3-weak-hover": "decorative-option3-surface-weak-hover",
   "decorative-option3-weakest": "decorative-option3-surface-weakest",
-  "decorative-option3-strong": "decorative-option3-surface-strong",
-  "decorative-option3-hover": "decorative-option3-surface-hover",
-  "decorative-option3": "decorative-option3-surface",
-  "decorative-option2-weakest": "decorative-option2-surface-weakest",
-  "decorative-option2-weak": "decorative-option2-surface-weak",
-  "decorative-option2-weak-hover": "decorative-option2-surface-weak-hover",
-  "decorative-option2-strong": "decorative-option2-surface-strong",
   "decorative-option2": "decorative-option2-surface",
   "decorative-option2-hover": "decorative-option2-surface-hover",
+  "decorative-option2-strong": "decorative-option2-surface-strong",
+  "decorative-option2-weak": "decorative-option2-surface-weak",
+  "decorative-option2-weak-hover": "decorative-option2-surface-weak-hover",
+  "decorative-option2-weakest": "decorative-option2-surface-weakest",
+  "decorative-option1": "decorative-option1-surface",
+  "decorative-option1-hover": "decorative-option1-surface-hover",
+  "decorative-option1-strong": "decorative-option1-surface-strong",
   "decorative-option1-weak": "decorative-option1-surface-weak",
   "decorative-option1-weak-hover": "decorative-option1-surface-weak-hover",
   "decorative-option1-weakest": "decorative-option1-surface-weakest",
-  "decorative-option1-strong": "decorative-option1-surface-strong",
-  "decorative-option1-hover": "decorative-option1-surface-hover",
-  "decorative-option1": "decorative-option1-surface",
-  "neutral-weakest-active": "neutral-surface-weakest-active",
-  "neutral-weakest-hover": "neutral-surface-weakest-hover",
-  "neutral-disabled": "neutral-surface-disabled",
-  "neutral-active": "neutral-surface-active",
-  "neutral-weak": "neutral-surface-weak",
-  "neutral": "neutral-surface",
-  "neutral-strong": "neutral-surface-strong",
-  "neutral-hover": "neutral-surface-hover",
-  "neutral-weak-hover": "neutral-surface-weak-hover",
-  "neutral-weak-active": "neutral-surface-weak-active",
-  "neutral-weakest": "neutral-surface-weakest",
-  "warning": "warning-surface",
-  "warning-strong": "warning-surface-strong",
-  "warning-weak": "warning-surface-weak",
-  "success": "success-surface",
-  "success-strong": "success-surface-strong",
-  "success-weak": "success-surface-weak",
-  "information-strong": "information-surface-strong",
   "information": "information-surface",
+  "information-strong": "information-surface-strong",
   "information-weak": "information-surface-weak",
-  "status-neutral-strong": "status-neutral-surface-strong",
+  "status-caution-strong": "status-caution-surface-strong",
+  "status-caution": "status-caution-surface",
+  "status-inactive-strong": "status-inactive-surface-strong",
+  "status-inactive": "status-inactive-surface",
+  "status-negative-strong": "status-negative-surface-strong",
+  "status-negative": "status-negative-surface",
   "status-neutral": "status-neutral-surface",
-  "status-progress-strong": "status-progress-surface-strong",
-  "status-progress": "status-progress-surface",
-  "status-option6-strong": "status-option6-surface-strong",
-  "status-option6": "status-option6-surface",
-  "status-option5-strong": "status-option5-surface-strong",
-  "status-option5": "status-option5-surface",
+  "status-neutral-strong": "status-neutral-surface-strong",
   "status-option1-strong": "status-option1-surface-strong",
   "status-option1": "status-option1-surface",
   "status-option2-strong": "status-option2-surface-strong",
@@ -248,96 +264,146 @@ var BackgroundColors = {
   "status-option3": "status-option3-surface",
   "status-option4-strong": "status-option4-surface-strong",
   "status-option4": "status-option4-surface",
-  "status-caution-strong": "status-caution-surface-strong",
-  "status-caution": "status-caution-surface",
-  "status-negative-strong": "status-negative-surface-strong",
-  "status-negative": "status-negative-surface",
-  "status-inactive-strong": "status-inactive-surface-strong",
-  "status-inactive": "status-inactive-surface",
+  "status-option5": "status-option5-surface",
+  "status-option5-strong": "status-option5-surface-strong",
+  "status-option6": "status-option6-surface",
+  "status-option6-strong": "status-option6-surface-strong",
   "status-positive-strong": "status-positive-surface-strong",
-  "status-positive": "status-positive-surface"
+  "status-positive": "status-positive-surface",
+  "status-progress": "status-progress-surface",
+  "status-progress-strong": "status-progress-surface-strong",
+  "success": "success-surface",
+  "success-strong": "success-surface-strong",
+  "success-weak": "success-surface-weak",
+  "warning": "warning-surface",
+  "warning-strong": "warning-surface-strong",
+  "warning-weak": "warning-surface-weak"
 };
 var TextColors = {
-  "upsell-active": "upsell-text-active",
-  "upsell": "upsell-text",
-  "upsell-hover": "upsell-text-hover",
-  "upsell-disabled": "upsell-text-disabled",
   "danger-active": "danger-text-active",
-  "danger-hover": "danger-text-hover",
+  "danger-weak-active": "danger-text-weak-active",
   "danger": "danger-text",
-  "danger-weak": "danger-text-weak",
+  "danger-selected": "danger-text-selected",
+  "danger-disabled": "danger-text-disabled",
+  "danger-hover": "danger-text-hover",
+  "danger-press": "danger-text-press",
   "danger-strong": "danger-text-strong",
   "danger-strong-hover": "danger-text-strong-hover",
-  "danger-disabled": "danger-text-disabled",
+  "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-disabled": "primary-text-disabled",
   "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",
-  "primary-hover": "primary-text-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-weak": "decorative-option8-text-weak",
   "decorative-option8": "decorative-option8-text",
-  "decorative-option7-weak": "decorative-option7-text-weak",
+  "decorative-option8-weak": "decorative-option8-text-weak",
   "decorative-option7": "decorative-option7-text",
-  "decorative-option5-weak": "decorative-option5-text-weak",
+  "decorative-option7-weak": "decorative-option7-text-weak",
   "decorative-option5": "decorative-option5-text",
+  "decorative-option5-weak": "decorative-option5-text-weak",
   "decorative-option6": "decorative-option6-text",
   "decorative-option6-weak": "decorative-option6-text-weak",
-  "decorative-option4-weak": "decorative-option4-text-weak",
   "decorative-option4": "decorative-option4-text",
+  "decorative-option4-weak": "decorative-option4-text-weak",
   "decorative-option3": "decorative-option3-text",
   "decorative-option3-weak": "decorative-option3-text-weak",
   "decorative-option2": "decorative-option2-text",
   "decorative-option2-weak": "decorative-option2-text-weak",
-  "decorative-option1-weak": "decorative-option1-text-weak",
   "decorative-option1": "decorative-option1-text",
-  "neutral-hover": "neutral-text-hover",
-  "neutral-weak": "neutral-text-weak",
-  "neutral-disabled": "neutral-text-disabled",
-  "neutral-active": "neutral-text-active",
-  "neutral-strong": "neutral-text-strong",
-  "neutral": "neutral-text",
-  "neutral-weakest": "neutral-text-weakest",
-  "warning-weak": "warning-text-weak",
-  "warning": "warning-text",
-  "success-weak": "success-text-weak",
-  "success-hover": "success-text-hover",
-  "success": "success-text",
+  "decorative-option1-weak": "decorative-option1-text-weak",
   "information": "information-text",
   "information-weak": "information-text-weak",
+  "status-caution": "status-caution-text",
+  "status-inactive": "status-inactive-text",
+  "status-negative": "status-negative-text",
   "status-neutral": "status-neutral-text",
-  "status-progress": "status-progress-text",
-  "status-option6": "status-option6-text",
-  "status-option5": "status-option5-text",
   "status-option1": "status-option1-text",
   "status-option2": "status-option2-text",
   "status-option3": "status-option3-text",
   "status-option4": "status-option4-text",
-  "status-caution": "status-caution-text",
-  "status-negative": "status-negative-text",
-  "status-inactive": "status-inactive-text",
-  "status-positive": "status-positive-text"
+  "status-option5": "status-option5-text",
+  "status-option6": "status-option6-text",
+  "status-positive": "status-positive-text",
+  "status-progress": "status-progress-text",
+  "success": "success-text",
+  "success-hover": "success-text-hover",
+  "success-weak": "success-text-weak",
+  "warning": "warning-text",
+  "warning-weak": "warning-text-weak"
 };
 var IconColors = {
-  "upsell-weakest": "upsell-icon-weakest",
-  "upsell-weak": "upsell-icon-weak",
-  "upsell-active": "upsell-icon-active",
-  "upsell": "upsell-icon",
   "danger-active": "danger-icon-active",
+  "danger-weak-active": "danger-icon-weak-active",
   "danger": "danger-icon",
-  "danger-weak": "danger-icon-weak",
+  "danger-selected": "danger-icon-selected",
+  "danger-disabled": "danger-icon-disabled",
+  "danger-hover": "danger-icon-hover",
+  "danger-press": "danger-icon-press",
   "danger-strong": "danger-icon-strong",
   "danger-strong-hover": "danger-icon-strong-hover",
-  "danger-hover": "danger-icon-hover",
-  "danger-disabled": "danger-icon-disabled",
+  "danger-weak": "danger-icon-weak",
+  "danger-weak-hover": "danger-icon-weak-hover",
+  "danger-weak-press": "danger-icon-weak-press",
+  "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",
+  "neutral-hover": "neutral-icon-hover",
+  "neutral-press": "neutral-icon-press",
+  "neutral-strong": "neutral-icon-strong",
+  "neutral-strong-hover": "neutral-icon-strong-hover",
+  "neutral-weak": "neutral-icon-weak",
+  "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-strong": "primary-icon-strong",
-  "primary-strong-hover": "primary-icon-strong-hover",
   "primary": "primary-icon",
-  "primary-hover": "primary-icon-hover",
+  "primary-selected": "primary-icon-selected",
   "primary-disabled": "primary-icon-disabled",
+  "primary-hover": "primary-icon-hover",
+  "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",
@@ -347,46 +413,54 @@ var IconColors = {
   "decorative-option3": "decorative-option3-icon",
   "decorative-option2": "decorative-option2-icon",
   "decorative-option1": "decorative-option1-icon",
-  "neutral-disabled": "neutral-icon-disabled",
-  "neutral": "neutral-icon",
-  "neutral-weak": "neutral-icon-weak",
-  "neutral-weak-hover": "neutral-icon-weak-hover",
-  "neutral-weakest": "neutral-icon-weakest",
-  "neutral-strong": "neutral-icon-strong",
-  "neutral-hover": "neutral-icon-hover",
-  "neutral-active": "neutral-icon-active",
-  "warning-weakest": "warning-icon-weakest",
-  "warning-weak": "warning-icon-weak",
-  "warning": "warning-icon",
-  "success-weak": "success-icon-weak",
-  "success-weakest": "success-icon-weakest",
-  "success": "success-icon",
+  "information": "information-icon",
   "information-weakest": "information-icon-weakest",
   "information-weak": "information-icon-weak",
-  "information": "information-icon",
+  "status-caution": "status-caution-icon",
+  "status-inactive": "status-inactive-icon",
+  "status-negative": "status-negative-icon",
   "status-neutral": "status-neutral-icon",
-  "status-progress": "status-progress-icon",
-  "status-option6": "status-option6-icon",
-  "status-option5": "status-option5-icon",
   "status-option1": "status-option1-icon",
   "status-option2": "status-option2-icon",
   "status-option3": "status-option3-icon",
   "status-option4": "status-option4-icon",
-  "status-caution": "status-caution-icon",
-  "status-negative": "status-negative-icon",
-  "status-inactive": "status-inactive-icon",
-  "status-positive": "status-positive-icon"
+  "status-option5": "status-option5-icon",
+  "status-option6": "status-option6-icon",
+  "status-positive": "status-positive-icon",
+  "status-progress": "status-progress-icon",
+  "success": "success-icon",
+  "success-weakest": "success-icon-weakest",
+  "success-weak": "success-icon-weak",
+  "warning": "warning-icon",
+  "warning-weakest": "warning-icon-weakest",
+  "warning-weak": "warning-icon-weak"
 };
 var BorderColors = {
-  "upsell-active": "upsell-border-active",
-  "upsell": "upsell-border",
-  "upsell-disabled": "upsell-border-disabled",
   "danger-active": "danger-border-active",
-  "danger-strong": "danger-border-strong",
   "danger": "danger-border",
+  "danger-selected": "danger-border-selected",
+  "danger-strong": "danger-border-strong",
+  "danger-press": "danger-border-press",
+  "neutral-active": "neutral-border-active",
+  "neutral": "neutral-border",
+  "neutral-selected": "neutral-border-selected",
+  "neutral-disabled": "neutral-border-disabled",
+  "neutral-hover": "neutral-border-hover",
+  "neutral-press": "neutral-border-press",
+  "neutral-strong": "neutral-border-strong",
+  "neutral-strong-hover": "neutral-border-strong-hover",
+  "neutral-weak": "neutral-border-weak",
+  "neutral-weakest": "neutral-border-weakest",
   "primary-active": "primary-border-active",
-  "primary-focus": "primary-border-focus",
   "primary": "primary-border",
+  "primary-selected": "primary-border-selected",
+  "primary-focus": "primary-border-focus",
+  "primary-press": "primary-border-press",
+  "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",
@@ -396,17 +470,9 @@ var BorderColors = {
   "decorative-option3": "decorative-option3-border",
   "decorative-option2": "decorative-option2-border",
   "decorative-option1": "decorative-option1-border",
-  "neutral-disabled": "neutral-border-disabled",
-  "neutral-strong-hover": "neutral-border-strong-hover",
-  "neutral-strong": "neutral-border-strong",
-  "neutral": "neutral-border",
-  "neutral-weak": "neutral-border-weak",
-  "neutral-hover": "neutral-border-hover",
-  "neutral-active": "neutral-border-active",
-  "neutral-weakest": "neutral-border-weakest",
-  "warning": "warning-border",
+  "information": "information-border",
   "success": "success-border",
-  "information": "information-border"
+  "warning": "warning-border"
 };
 var DataVizColors = {
   "dataviz_monochromatic-primary-25": "dataviz-monochromatic-primary-25",

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-RKTVEOXM.js → chunk-JSOM3YJJ.js}

@@ -1,9 +1,9 @@
-import { BodyStyleProvider } from './chunk-J2UW6IZ5.js';
-import { Div } from './chunk-EJR6CH3T.js';
-import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
-import { TokenProvider } from './chunk-ZDENFQ6H.js';
-import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
-import { useColorScheme } from './chunk-KLNF34G6.js';
+import { BodyStyleProvider } from './chunk-VTGIKL3T.js';
+import { Div } from './chunk-6KT6K6NI.js';
+import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.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';
 import { forwardRef, useState, useCallback } from 'react';

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

@@ -1,10 +1,10 @@
-import { useStyledSystem } from './chunk-TSYETPJT.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___g-x90" };
+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-TSYETPJT.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-DRFY5W7M.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___Zqeu5", "hop-bb-hover": "UseStyledSystem-module__hop-bb-hover___a1mz8", "hop-bl-hover": "UseStyledSystem-module__hop-bl-hover___BVwnM", "hop-br-hover": "UseStyledSystem-module__hop-br-hover___hTuCm", "hop-bt-hover": "UseStyledSystem-module__hop-bt-hover___adE7m", "hop-b-focus": "UseStyledSystem-module__hop-b-focus___DfUJn", "hop-bb-focus": "UseStyledSystem-module__hop-bb-focus___axUzQ", "hop-bl-focus": "UseStyledSystem-module__hop-bl-focus___AHFjp", "hop-br-focus": "UseStyledSystem-module__hop-br-focus___5mdx8", "hop-bt-focus": "UseStyledSystem-module__hop-bt-focus___ybiFb", "hop-b-active": "UseStyledSystem-module__hop-b-active___BU6Oj", "hop-bb-active": "UseStyledSystem-module__hop-bb-active___pFoxa", "hop-bl-active": "UseStyledSystem-module__hop-bl-active___ueWsf", "hop-br-active": "UseStyledSystem-module__hop-br-active___sBjPX", "hop-bt-active": "UseStyledSystem-module__hop-bt-active___ldKxI", "hop-bg-hover": "UseStyledSystem-module__hop-bg-hover___Gzm9t", "hop-bg-focus": "UseStyledSystem-module__hop-bg-focus___jIrSB", "hop-bg-active": "UseStyledSystem-module__hop-bg-active___fafHA", "hop-bs-hover": "UseStyledSystem-module__hop-bs-hover___Zoiej", "hop-bs-focus": "UseStyledSystem-module__hop-bs-focus___Ojcth", "hop-bs-active": "UseStyledSystem-module__hop-bs-active___8gnFg", "hop-c-hover": "UseStyledSystem-module__hop-c-hover___Q88Tg", "hop-c-focus": "UseStyledSystem-module__hop-c-focus___Vyuyv", "hop-c-active": "UseStyledSystem-module__hop-c-active___UquV3", "hop-cs-hover": "UseStyledSystem-module__hop-cs-hover___GqEOP", "hop-f-hover": "UseStyledSystem-module__hop-f-hover___7EKmX", "hop-f-focus": "UseStyledSystem-module__hop-f-focus___k-Xh5", "hop-o-hover": "UseStyledSystem-module__hop-o-hover___bSfTb", "hop-o-focus": "UseStyledSystem-module__hop-o-focus___92q-T", "hop-o-active": "UseStyledSystem-module__hop-o-active___qojJF", "hop-ol-focus": "UseStyledSystem-module__hop-ol-focus___U-dIO" };
+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 : {} });