@tight-embedded/react 6.0.0 → 6.0.3

package/dist/index.css

@@ -175,9 +175,9 @@
     --Tight-colors-surface-intent-action-hover: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-action-active: var(--Tight-colors-brand-action-strong);
     --Tight-colors-surface-intent-action-disabled: var(--Tight-colors-surface-foreground-disabled);
-    --Tight-colors-surface-intent-action-discrete: transparent;
-    --Tight-colors-surface-intent-action-discrete-hover: var(--Tight-colors-brand-action-weak);
-    --Tight-colors-surface-intent-action-discrete-active: var(--Tight-colors-brand-action);
+    --Tight-colors-surface-intent-action-discreet: transparent;
+    --Tight-colors-surface-intent-action-discreet-hover: var(--Tight-colors-brand-action-weak);
+    --Tight-colors-surface-intent-action-discreet-active: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-success: var(--Tight-colors-brand-success-weak);
     --Tight-colors-surface-intent-success-hover: var(--Tight-colors-brand-success);
     --Tight-colors-surface-intent-success-active: var(--Tight-colors-brand-success-strong);
@@ -283,9 +283,11 @@
     --Tight-colors-border-intent-action-disabled: var(--Tight-colors-border-layout);
     --Tight-colors-money: var(--Tight-colors-typography-base);
     --Tight-colors-money-positive: var(--Tight-colors-green700);
-    --Tight-colors-money-positive-weak: var(--Tight-colors-green500);
+    --Tight-colors-money-positive-weak: var(--Tight-colors-green200);
+    --Tight-colors-money-positive-strong: var(--Tight-colors-green700);
     --Tight-colors-money-negative: var(--Tight-colors-red700);
-    --Tight-colors-money-negative-weak: var(--Tight-colors-red300);
+    --Tight-colors-money-negative-weak: var(--Tight-colors-red200);
+    --Tight-colors-money-negative-strong: var(--Tight-colors-red700);
     --Tight-colors-overlay: rgba(0, 0, 0, 0.5);
     --Tight-colors-transparent: transparent;
     --Tight-colors-none: none;
@@ -554,6 +556,10 @@
     padding: 0 25px;
 }
 
+  .tsystem-bd_\{borderWidths\.lg\}_solid {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+
   .tsystem-bg_surface\.foreground {
     background: var(--Tight-colors-surface-foreground);
 }
@@ -622,8 +628,12 @@
     padding: 10px;
 }
 
-  .tsystem-bd-y_\{borderWidths\.md\}_solid {
-    border-block: var(--Tight-borderWidths-md) solid;
+  .tsystem-p_16px_12px_16px_16px {
+    padding: 16px 12px 16px 16px;
+}
+
+  .tsystem-p_16px_16px_16px_24px {
+    padding: 16px 16px 16px 24px;
 }
 
   .tsystem-p_20px {
@@ -634,10 +644,6 @@
     padding: none;
 }
 
-  .tsystem-p_20px_16px_8px_16px {
-    padding: 20px 16px 8px 16px;
-}
-
   .tsystem-bg_foreground {
     background: foreground;
 }
@@ -646,10 +652,6 @@
     padding: 10px 8px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-
   .tsystem-bg_surface\.intent\.danger\.opaque {
     background: var(--Tight-colors-surface-intent-danger-opaque);
 }
@@ -666,6 +668,10 @@
     padding: 4px 8px;
 }
 
+  .tsystem-p_10px_12px_10px_15px {
+    padding: 10px 12px 10px 15px;
+}
+
   .tsystem-p_20px_16px {
     padding: 20px 16px;
 }
@@ -694,8 +700,12 @@
     border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_18px {
-    padding: 18px;
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-p_26px {
+    padding: 26px;
 }
 
   .tsystem-p_15px_15px_0_15px {
@@ -947,6 +957,10 @@
     gap: 4px;
 }
 
+  .tsystem-bdr_9999 {
+    border-radius: 9999px;
+}
+
   .tsystem-gap_5 {
     gap: 5px;
 }
@@ -963,8 +977,8 @@
     flex: 1 1 0;
 }
 
-  .tsystem-ov_auto {
-    overflow: auto;
+  .tsystem-ovs-b_contain {
+    overscroll-behavior: contain;
 }
 
   .tsystem-gap_2px {
@@ -987,10 +1001,6 @@
     border-radius: var(--Tight-radii-zero);
 }
 
-  .tsystem-py_10px {
-    padding-block: 10px;
-}
-
   .tsystem-gap_0 {
     gap: 0;
 }
@@ -1019,10 +1029,6 @@
     gap: 9px;
 }
 
-  .tsystem-bd-c_border\.layout\.weak {
-    border-color: var(--Tight-colors-border-layout-weak);
-}
-
   .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
     border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
@@ -1039,8 +1045,12 @@
     border-right: none;
 }
 
-  .tsystem-px_16px {
-    padding-inline: 16px;
+  .tsystem-gap_14px {
+    gap: 14px;
+}
+
+  .tsystem-px_16px_12px {
+    padding-inline: 16px 12px;
 }
 
   .tsystem-bd-t_1px_solid {
@@ -1055,6 +1065,10 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
+  .tsystem-px_16px {
+    padding-inline: 16px;
+}
+
   .tsystem-bd-w_1px {
     border-width: 1px;
 }
@@ -1087,6 +1101,10 @@
     gap: 10px;
 }
 
+  .tsystem-bd-b_none {
+    border-bottom: none;
+}
+
   .tsystem-bdr_9999px {
     border-radius: 9999px;
 }
@@ -1139,6 +1157,10 @@
     text-emphasis: none;
 }
 
+  .tsystem-ov_auto {
+    overflow: auto;
+}
+
   .tsystem-gap_30px {
     gap: 30px;
 }
@@ -1159,6 +1181,18 @@
     gap: 6px;
 }
 
+  .tsystem-bd-l_4px_solid_transparent {
+    border-left: 4px solid transparent;
+}
+
+  .tsystem-bd-l_4px_solid {
+    border-left: 4px solid;
+}
+
+  .tsystem-bd-c_surface\.intent\.action\.active {
+    border-color: var(--Tight-colors-surface-intent-action-active);
+}
+
   .tsystem-d_inline-flex {
     display: inline-flex;
 }
@@ -1183,8 +1217,8 @@
     color: var(--Tight-colors-typography-intent-secondary);
 }
 
-  .tsystem-bg-c_surface\.intent\.action\.discrete {
-    background-color: var(--Tight-colors-surface-intent-action-discrete);
+  .tsystem-bg-c_surface\.intent\.action\.discreet {
+    background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
   .tsystem-fs_md {
@@ -1227,6 +1261,18 @@
     color: var(--Tight-colors-typography-contrast);
 }
 
+  .tsystem-flex-d_row {
+    flex-direction: row;
+}
+
+  .tsystem-jc_space-between {
+    justify-content: space-between;
+}
+
+  .tsystem-bg-c_surface\.foreground {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+
   .tsystem-tov_ellipsis {
     text-overflow: ellipsis;
 }
@@ -1263,10 +1309,6 @@
     text-align: right;
 }
 
-  .tsystem-bg-c_surface\.foreground {
-    background-color: var(--Tight-colors-surface-foreground);
-}
-
   .tsystem-ai_flex-start {
     align-items: flex-start;
 }
@@ -1275,10 +1317,6 @@
     align-items: flex-end;
 }
 
-  .tsystem-flex-d_row {
-    flex-direction: row;
-}
-
   .tsystem-ta_left {
     text-align: left;
 }
@@ -1291,6 +1329,14 @@
     display: none;
 }
 
+  .tsystem-bg-c_money\.positive\.weak {
+    background-color: var(--Tight-colors-money-positive-weak);
+}
+
+  .tsystem-bg-c_money\.negative\.weak {
+    background-color: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-bg-c_surface\.intent\.secondary {
     background-color: var(--Tight-colors-surface-intent-secondary);
 }
@@ -1307,10 +1353,6 @@
     position: static;
 }
 
-  .tsystem-jc_space-between {
-    justify-content: space-between;
-}
-
   .tsystem-flex-sh_1 {
     flex-shrink: 1;
 }
@@ -1375,6 +1417,10 @@
     justify-content: end;
 }
 
+  .tsystem-bg-c_typography\.base {
+    background-color: var(--Tight-colors-typography-base);
+}
+
   .tsystem-bg-c_border\.layout {
     background-color: var(--Tight-colors-border-layout);
 }
@@ -1479,14 +1525,14 @@
     stroke: var(--Tight-colors-icon-intent-action-active);
 }
 
-  .tsystem-fill_transparent {
-    fill: var(--Tight-colors-transparent);
-}
-
   .tsystem-obj-f_contain {
     object-fit: contain;
 }
 
+  .tsystem-fill_transparent {
+    fill: var(--Tight-colors-transparent);
+}
+
   .tsystem-c_typography\.intent\.action {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -1613,6 +1659,14 @@
     flex-wrap: wrap;
 }
 
+  .tsystem-rg_10px {
+    row-gap: 10px;
+}
+
+  .tsystem-cg_max\(10px\,_calc\(50\%_-_600px\)\) {
+    column-gap: max(10px, calc(50% - 600px));
+}
+
   .tsystem-c_icon\.intent\.primary {
     color: var(--Tight-colors-icon-intent-primary);
 }
@@ -1633,6 +1687,10 @@
     font-weight: var(--Tight-fontWeights-label);
 }
 
+  .tsystem-c_typography\.base\.weak {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
   .tsystem-c_typography\.label {
     color: var(--Tight-colors-typography-label);
 }
@@ -1673,10 +1731,6 @@
     -webkit-box-orient: vertical;
 }
 
-  .tsystem-c_typography\.base\.weak {
-    color: var(--Tight-colors-typography-base-weak);
-}
-
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
@@ -1725,10 +1779,6 @@
     font-weight: var(--Tight-fontWeights-heading);
 }
 
-  .tsystem-fs_heading {
-    font-size: var(--Tight-fontSizes-heading);
-}
-
   .tsystem-ff_heading {
     font-family: var(--Tight-fonts-heading);
 }
@@ -1810,14 +1860,14 @@
     user-select: none;
 }
 
-  .tsystem-c_brand\.danger {
-    color: var(--Tight-colors-brand-danger);
-}
-
   .tsystem-c_brand\.primary\.weak {
     color: var(--Tight-colors-brand-primary-weak);
 }
 
+  .tsystem-c_brand\.danger {
+    color: var(--Tight-colors-brand-danger);
+}
+
   .tsystem-d_block {
     display: block;
 }
@@ -1879,10 +1929,6 @@
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-ai_flexStart {
-    align-items: flexStart;
-}
-
   .tsystem-stk_icon\.base {
     stroke: var(--Tight-colors-icon-base);
 }
@@ -1986,14 +2032,14 @@
     stroke: var(--Tight-colors-border-layout);
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
-    fill: var(--Tight-colors-money-negative-weak);
-}
-
   .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
     fill: var(--Tight-colors-money-positive-weak);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
+    fill: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-c_var\(--Tight-colors-money-positive-weak\) {
     color: var(--Tight-colors-money-positive-weak);
 }
@@ -2010,12 +2056,12 @@
     color: var(--Tight-colors-money-negative);
 }
 
-  .tsystem-bg-c_money\.positive\.weak {
-    background-color: var(--Tight-colors-money-positive-weak);
+  .tsystem-c_positive {
+    color: positive;
 }
 
-  .tsystem-bg-c_money\.negative\.weak {
-    background-color: var(--Tight-colors-money-negative-weak);
+  .tsystem-c_negative {
+    color: negative;
 }
 
   .tsystem-va_top {
@@ -2026,12 +2072,12 @@
     stroke-dasharray: 0;
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-positive\) {
-    fill: var(--Tight-colors-money-positive);
+  .tsystem-fill_var\(--Tight-colors-money-positive-strong\) {
+    fill: var(--Tight-colors-money-positive-strong);
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-negative\) {
-    fill: var(--Tight-colors-money-negative);
+  .tsystem-fill_var\(--Tight-colors-money-negative-strong\) {
+    fill: var(--Tight-colors-money-negative-strong);
 }
 
   .tsystem-fill_var\(--Tight-colors-border-layout\) {
@@ -2058,12 +2104,12 @@
     stroke-width: 1;
 }
 
-  .tsystem-bg-c_\#F003 {
-    background-color: #F003;
+  .tsystem-bar1_positive {
+    bar1: positive;
 }
 
-  .tsystem-bg-c_\#00F3 {
-    background-color: #00F3;
+  .tsystem-bar2_negative {
+    bar2: negative;
 }
 
   .tsystem-z_100 {
@@ -2074,8 +2120,12 @@
     white-space: wrap;
 }
 
-  .tsystem-bg-c_surface\.intent\.action\.discrete\.active {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .tsystem-ff_Duplet_Regular\,_sans-serif {
+    font-family: Duplet Regular, sans-serif;
+}
+
+  .tsystem-bg-c_surface\.intent\.action\.discreet\.hover {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .tsystem-max-w_100\% {
@@ -2086,6 +2136,14 @@
     width: fit-content;
 }
 
+  .tsystem-h_55px {
+    height: 55px;
+}
+
+  .tsystem-min-h_55px {
+    min-height: 55px;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -2262,6 +2320,22 @@
     padding-bottom: 16px;
 }
 
+  .tsystem-max-h_8 {
+    max-height: 8px;
+}
+
+  .tsystem-min-h_8 {
+    min-height: 8px;
+}
+
+  .tsystem-max-w_8 {
+    max-width: 8px;
+}
+
+  .tsystem-min-w_8 {
+    min-width: 8px;
+}
+
   .tsystem-pl_16 {
     padding-left: 16px;
 }
@@ -2354,24 +2428,8 @@
     min-width: 128px;
 }
 
-  .tsystem-w_0 {
-    width: 0;
-}
-
-  .tsystem-h_0 {
-    height: 0;
-}
-
-  .tsystem-max-w_0 {
-    max-width: 0;
-}
-
-  .tsystem-w_100dvw {
-    width: 100dvw;
-}
-
-  .tsystem-max-h_100dvh {
-    max-height: 100dvh;
+  .tsystem-min-h_100\% {
+    min-height: 100%;
 }
 
   .tsystem-min-h_36px {
@@ -2478,8 +2536,8 @@
     height: 60px;
 }
 
-  .tsystem-mt_10px {
-    margin-top: 10px;
+  .tsystem-mt_16px {
+    margin-top: 16px;
 }
 
   .tsystem-max-w_1440px {
@@ -2638,16 +2696,28 @@
     width: 26px;
 }
 
-  .tsystem-mt_16px {
-    margin-top: 16px;
+  .tsystem-max-w_1150px {
+    max-width: 1150px;
+}
+
+  .tsystem-mb_42px {
+    margin-bottom: 42px;
 }
 
   .tsystem-max-w_1440 {
     max-width: 1440px;
 }
 
-  .tsystem-h_80 {
-    height: 80px;
+  .tsystem-pt_8px {
+    padding-top: 8px;
+}
+
+  .tsystem-pt_0 {
+    padding-top: 0;
+}
+
+  .tsystem-h_35px {
+    height: 35px;
 }
 
   .tsystem-pl_15px {
@@ -2734,14 +2804,6 @@
     width: 75px;
 }
 
-  .tsystem-h_55px {
-    height: 55px;
-}
-
-  .tsystem-min-h_55px {
-    min-height: 55px;
-}
-
   .tsystem-max-w_1 {
     max-width: 1px;
 }
@@ -2822,12 +2884,12 @@
     padding-left: 25px;
 }
 
-  .tsystem-w_300px {
-    width: 300px;
+  .tsystem-pr_20px {
+    padding-right: 20px;
 }
 
-  .tsystem-min-h_100\% {
-    min-height: 100%;
+  .tsystem-w_300px {
+    width: 300px;
 }
 
   .tsystem-top_20 {
@@ -2966,12 +3028,12 @@
     margin-left: auto;
 }
 
-  .tsystem-w_150 {
-    width: 150px;
+  .tsystem-min-w_175px {
+    min-width: 175px;
 }
 
-  .tsystem-min-w_150 {
-    min-width: 150px;
+  .tsystem-max-w_175px {
+    max-width: 175px;
 }
 
   .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-haserror='true'] {
@@ -3160,8 +3222,8 @@
     background-color: var(--Tight-colors-currentColor);
 }
 
-  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-state='open'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
@@ -3184,8 +3246,8 @@
     cursor: default;
 }
 
-  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-selected='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-selected='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-content_\'\'[data-today='true']::after {
@@ -3208,12 +3270,12 @@
     box-shadow: none;
 }
 
-  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-focused='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-focused='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
-  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&_path\]\:tsystem-stk_surface\.foreground path {
@@ -3288,6 +3350,26 @@
     bottom: -10px;
 }
 
+  .first\:tsystem-bdr-tl_sm:first-child {
+    border-top-left-radius: var(--Tight-radii-sm);
+}
+
+  .first\:tsystem-bdr-bl_sm:first-child {
+    border-bottom-left-radius: var(--Tight-radii-sm);
+}
+
+  .last\:tsystem-bdr-tr_sm:last-child {
+    border-top-right-radius: var(--Tight-radii-sm);
+}
+
+  .last\:tsystem-bdr-br_sm:last-child {
+    border-bottom-right-radius: var(--Tight-radii-sm);
+}
+
+  .\[\&_\>_\*_\+_\*\]\:tsystem-ml_-1px > * + * {
+    margin-left: -1px;
+}
+
   .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-bottom_3px[data-today='true']::after {
     bottom: 3px;
 }
@@ -3479,8 +3561,8 @@
     outline-offset: 2px;
 }
 
-  .focus\:tsystem-z_1:is(:focus, [data-focus]) {
-    z-index: 1;
+  .focus\:tsystem-z_2:is(:focus, [data-focus]) {
+    z-index: 2;
 }
 
   .\[\&\:focus\]\:tsystem-cursor_text:focus {
@@ -3523,8 +3605,12 @@
     background-color: var(--Tight-colors-brand-action-opaque);
 }
 
-  .hover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:is(:hover, [data-hover]) {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .hover\:tsystem-z_1:is(:hover, [data-hover]) {
+    z-index: 1;
+}
+
+  .hover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:is(:hover, [data-hover]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
@@ -3551,8 +3637,8 @@
     border-color: var(--Tight-colors-border-intent-warning-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true']:enabled {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active[data-active='true']:enabled {
@@ -3563,8 +3649,8 @@
     fill: var(--Tight-colors-icon-intent-action-active);
 }
 
-  .active\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:is(:active, [data-active]) {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .active\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:is(:active, [data-active]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active[data-active='true']:enabled {
@@ -3708,8 +3794,8 @@
       place-self: flex-end;
 }
 
-    .sm\:tsystem-bg-c_surface\.intent\.action\.discrete {
-      background-color: var(--Tight-colors-surface-intent-action-discrete);
+    .sm\:tsystem-bg-c_surface\.intent\.action\.discreet {
+      background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
     .sm\:tsystem-fs_label\.strong {
@@ -3776,6 +3862,10 @@
       text-align: start;
 }
 
+    .sm\:tsystem-flex-d_row {
+      flex-direction: row;
+}
+
     .sm\:tsystem-min-w_600px {
       min-width: 600px;
 }
@@ -3812,30 +3902,6 @@
       max-width: 512px;
 }
 
-    .sm\:tsystem-w_100dvw {
-      width: 100dvw;
-}
-
-    .sm\:tsystem-h_100dvh {
-      height: 100dvh;
-}
-
-    .sm\:tsystem-min-w_100dvw {
-      min-width: 100dvw;
-}
-
-    .sm\:tsystem-min-h_100dvh {
-      min-height: 100dvh;
-}
-
-    .sm\:tsystem-max-h_100dvh {
-      max-height: 100dvh;
-}
-
-    .sm\:tsystem-max-w_100dvw {
-      max-width: 100dvw;
-}
-
     .sm\:tsystem-max-w_300 {
       max-width: 300px;
 }
@@ -3863,6 +3929,10 @@
     .sm\:tsystem-max-w_392px {
       max-width: 392px;
 }
+
+    .sm\:tsystem-max-w_fit-content {
+      max-width: fit-content;
+}
 }
 
   @media screen and (min-width: 40rem) {
@@ -3873,8 +3943,8 @@
 
   @media screen and (min-width: 40rem) {
     @media (hover: hover) and (pointer: fine) {
-      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-        background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+        background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 }
@@ -3918,8 +3988,8 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_10px {
-      padding: 10px;
+    .xl\:tsystem-p_16px {
+      padding: 16px;
 }
 
     .xl\:tsystem-p_0_10px {
@@ -3958,6 +4028,14 @@
       border-radius: borderWidths.sm;
 }
 
+    .xl\:tsystem-ovs-b_none {
+      overscroll-behavior: none;
+}
+
+    .xl\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
     .xl\:tsystem-gap_12px {
       gap: 12px;
 }
@@ -4002,6 +4080,10 @@
       align-self: stretch;
 }
 
+    .xl\:tsystem-bg-c_overlay {
+      background-color: var(--Tight-colors-overlay);
+}
+
     .xl\:tsystem-lh_16px {
       line-height: 16px;
 }
@@ -4026,10 +4108,6 @@
       font-size: var(--Tight-fontSizes-md);
 }
 
-    .xl\:tsystem-fw_lg {
-      font-weight: var(--Tight-fontWeights-lg);
-}
-
     .xl\:tsystem-fs_body {
       font-size: var(--Tight-fontSizes-body);
 }
@@ -4046,6 +4124,10 @@
       font-size: var(--Tight-fontSizes-label-strongSub);
 }
 
+    .xl\:tsystem-fs_heading {
+      font-size: var(--Tight-fontSizes-heading);
+}
+
     .xl\:tsystem-flex-d_column {
       flex-direction: column;
 }
@@ -4113,6 +4195,14 @@
     .xl\:tsystem-h_60px {
       height: 60px;
 }
+
+    .xl\:tsystem-pt_8px {
+      padding-top: 8px;
+}
+
+    .xl\:tsystem-min-w_900px {
+      min-width: 900px;
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4320,14 +4410,14 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:enabled:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:enabled:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4380,8 +4470,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-state='closed'][data-disablehover='false']:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-state='closed'][data-disablehover='false']:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4398,8 +4488,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4500,8 +4590,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }