@nation-a/ui 0.9.0 → 0.9.2

package/dist/styled-system/styles.css

@@ -659,9 +659,9 @@ html:not(#\#),body:not(#\#) {
   --colors-content-success-default: var(--colors-green-600);
   --colors-content-informative-default: var(--colors-blue-600);
   --colors-content-zoltarina-primary-default: var(--colors-ohre-800);
-  --colors-content-zoltarina-primary-defult_inverse: var(--colors-ohre-1000);
+  --colors-content-zoltarina-primary-default_inverse: var(--colors-ohre-1000);
   --colors-content-heyd-primary-default: var(--colors-cyan-800);
-  --colors-content-heyd-primary-defult_inverse: var(--colors-cyan-1000);
+  --colors-content-heyd-primary-default_inverse: var(--colors-cyan-1000);
   --colors-content-static-white-bold: var(--colors-neutral-1200);
   --colors-content-static-white-default: var(--colors-neutral-1050);
   --colors-content-static-white-subtle: var(--colors-neutral-1000);
@@ -674,6 +674,12 @@ html:not(#\#),body:not(#\#) {
   --colors-content-static-black-disabled: var(--colors-neutral-800);
   --colors-content-heybee-primary-default: var(--colors-yellow-800);
   --colors-content-heybee-primary-default_inverse: var(--colors-yellow-1000);
+  --colors-content-neutral-inverse-bold: var(--colors-neutral-1100);
+  --colors-content-neutral-inverse-default: var(--colors-neutral-1000);
+  --colors-content-neutral-inverse-subtle: var(--colors-neutral-900);
+  --colors-content-neutral-inverse-subtlest: var(--colors-neutral-500);
+  --colors-content-neutral-inverse-disabled: var(--colors-neutral-600);
+  --colors-content-neutral-inverse-default_inverse: var(--colors-neutral-0);
   --colors-background-neutral-default: var(--colors-neutral-1050);
   --colors-background-neutral-selected: var(--colors-neutral-1000);
   --colors-background-neutral-disabled: var(--colors-neutral-1000);
@@ -707,6 +713,9 @@ html:not(#\#),body:not(#\#) {
   --colors-background-static-black-alpha-disabled: var(--colors-black-500-a);
   --colors-background-heybee-primary-default: var(--colors-yellow-500);
   --colors-background-heybee-primary-selected: var(--colors-yellow-600);
+  --colors-background-neutral-inverse-default: var(--colors-neutral-200);
+  --colors-background-neutral-inverse-selected: var(--colors-neutral-300);
+  --colors-background-neutral-inverse-disabled: var(--colors-neutral-400);
   --colors-surface-base: var(--colors-neutral-1100);
   --colors-surface-layer_1: var(--colors-neutral-1100);
   --colors-surface-layer_2: var(--colors-neutral-1050);
@@ -744,9 +753,9 @@ html:not(#\#),body:not(#\#) {
   --colors-content-success-default: var(--colors-green-400);
   --colors-content-informative-default: var(--colors-blue-400);
   --colors-content-zoltarina-primary-default: var(--colors-ohre-400);
-  --colors-content-zoltarina-primary-defult_inverse: var(--colors-ohre-1000);
+  --colors-content-zoltarina-primary-default_inverse: var(--colors-ohre-1000);
   --colors-content-heyd-primary-default: var(--colors-cyan-400);
-  --colors-content-heyd-primary-defult_inverse: var(--colors-cyan-1000);
+  --colors-content-heyd-primary-default_inverse: var(--colors-cyan-1000);
   --colors-content-static-white-bold: var(--colors-neutral-1200);
   --colors-content-static-white-default: var(--colors-neutral-1050);
   --colors-content-static-white-subtle: var(--colors-neutral-1000);
@@ -759,6 +768,12 @@ html:not(#\#),body:not(#\#) {
   --colors-content-static-black-disabled: var(--colors-neutral-800);
   --colors-content-heybee-primary-default: var(--colors-yellow-500);
   --colors-content-heybee-primary-default_inverse: var(--colors-yellow-1000);
+  --colors-content-neutral-inverse-bold: var(--colors-neutral-0);
+  --colors-content-neutral-inverse-default: var(--colors-neutral-300);
+  --colors-content-neutral-inverse-subtle: var(--colors-neutral-600);
+  --colors-content-neutral-inverse-subtlest: var(--colors-neutral-900);
+  --colors-content-neutral-inverse-disabled: var(--colors-neutral-800);
+  --colors-content-neutral-inverse-default_inverse: var(--colors-neutral-1100);
   --colors-background-neutral-default: var(--colors-neutral-200);
   --colors-background-neutral-selected: var(--colors-neutral-300);
   --colors-background-neutral-disabled: var(--colors-neutral-400);
@@ -792,6 +807,9 @@ html:not(#\#),body:not(#\#) {
   --colors-background-static-black-alpha-disabled: var(--colors-black-500-a);
   --colors-background-heybee-primary-default: var(--colors-yellow-500);
   --colors-background-heybee-primary-selected: var(--colors-yellow-600);
+  --colors-background-neutral-inverse-default: var(--colors-neutral-1050);
+  --colors-background-neutral-inverse-selected: var(--colors-neutral-1000);
+  --colors-background-neutral-inverse-disabled: var(--colors-neutral-1000);
   --colors-surface-base: var(--colors-neutral-0);
   --colors-surface-layer_1: var(--colors-neutral-100);
   --colors-surface-layer_2: var(--colors-neutral-200);
@@ -969,6 +987,14 @@ html:not(#\#),body:not(#\#) {
   gap: var(--spacing-10);
 }
 
+.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  display: flex;
+}
+
+.gap_10px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  gap: 10px;
+}
+
 .pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   position: fixed;
 }
@@ -977,10 +1003,6 @@ html:not(#\#),body:not(#\#) {
   touch-action: pan-y;
 }
 
-.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  display: flex;
-}
-
 .w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   width: 100%;
 }
@@ -1267,9 +1289,13 @@ html:not(#\#),body:not(#\#) {
   padding-inline: var(--spacing-4);
 }
 
-.bkdp_blur\(4px\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
+.bkdp_blur\(3px\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  backdrop-filter: blur(3px);
+  -webkit-backdrop-filter: blur(3px);
+}
+
+.bg_shadow\.overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-shadow-overlay);
 }
 
 .h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1328,18 +1354,6 @@ html:not(#\#),body:not(#\#) {
   padding: 8px;
 }
 
-.gap_10px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  gap: 10px;
-}
-
-.c_content\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-content-neutral-subtle);
-}
-
-.ta_start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  text-align: start;
-}
-
 .cursor_text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   cursor: text;
 }
@@ -1380,24 +1394,28 @@ html:not(#\#),body:not(#\#) {
   border-radius: 9999px;
 }
 
-.c_content\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-content-neutral-disabled);
-}
-
 .bg_black\.500A:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   background: var(--colors-black-500-a);
 }
 
-.bg_background\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-background-neutral-disabled);
+.c_content\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-content-neutral-subtle);
+}
+
+.ta_start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  text-align: start;
 }
 
 .d_inline-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   display: inline-block;
 }
 
-.c_content\.static\.white\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-content-static-white-bold);
+.ta_end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  text-align: end;
+}
+
+.c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-content-neutral-subtlest);
 }
 
 .bg_surface\.layer_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1416,10 +1434,6 @@ html:not(#\#),body:not(#\#) {
   width: 64px;
 }
 
-.c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-content-neutral-subtlest);
-}
-
 .gap_2rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   gap: 2rem;
 }
@@ -1464,6 +1478,80 @@ html:not(#\#),body:not(#\#) {
   height: var(--sizes-24);
 }
 
+.max-w_500px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  max-width: 500px;
+}
+
+.w_500px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  width: 500px;
+}
+
+.gap_24px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  gap: 24px;
+}
+
+.scr-bar-w_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  scrollbar-width: none;
+}
+
+.p_16px_0_0_16px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding: 16px 0 0 16px;
+}
+
+.gap_16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  gap: var(--spacing-16);
+}
+
+.p_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding: var(--spacing-1);
+}
+
+.bx-sh_0px_8px_12px_0px_var\(--colors-semantic-shadow-overlay\,_rgba\(0\,_0\,_0\,_0\.08\)\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  box-shadow: 0px 8px 12px 0px var(--colors-semantic-shadow-overlay, rgba(0, 0, 0, 0.08));
+}
+
+.py_2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding-block: var(--spacing-2);
+}
+
+.trs_all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  transition-property: var(--transition-prop, all);
+  transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--transition-duration, 150ms);
+}
+
+.flex_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  flex: 1 1 0%;
+}
+
+.tov_ellipsis:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  text-overflow: ellipsis;
+}
+
+.w_var\(--width\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  width: var(--width);
+}
+
+.h_2px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  height: 2px;
+}
+
+.bdr_xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-radius: var(--radii-xs);
+}
+
+.bg_content\.neutral\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-content-neutral-bold);
+}
+
+.z_-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  z-index: -1;
+}
+
+.d_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  display: none;
+}
+
 .gap_1rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   gap: 1rem;
 }
@@ -1516,10 +1604,6 @@ html:not(#\#),body:not(#\#) {
   color: currentcolor;
 }
 
-.ta_end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  text-align: end;
-}
-
 .ai_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   align-items: center;
 }
@@ -1943,10 +2027,6 @@ html:not(#\#),body:not(#\#) {
   right: var(--spacing-4);
 }
 
-.pl_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  padding-left: var(--spacing-1);
-}
-
 .bd-c_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   border-color: transparent;
 }
@@ -1955,8 +2035,16 @@ html:not(#\#),body:not(#\#) {
   border-color: var(--colors-border-neutral-subtle);
 }
 
-.bd-c_border\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-color: var(--colors-border-neutral-disabled);
+.pl_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding-left: var(--spacing-1);
+}
+
+.pr_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding-right: var(--spacing-1);
+}
+
+.mt_-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  margin-top: calc(var(--spacing-0\.5) * -1);
 }
 
 .pt_2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1987,20 +2075,40 @@ html:not(#\#),body:not(#\#) {
   animation-duration: var(--durations-slowest);
 }
 
-.ff_inter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-family: var(--fonts-inter);
+.ov-x_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  overflow-x: auto;
 }
 
-.ff_notoSans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-family: var(--fonts-noto-sans);
+.bd-b-w_1px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-bottom-width: 1px;
 }
 
-.pr_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  padding-right: var(--spacing-1);
+.bd-c_background\.neutral\.selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-color: var(--colors-background-neutral-selected);
 }
 
-.mt_-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-top: calc(var(--spacing-0\.5) * -1);
+.ov-x_visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  overflow-x: visible;
+}
+
+.bd-b-w_0px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-bottom-width: 0px;
+}
+
+.pt_4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding-top: var(--spacing-4);
+}
+
+.bottom_0px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  bottom: 0px;
+}
+
+.ff_inter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  font-family: var(--fonts-inter);
+}
+
+.ff_notoSans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  font-family: var(--fonts-noto-sans);
 }
 
 :root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:flex-flow_column,.light:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:flex-flow_column,.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dark\:flex-flow_column {
@@ -2103,14 +2211,6 @@ html:not(#\#),body:not(#\#) {
   height: 24px;
 }
 
-:root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:bg_white\.100A,.light:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:bg_white\.100A {
-  background: var(--colors-white-100-a);
-}
-
-.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg_black\.100A {
-  background: var(--colors-black-100-a);
-}
-
 .open\:anim_backdrop-in:is([open], [data-open], [data-state="open"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   animation: var(--animations-backdrop-in);
 }
@@ -2127,44 +2227,44 @@ html:not(#\#),body:not(#\#) {
   animation: var(--animations-dialog-out);
 }
 
-.\[\&_textarea\,_\&_input\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea,.\[\&_textarea\,_\&_input\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
+.\[\&_input\,_\&_textarea\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
   outline: var(--borders-none);
 }
 
-.\[\&_textarea\,_\&_input\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea,.\[\&_textarea\,_\&_input\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
+.\[\&_input\,_\&_textarea\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
   width: 100%;
 }
 
-.\[\&_textarea\,_\&_input\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea,.\[\&_textarea\,_\&_input\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
+.\[\&_input\,_\&_textarea\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
   height: 100%;
 }
 
-.\[\&_textarea\]\:bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
-  background: transparent;
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:cursor_not-allowed {
+  cursor: not-allowed;
 }
 
-.\[\&_textarea\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
-  height: 100%;
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:c_content\.neutral\.disabled {
+  color: var(--colors-content-neutral-disabled);
+}
+
+.\[\&_textarea\]\:bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
+  background: transparent;
 }
 
 .\[\&_textarea\]\:resize_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
   resize: none;
 }
 
-.\[\&\:\:placeholder\]\:c_content\.static\.white\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
+.placeholder\:c_content\.static\.white\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:c_content\.static\.white\.subtlest[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   color: var(--colors-content-static-white-subtlest);
 }
 
-.\[\&\:\:placeholder\]\:c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
+.placeholder\:c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:c_content\.neutral\.subtlest[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   color: var(--colors-content-neutral-subtlest);
 }
 
-.\[\&\:\:placeholder\]\:c_content\.static\.white\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
-  color: var(--colors-content-static-white-disabled);
-}
-
-.\[\&\:\:placeholder\]\:c_content\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
-  color: var(--colors-content-neutral-disabled);
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:bg_background\.neutral\.disabled {
+  background: var(--colors-background-neutral-disabled);
 }
 
 .selected\:c_content\.neutral\.default:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2175,6 +2275,18 @@ html:not(#\#),body:not(#\#) {
   background: var(--colors-background-neutral-default);
 }
 
+.\[\&\:\:-webkit-scrollbar\]\:d_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
+  display: none;
+}
+
+.selected\:c_content\.neutral\.bold:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-content-neutral-bold);
+}
+
+.selected\:bg_background\.neutral\.selected:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-background-neutral-selected);
+}
+
 :root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:ai_center,.light:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:ai_center,.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dark\:ai_center {
   align-items: center;
 }
@@ -2511,6 +2623,22 @@ html:not(#\#),body:not(#\#) {
   overflow-y: auto;
 }
 
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:bd-c_border\.neutral\.disabled {
+  border-color: var(--colors-border-neutral-disabled);
+}
+
+.focusWithin\:bd-c_border\.neutral\.default:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-color: var(--colors-border-neutral-default);
+}
+
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled::placeholder, .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled[data-placeholder] {
+  color: var(--colors-content-static-white-disabled);
+}
+
+.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.neutral\.disabled::placeholder, .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.neutral\.disabled[data-placeholder] {
+  color: var(--colors-content-neutral-disabled);
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:bg_background\.neuroidPrimary\.selected:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--colors-background-neuroid-primary-selected);
@@ -2593,4 +2721,10 @@ html:not(#\#),body:not(#\#) {
   .hover\:td_underline:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     text-decoration: underline;
 }
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .hover\:c_content\.neutral\.hovered:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: content.neutral.hovered;
+}
 }

package/dist/styled-system/tokens/index.mjs

@@ -1223,17 +1223,17 @@ const tokens = {
     "value": "var(--colors-content-zoltarina-primary-default)",
     "variable": "var(--colors-content-zoltarina-primary-default)"
   },
-  "colors.content.zoltarinaPrimary.defult_inverse": {
-    "value": "var(--colors-content-zoltarina-primary-defult_inverse)",
-    "variable": "var(--colors-content-zoltarina-primary-defult_inverse)"
+  "colors.content.zoltarinaPrimary.default_inverse": {
+    "value": "var(--colors-content-zoltarina-primary-default_inverse)",
+    "variable": "var(--colors-content-zoltarina-primary-default_inverse)"
   },
   "colors.content.heydPrimary.default": {
     "value": "var(--colors-content-heyd-primary-default)",
     "variable": "var(--colors-content-heyd-primary-default)"
   },
-  "colors.content.heydPrimary.defult_inverse": {
-    "value": "var(--colors-content-heyd-primary-defult_inverse)",
-    "variable": "var(--colors-content-heyd-primary-defult_inverse)"
+  "colors.content.heydPrimary.default_inverse": {
+    "value": "var(--colors-content-heyd-primary-default_inverse)",
+    "variable": "var(--colors-content-heyd-primary-default_inverse)"
   },
   "colors.content.static.white.bold": {
     "value": "var(--colors-content-static-white-bold)",
@@ -1283,6 +1283,30 @@ const tokens = {
     "value": "var(--colors-content-heybee-primary-default_inverse)",
     "variable": "var(--colors-content-heybee-primary-default_inverse)"
   },
+  "colors.content.neutralInverse.bold": {
+    "value": "var(--colors-content-neutral-inverse-bold)",
+    "variable": "var(--colors-content-neutral-inverse-bold)"
+  },
+  "colors.content.neutralInverse.default": {
+    "value": "var(--colors-content-neutral-inverse-default)",
+    "variable": "var(--colors-content-neutral-inverse-default)"
+  },
+  "colors.content.neutralInverse.subtle": {
+    "value": "var(--colors-content-neutral-inverse-subtle)",
+    "variable": "var(--colors-content-neutral-inverse-subtle)"
+  },
+  "colors.content.neutralInverse.subtlest": {
+    "value": "var(--colors-content-neutral-inverse-subtlest)",
+    "variable": "var(--colors-content-neutral-inverse-subtlest)"
+  },
+  "colors.content.neutralInverse.disabled": {
+    "value": "var(--colors-content-neutral-inverse-disabled)",
+    "variable": "var(--colors-content-neutral-inverse-disabled)"
+  },
+  "colors.content.neutralInverse.default_inverse": {
+    "value": "var(--colors-content-neutral-inverse-default_inverse)",
+    "variable": "var(--colors-content-neutral-inverse-default_inverse)"
+  },
   "colors.background.neutral.default": {
     "value": "var(--colors-background-neutral-default)",
     "variable": "var(--colors-background-neutral-default)"
@@ -1415,6 +1439,18 @@ const tokens = {
     "value": "var(--colors-background-heybee-primary-selected)",
     "variable": "var(--colors-background-heybee-primary-selected)"
   },
+  "colors.background.neutralInverse.default": {
+    "value": "var(--colors-background-neutral-inverse-default)",
+    "variable": "var(--colors-background-neutral-inverse-default)"
+  },
+  "colors.background.neutralInverse.selected": {
+    "value": "var(--colors-background-neutral-inverse-selected)",
+    "variable": "var(--colors-background-neutral-inverse-selected)"
+  },
+  "colors.background.neutralInverse.disabled": {
+    "value": "var(--colors-background-neutral-inverse-disabled)",
+    "variable": "var(--colors-background-neutral-inverse-disabled)"
+  },
   "colors.surface.base": {
     "value": "var(--colors-surface-base)",
     "variable": "var(--colors-surface-base)"
@@ -1811,21 +1847,17 @@ const tokens = {
     "value": "var(--colors-color-palette-zoltarina-primary-default)",
     "variable": "var(--colors-color-palette-zoltarina-primary-default)"
   },
-  "colors.colorPalette.zoltarinaPrimary.defult_inverse": {
-    "value": "var(--colors-color-palette-zoltarina-primary-defult_inverse)",
-    "variable": "var(--colors-color-palette-zoltarina-primary-defult_inverse)"
-  },
-  "colors.colorPalette.defult_inverse": {
-    "value": "var(--colors-color-palette-defult_inverse)",
-    "variable": "var(--colors-color-palette-defult_inverse)"
+  "colors.colorPalette.zoltarinaPrimary.default_inverse": {
+    "value": "var(--colors-color-palette-zoltarina-primary-default_inverse)",
+    "variable": "var(--colors-color-palette-zoltarina-primary-default_inverse)"
   },
   "colors.colorPalette.heydPrimary.default": {
     "value": "var(--colors-color-palette-heyd-primary-default)",
     "variable": "var(--colors-color-palette-heyd-primary-default)"
   },
-  "colors.colorPalette.heydPrimary.defult_inverse": {
-    "value": "var(--colors-color-palette-heyd-primary-defult_inverse)",
-    "variable": "var(--colors-color-palette-heyd-primary-defult_inverse)"
+  "colors.colorPalette.heydPrimary.default_inverse": {
+    "value": "var(--colors-color-palette-heyd-primary-default_inverse)",
+    "variable": "var(--colors-color-palette-heyd-primary-default_inverse)"
   },
   "colors.colorPalette.static.white.bold": {
     "value": "var(--colors-color-palette-static-white-bold)",
@@ -1915,6 +1947,30 @@ const tokens = {
     "value": "var(--colors-color-palette-heybee-primary-default_inverse)",
     "variable": "var(--colors-color-palette-heybee-primary-default_inverse)"
   },
+  "colors.colorPalette.neutralInverse.bold": {
+    "value": "var(--colors-color-palette-neutral-inverse-bold)",
+    "variable": "var(--colors-color-palette-neutral-inverse-bold)"
+  },
+  "colors.colorPalette.neutralInverse.default": {
+    "value": "var(--colors-color-palette-neutral-inverse-default)",
+    "variable": "var(--colors-color-palette-neutral-inverse-default)"
+  },
+  "colors.colorPalette.neutralInverse.subtle": {
+    "value": "var(--colors-color-palette-neutral-inverse-subtle)",
+    "variable": "var(--colors-color-palette-neutral-inverse-subtle)"
+  },
+  "colors.colorPalette.neutralInverse.subtlest": {
+    "value": "var(--colors-color-palette-neutral-inverse-subtlest)",
+    "variable": "var(--colors-color-palette-neutral-inverse-subtlest)"
+  },
+  "colors.colorPalette.neutralInverse.disabled": {
+    "value": "var(--colors-color-palette-neutral-inverse-disabled)",
+    "variable": "var(--colors-color-palette-neutral-inverse-disabled)"
+  },
+  "colors.colorPalette.neutralInverse.default_inverse": {
+    "value": "var(--colors-color-palette-neutral-inverse-default_inverse)",
+    "variable": "var(--colors-color-palette-neutral-inverse-default_inverse)"
+  },
   "colors.colorPalette.neutral.selected": {
     "value": "var(--colors-color-palette-neutral-selected)",
     "variable": "var(--colors-color-palette-neutral-selected)"
@@ -2043,6 +2099,10 @@ const tokens = {
     "value": "var(--colors-color-palette-heybee-primary-selected)",
     "variable": "var(--colors-color-palette-heybee-primary-selected)"
   },
+  "colors.colorPalette.neutralInverse.selected": {
+    "value": "var(--colors-color-palette-neutral-inverse-selected)",
+    "variable": "var(--colors-color-palette-neutral-inverse-selected)"
+  },
   "colors.colorPalette.base": {
     "value": "var(--colors-color-palette-base)",
     "variable": "var(--colors-color-palette-base)"