@tight-embedded/react 6.8.1 → 6.9.1

package/dist/index.css

@@ -102,8 +102,9 @@
     --Tight-colors-red400: #F45C5C;
     --Tight-colors-red500: #E84747;
     --Tight-colors-red700: #E42525;
-    --Tight-colors-template-appBackground: var(--Tight-colors-white200);
-    --Tight-colors-template-appBackground-weak: hsl(from var(--Tight-colors-template-appBackground) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-background: var(--Tight-colors-white200);
+    --Tight-colors-template-background-weak: hsl(from var(--Tight-colors-surface-background) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-appBackground: var(--Tight-colors-surface-background);
     --Tight-colors-template-foreground: var(--Tight-colors-white100);
     --Tight-colors-template-foreground-weak: hsl(from var(--Tight-colors-template-foreground) h max(calc(s - 5), 0) min(calc(l + 12), 93));
     --Tight-colors-template-typography: var(--Tight-colors-black700);
@@ -152,23 +153,42 @@
     --Tight-colors-template-danger-strongest: hsl(from var(--Tight-colors-template-danger-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
     --Tight-lineHeights-template: normal;
     --Tight-letterSpacings-template: normal;
-    --Tight-fonts-base: Duplet Regular, sans-serif;
-    --Tight-fontSizes-sm: 12px;
-    --Tight-fontSizes-md: 14px;
-    --Tight-fontSizes-lg: 16px;
-    --Tight-fontSizes-xl: 20px;
-    --Tight-fontSizes-2xl: 24px;
-    --Tight-fontWeights-sm: 400;
-    --Tight-fontWeights-md: 600;
-    --Tight-fontWeights-lg: 900;
+    --Tight-fonts-template: Duplet Regular, sans-serif;
+    --Tight-fonts-base: var(--Tight-fonts-template);
+    --Tight-fontSizes-template: 16px;
+    --Tight-fontSizes-template-xs: calc(calc(var(--Tight-fontSizes-template)  - 2px)  - 2px);
+    --Tight-fontSizes-template-sm: calc(var(--Tight-fontSizes-template)  - 2px);
+    --Tight-fontSizes-template-lg: calc(var(--Tight-fontSizes-template)  + 4px);
+    --Tight-fontSizes-template-xl: calc(var(--Tight-fontSizes-template-lg)  + 4px);
+    --Tight-fontSizes-sm: var(--Tight-fontSizes-template-xs);
+    --Tight-fontSizes-md: var(--Tight-fontSizes-template-sm);
+    --Tight-fontSizes-lg: var(--Tight-fontSizes-template);
+    --Tight-fontSizes-xl: var(--Tight-fontSizes-template-lg);
+    --Tight-fontSizes-2xl: var(--Tight-fontSizes-template-xl);
+    --Tight-fontWeights-template-sm: 400;
+    --Tight-fontWeights-template-md: 600;
+    --Tight-fontWeights-template-lg: 900;
+    --Tight-fontWeights-sm: var(--Tight-fontWeights-template-sm);
+    --Tight-fontWeights-md: var(--Tight-fontWeights-template-md);
+    --Tight-fontWeights-lg: var(--Tight-fontWeights-template-lg);
     --Tight-radii-zero: 0;
-    --Tight-radii-sm: 1px;
-    --Tight-radii-md: 2px;
-    --Tight-radii-lg: 4px;
-    --Tight-borderWidths-sm: 0.5px;
-    --Tight-borderWidths-md: 1px;
-    --Tight-borderWidths-lg: 1px;
-    --Tight-borderWidths-xl: 2px;
+    --Tight-radii-full: 9999px;
+    --Tight-radii-template: 4px;
+    --Tight-radii-template-sm: var(--Tight-radii-template);
+    --Tight-radii-template-md: var(--Tight-radii-template);
+    --Tight-radii-template-lg: var(--Tight-radii-template);
+    --Tight-radii-sm: var(--Tight-radii-template-sm);
+    --Tight-radii-md: var(--Tight-radii-template-md);
+    --Tight-radii-lg: var(--Tight-radii-template-lg);
+    --Tight-borderWidths-template: 1px;
+    --Tight-borderWidths-template-sm: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-md: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-lg: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-xl: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-sm: var(--Tight-borderWidths-template-sm);
+    --Tight-borderWidths-md: var(--Tight-borderWidths-template-md);
+    --Tight-borderWidths-lg: var(--Tight-borderWidths-template-lg);
+    --Tight-borderWidths-xl: var(--Tight-borderWidths-template-xl);
     --Tight-animations-appear-instant: 0.25s linear fade-in;
     --Tight-animations-appear-delay: 0.25s linear both 1.5s fade-in;
     --Tight-animations-shimmer: 2s ease-in-out infinite shimmer;
@@ -226,8 +246,8 @@
     --Tight-colors-brand-danger: var(--Tight-colors-template-danger);
     --Tight-colors-brand-danger-strong: var(--Tight-colors-template-danger-strong);
     --Tight-colors-brand-danger-stronger: var(--Tight-colors-template-danger-stronger);
-    --Tight-colors-surface-background: var(--Tight-colors-white200);
-    --Tight-colors-surface-background-hover: var(--Tight-colors-white300);
+    --Tight-colors-surface-background: var(--Tight-colors-template-background);
+    --Tight-colors-surface-background-hover: var(--Tight-colors-template-background-weak);
     --Tight-colors-surface-foreground: var(--Tight-colors-template-foreground);
     --Tight-colors-surface-foreground-hover: var(--Tight-colors-template-foreground-weak);
     --Tight-colors-surface-foreground-disabled: var(--Tight-colors-white600);
@@ -467,6 +487,10 @@
 }
 
 @layer utilities {
+  .tsystem-all_unset {
+    all: unset;
+}
+
   .tsystem---thickness_1px {
     --thickness: 1px;
 }
@@ -595,24 +619,16 @@
     padding: 15px;
 }
 
-  .tsystem-p_0_25px {
-    padding: 0 25px;
-}
-
   .tsystem-bd_\{borderWidths\.lg\}_solid {
     border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .tsystem-bg_brand\.primary\.strong {
-    background: var(--Tight-colors-brand-primary-strong);
-}
-
-  .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
-    border: var(--Tight-borderWidths-lg) solid transparent;
+  .tsystem-p_0_25px {
+    padding: 0 25px;
 }
 
-  .tsystem-bd_2px_solid_red {
-    border: 2px solid red;
+  .tsystem-bg_brand\.primary\.strong {
+    background: var(--Tight-colors-brand-primary-strong);
 }
 
   .tsystem-p_16px_16px {
@@ -699,6 +715,14 @@
     padding: 15px;
 }
 
+  .tsystem-p_large {
+    padding: large;
+}
+
+  .tsystem-p_default {
+    padding: default;
+}
+
   .tsystem-p_36px_24px {
     padding: 36px 24px;
 }
@@ -803,10 +827,18 @@
     padding: 25px;
 }
 
+  .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
+    border: var(--Tight-borderWidths-lg) solid transparent;
+}
+
   .tsystem-bd_\{borderWidths\.md\}_dashed_\{colors\.border\.layout\} {
     border: var(--Tight-borderWidths-md) dashed var(--Tight-colors-border-layout);
 }
 
+  .tsystem-bd_2px_solid_red {
+    border: 2px solid red;
+}
+
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -815,14 +847,14 @@
     padding: 2px 6px;
 }
 
-  .tsystem-p_large {
-    padding: large;
-}
-
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
 
+  .tsystem-bd_left {
+    border: left;
+}
+
   .tsystem-bd_0\.75px_solid_\{colors\.border\.layout\} {
     border: 0.75px solid var(--Tight-colors-border-layout);
 }
@@ -843,10 +875,6 @@
     animation: var(--Tight-animations-spin);
 }
 
-  .tsystem-bd_left {
-    border: left;
-}
-
   .tsystem-p_12 {
     padding: 12px;
 }
@@ -1036,6 +1064,10 @@
     gap: 0;
 }
 
+  .tsystem-bd-c_border\.layout\.weak {
+    border-color: var(--Tight-colors-border-layout-weak);
+}
+
   .tsystem-trs_height_0\.5s\,_width_0\.5s {
     transition: height 0.5s, width 0.5s;
 }
@@ -1252,10 +1284,6 @@
     border-width: var(--Tight-borderWidths-sm);
 }
 
-  .tsystem-bd-c_border\.layout\.weak {
-    border-color: var(--Tight-colors-border-layout-weak);
-}
-
   .tsystem-bd-c_weak {
     border-color: weak;
 }
@@ -1526,6 +1554,10 @@
     border-block-end-width: var(--thickness);
 }
 
+  .tsystem-overlay_true {
+    overlay: true;
+}
+
   .tsystem-stk_currentColor {
     stroke: var(--Tight-colors-currentColor);
 }
@@ -1626,22 +1658,14 @@
     color: var(--Tight-colors-icon-contrast);
 }
 
-  .tsystem-bg-c_surface\.foreground\.disabled {
-    background-color: var(--Tight-colors-surface-foreground-disabled);
+  .tsystem-fill_surface\.intent\.action\.active {
+    fill: var(--Tight-colors-surface-intent-action-active);
 }
 
   .tsystem-cursor_text {
     cursor: text;
 }
 
-  .tsystem-bg-c_yellow {
-    background-color: yellow;
-}
-
-  .tsystem-fill_surface\.intent\.action\.active {
-    fill: var(--Tight-colors-surface-intent-action-active);
-}
-
   .tsystem-ai_stretch {
     align-items: stretch;
 }
@@ -1915,14 +1939,14 @@
     background-color: var(--Tight-colors-typography-base);
 }
 
-  .tsystem-pos_sticky {
-    position: sticky;
-}
-
   .tsystem-as_flex-start {
     align-self: flex-start;
 }
 
+  .tsystem-pos_sticky {
+    position: sticky;
+}
+
   .tsystem-bg-linear_to-t {
     --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
     --gradient-position: to top;
@@ -2205,6 +2229,14 @@
     grid-template-columns: repeat(7, 1fr);
 }
 
+  .tsystem-bg-c_surface\.foreground\.disabled {
+    background-color: var(--Tight-colors-surface-foreground-disabled);
+}
+
+  .tsystem-bg-c_yellow {
+    background-color: yellow;
+}
+
   .tsystem-vis_hidden {
     visibility: hidden;
 }
@@ -2346,20 +2378,16 @@
     color: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-overlay_true {
-    overlay: true;
-}
-
-  .tsystem-c_surface\.intent\.danger\.active {
-    color: var(--Tight-colors-surface-intent-danger-active);
+  .tsystem-cursor_auto {
+    cursor: auto;
 }
 
-  .tsystem-grid-tc_1fr_1fr {
-    grid-template-columns: 1fr 1fr;
+  .tsystem-cq-t_scroll-state {
+    container-type: scroll-state;
 }
 
-  .tsystem-cursor_auto {
-    cursor: auto;
+  .tsystem-cq-n_report-table-container {
+    container-name: report-table-container;
 }
 
   .tsystem-bd-cl_separate {
@@ -2374,12 +2402,12 @@
     z-index: 2;
 }
 
-  .tsystem-cq-t_scroll-state {
-    container-type: scroll-state;
+  .tsystem-c_surface\.intent\.danger\.active {
+    color: var(--Tight-colors-surface-intent-danger-active);
 }
 
-  .tsystem-cq-n_report-table-container {
-    container-name: report-table-container;
+  .tsystem-grid-tc_1fr_1fr {
+    grid-template-columns: 1fr 1fr;
 }
 
   .tsystem-c_var\(--Tight-colors-money-positive\) {
@@ -2654,6 +2682,22 @@
     overflow-x: hidden;
 }
 
+  .tsystem-max-w_420px {
+    max-width: 420px;
+}
+
+  .tsystem-min-w_280px {
+    min-width: 280px;
+}
+
+  .tsystem-ml_6px {
+    margin-left: 6px;
+}
+
+  .tsystem-mr_6px {
+    margin-right: 6px;
+}
+
   .tsystem-w_17px {
     width: 17px;
 }
@@ -2806,6 +2850,10 @@
     min-width: 325px;
 }
 
+  .tsystem-min-h_32px {
+    min-height: 32px;
+}
+
   .tsystem-w_44px {
     width: 44px;
 }
@@ -3045,8 +3093,8 @@
     width: 89px;
 }
 
-  .tsystem-w_200px {
-    width: 200px;
+  .tsystem-w_fit {
+    width: fit;
 }
 
   .tsystem-bd-l-w_md {
@@ -3201,6 +3249,10 @@
     margin-bottom: 10px;
 }
 
+  .tsystem-w_200px {
+    width: 200px;
+}
+
   .tsystem-h_52px {
     height: 52px;
 }
@@ -3237,6 +3289,14 @@
     width: full;
 }
 
+  .tsystem-w_fit-content\% {
+    width: fit-content%;
+}
+
+  .tsystem-min-w_100px {
+    min-width: 100px;
+}
+
   .tsystem-mb_30px {
     margin-bottom: 30px;
 }
@@ -3277,6 +3337,30 @@
     right: 16px;
 }
 
+  .tsystem-pl_0 {
+    padding-left: 0;
+}
+
+  .tsystem-pl_19px {
+    padding-left: 19px;
+}
+
+  .tsystem-pl_33px {
+    padding-left: 33px;
+}
+
+  .tsystem-pr_0 {
+    padding-right: 0;
+}
+
+  .tsystem-pr_19px {
+    padding-right: 19px;
+}
+
+  .tsystem-pr_33px {
+    padding-right: 33px;
+}
+
   .tsystem-max-h_44px {
     max-height: 44px;
 }
@@ -3313,6 +3397,58 @@
     width: 26px;
 }
 
+  .tsystem-bd-t-w_md {
+    border-top-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-border-top-style_solid {
+    border-top-style: solid;
+}
+
+  .tsystem-bd-t-w_4px {
+    border-top-width: 4px;
+}
+
+  .tsystem-border-top-style_double {
+    border-top-style: double;
+}
+
+  .tsystem-bd-t-c_border\.layout\.strong {
+    border-top-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bd-b-w_4px {
+    border-bottom-width: 4px;
+}
+
+  .tsystem-border-bottom-style_double {
+    border-bottom-style: double;
+}
+
+  .tsystem-bd-b-c_border\.layout\.strong {
+    border-bottom-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bd-b-w_md {
+    border-bottom-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-ov-x_auto {
+    overflow-x: auto;
+}
+
+  .tsystem-max-h_80dvh {
+    max-height: 80dvh;
+}
+
+  .tsystem-min-w_800px {
+    min-width: 800px;
+}
+
+  .tsystem-bd-b-c_border\.layout {
+    border-bottom-color: var(--Tight-colors-border-layout);
+}
+
   .tsystem-mt_22px {
     margin-top: 22px;
 }
@@ -3365,18 +3501,6 @@
     width: 70%;
 }
 
-  .tsystem-ml_6px {
-    margin-left: 6px;
-}
-
-  .tsystem-mr_6px {
-    margin-right: 6px;
-}
-
-  .tsystem-max-w_420px {
-    max-width: 420px;
-}
-
   .tsystem-w_151px {
     width: 151px;
 }
@@ -3389,30 +3513,6 @@
     max-width: fit-content;
 }
 
-  .tsystem-pl_0 {
-    padding-left: 0;
-}
-
-  .tsystem-pl_19px {
-    padding-left: 19px;
-}
-
-  .tsystem-pl_33px {
-    padding-left: 33px;
-}
-
-  .tsystem-pr_0 {
-    padding-right: 0;
-}
-
-  .tsystem-pr_19px {
-    padding-right: 19px;
-}
-
-  .tsystem-pr_33px {
-    padding-right: 33px;
-}
-
   .tsystem-min-w_24 {
     min-width: 24px;
 }
@@ -3449,58 +3549,6 @@
     bottom: 5px;
 }
 
-  .tsystem-bd-t-w_md {
-    border-top-width: var(--Tight-borderWidths-md);
-}
-
-  .tsystem-border-top-style_solid {
-    border-top-style: solid;
-}
-
-  .tsystem-bd-t-w_4px {
-    border-top-width: 4px;
-}
-
-  .tsystem-border-top-style_double {
-    border-top-style: double;
-}
-
-  .tsystem-bd-t-c_border\.layout\.strong {
-    border-top-color: var(--Tight-colors-border-layout-strong);
-}
-
-  .tsystem-bd-b-w_4px {
-    border-bottom-width: 4px;
-}
-
-  .tsystem-border-bottom-style_double {
-    border-bottom-style: double;
-}
-
-  .tsystem-bd-b-c_border\.layout\.strong {
-    border-bottom-color: var(--Tight-colors-border-layout-strong);
-}
-
-  .tsystem-bd-b-w_md {
-    border-bottom-width: var(--Tight-borderWidths-md);
-}
-
-  .tsystem-min-w_800px {
-    min-width: 800px;
-}
-
-  .tsystem-bd-b-c_border\.layout {
-    border-bottom-color: var(--Tight-colors-border-layout);
-}
-
-  .tsystem-ov-x_auto {
-    overflow-x: auto;
-}
-
-  .tsystem-max-h_80dvh {
-    max-height: 80dvh;
-}
-
   .tsystem-min-w_180px {
     min-width: 180px;
 }
@@ -3699,10 +3747,6 @@
     background-color: var(--Tight-colors-currentColor);
 }
 
-  .disabled\:tsystem-bg-c_surface\.foreground\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    background-color: var(--Tight-colors-surface-foreground-disabled);
-}
-
   .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -3773,6 +3817,10 @@
     cursor: default;
 }
 
+  .disabled\:tsystem-bg-c_surface\.foreground\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    background-color: var(--Tight-colors-surface-foreground-disabled);
+}
+
   .disabled\:tsystem-c_typography\.base\.weak:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -3813,10 +3861,6 @@
     background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
-  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
-}
-
   .odd\:tsystem-bg-c_surface\.reports\.alternateRows:nth-child(odd) {
     background-color: var(--Tight-colors-surface-reports-alternateRows);
 }
@@ -3825,6 +3869,10 @@
     background-color: var(--Tight-colors-surface-foreground);
 }
 
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
+}
+
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
     top: -11px;
 }
@@ -4076,6 +4124,26 @@
     outline-style: solid;
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring-c_brand\.action\.strong:focus-visible {
+    outline-color: var(--Tight-colors-brand-action-strong);
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring-w_borderWidths\.md:focus-visible {
+    outline-width: borderWidths.md;
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring-o_calc\(-1_\*_\{borderWidths\.md\}\):focus-visible {
+    outline-offset: calc(-1 * var(--Tight-borderWidths-md));
+}
+
+  .\[\&\:focus-visible\]\:tsystem-z_1:focus-visible {
+    z-index: 1;
+}
+
+  .\[\&\:focus-visible\]\:tsystem-bg-c_brand\.action\.weaker:focus-visible {
+    background-color: var(--Tight-colors-brand-action-weaker);
+}
+
   .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
     outline-offset: -1px;
 }
@@ -4196,20 +4264,12 @@
     border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
-    border-color: var(--Tight-colors-border-layout);
-}
-
   .notDisabled\:\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid:not(:disabled, [disabled], [data-disabled])[data-active='false']:has(:focus-visible) {
     outline: 4px solid;
 }
 
-  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
-    background-color: var(--Tight-colors-surface-foreground);
-}
-
-  .notDisabled\:\[\&\:focus-within\]\:tsystem-cursor_text:not(:disabled, [disabled], [data-disabled]):focus-within {
-    cursor: text;
+  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
+    border-color: var(--Tight-colors-border-layout);
 }
 
   .notDisabled\:\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:not(:disabled, [disabled], [data-disabled])[data-state='open'] {
@@ -4220,6 +4280,14 @@
     outline-color: var(--Tight-colors-border-layout);
 }
 
+  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+
+  .notDisabled\:\[\&\:focus-within\]\:tsystem-cursor_text:not(:disabled, [disabled], [data-disabled]):focus-within {
+    cursor: text;
+}
+
   .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover:focus-visible .Tight-sub-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover[data-state='open'] .Tight-sub-label {
     color: var(--Tight-colors-typography-intent-secondary-hover);
 }