@tight-embedded/react 1.3.1 → 6.0.0

package/dist/index.css

@@ -74,24 +74,28 @@
     --Tight-colors-black400: #6F7576;
     --Tight-colors-black600: #50595C;
     --Tight-colors-black700: #182428;
+    --Tight-colors-blue200: #EDFAFC;
     --Tight-colors-blue300: #DAF4FA;
     --Tight-colors-blue400: #CAECF3;
     --Tight-colors-blue500: #94D8E8;
     --Tight-colors-blue700: #2AB2D1;
     --Tight-colors-blue900: #177F96;
+    --Tight-colors-green200: #DBF9EA;
     --Tight-colors-green300: #B8F3D5;
     --Tight-colors-green400: #94E8BD;
     --Tight-colors-green500: #5FDD9C;
     --Tight-colors-green700: #009C75;
+    --Tight-colors-yellow200: #FFF3C3;
     --Tight-colors-yellow300: #FFE787;
     --Tight-colors-yellow400: #FCD34D;
     --Tight-colors-yellow500: #FBBF24;
+    --Tight-colors-red200: #FFCBCB;
     --Tight-colors-red300: #FF9797;
     --Tight-colors-red400: #F45C5C;
     --Tight-colors-red500: #E84747;
     --Tight-colors-red700: #E42525;
     --Tight-fonts-base: Duplet Regular, sans-serif;
-    --Tight-fontSizes-sm: 11px;
+    --Tight-fontSizes-sm: 12px;
     --Tight-fontSizes-md: 14px;
     --Tight-fontSizes-lg: 16px;
     --Tight-fontSizes-xl: 20px;
@@ -111,11 +115,11 @@
     --Tight-animations-appear-delay: 0.25s linear both 1.5s fade-in;
     --Tight-animations-shimmer: 2s ease-in-out infinite shimmer;
     --Tight-animations-spin: 1.5s ease-in-out 0.1s spin infinite;
-    --Tight-animations-slideIn-right: 0.3s ease-out both slide-in-right;
-    --Tight-animations-slideIn-up: 0.3s ease-out both slide-in-up;
-    --Tight-animations-slideOut-right: 0.3s ease-in both slide-out-right;
-    --Tight-animations-slideOut-down: 0.3s ease-in both slide-out-down;
-    --Tight-shadows-box-shadow: 0px 10px 30px 0px rgba(24, 36, 40, 0.10);
+    --Tight-animations-slideIn-right: 300ms ease-out both slide-in-right;
+    --Tight-animations-slideIn-up: 300ms ease-out both slide-in-up;
+    --Tight-animations-slideOut-right: 300ms ease-in both slide-out-right;
+    --Tight-animations-slideOut-down: 300ms ease-in both slide-out-down;
+    --Tight-shadows-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05), 0px 4px 12px 0px rgba(0, 0, 0, 0.15) ;
     --Tight-breakpoints-sm: 640px;
     --Tight-breakpoints-md: 850px;
     --Tight-breakpoints-lg: 1024px;
@@ -134,17 +138,21 @@
     --Tight-colors-brand-secondary-weak: var(--Tight-colors-white200);
     --Tight-colors-brand-secondary: var(--Tight-colors-white600);
     --Tight-colors-brand-secondary-strong: var(--Tight-colors-black100);
+    --Tight-colors-brand-action-opaque: var(--Tight-colors-blue200);
     --Tight-colors-brand-action-weak: var(--Tight-colors-blue300);
     --Tight-colors-brand-action: var(--Tight-colors-blue400);
     --Tight-colors-brand-action-strong: var(--Tight-colors-blue500);
     --Tight-colors-brand-action-stronger: var(--Tight-colors-blue700);
     --Tight-colors-brand-action-strongest: var(--Tight-colors-blue900);
+    --Tight-colors-brand-success-opaque: var(--Tight-colors-green200);
     --Tight-colors-brand-success-weak: var(--Tight-colors-green300);
     --Tight-colors-brand-success: var(--Tight-colors-green400);
     --Tight-colors-brand-success-strong: var(--Tight-colors-green500);
+    --Tight-colors-brand-warning-opaque: var(--Tight-colors-yellow200);
     --Tight-colors-brand-warning-weak: var(--Tight-colors-yellow300);
     --Tight-colors-brand-warning: var(--Tight-colors-yellow400);
     --Tight-colors-brand-warning-strong: var(--Tight-colors-yellow500);
+    --Tight-colors-brand-danger-opaque: var(--Tight-colors-red200);
     --Tight-colors-brand-danger-weak: var(--Tight-colors-red300);
     --Tight-colors-brand-danger: var(--Tight-colors-red400);
     --Tight-colors-brand-danger-strong: var(--Tight-colors-red500);
@@ -182,6 +190,8 @@
     --Tight-colors-surface-intent-danger-hover: var(--Tight-colors-brand-danger);
     --Tight-colors-surface-intent-danger-active: var(--Tight-colors-brand-danger-strong);
     --Tight-colors-surface-intent-danger-disabled: var(--Tight-colors-surface-foreground-disabled);
+    --Tight-colors-surface-intent-danger-weak: var(--Tight-colors-brand-danger-weak);
+    --Tight-colors-surface-intent-danger-opaque: var(--Tight-colors-brand-danger-opaque);
     --Tight-colors-typography-base: var(--Tight-colors-black700);
     --Tight-colors-typography-base-weak: var(--Tight-colors-black400);
     --Tight-colors-typography-contrast: var(--Tight-colors-white100);
@@ -207,7 +217,7 @@
     --Tight-colors-typography-accent-success: var(--Tight-colors-brand-success-strong);
     --Tight-colors-typography-accent-warning: var(--Tight-colors-brand-warning-strong);
     --Tight-colors-typography-accent-danger: var(--Tight-colors-brand-danger-strong);
-    --Tight-colors-typography-accent-action: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-typography-accent-action: var(--Tight-colors-brand-action-strongest);
     --Tight-colors-typography-body: var(--Tight-colors-typography-base);
     --Tight-colors-typography-label: var(--Tight-colors-typography-base);
     --Tight-colors-typography-label-sub: var(--Tight-colors-typography-base-weak);
@@ -388,6 +398,42 @@
     border: var(--Tight-borderWidths-md) solid;
 }
 
+  .tsystem-bg_surface\.background {
+    background: var(--Tight-colors-surface-background);
+}
+
+  .tsystem-p_2\.5px {
+    padding: 2.5px;
+}
+
+  .tsystem-p_4px_5px {
+    padding: 4px 5px;
+}
+
+  .tsystem-bg_surface\.intent\.secondary {
+    background: var(--Tight-colors-surface-intent-secondary);
+}
+
+  .tsystem-bd_\{borderWidths\.sm\}_solid {
+    border: var(--Tight-borderWidths-sm) solid;
+}
+
+  .tsystem-bg_surface\.intent\.action {
+    background: var(--Tight-colors-surface-intent-action);
+}
+
+  .tsystem-bg_surface\.intent\.success {
+    background: var(--Tight-colors-surface-intent-success);
+}
+
+  .tsystem-bg_surface\.intent\.warning {
+    background: var(--Tight-colors-surface-intent-warning);
+}
+
+  .tsystem-bg_surface\.intent\.danger {
+    background: var(--Tight-colors-surface-intent-danger);
+}
+
   .tsystem-p_10px {
     padding: 10px;
 }
@@ -400,28 +446,40 @@
     border: var(--Tight-borderWidths-md) solid transparent;
 }
 
-  .tsystem-p_5px {
-    padding: 5px;
+  .tsystem-p_16px_12px {
+    padding: 16px 12px;
 }
 
-  .tsystem-p_15px {
-    padding: 15px;
+  .tsystem-bd_0\.75px {
+    border: 0.75px;
+}
+
+  .tsystem-p_5px {
+    padding: 5px;
 }
 
   .tsystem-p_12px_16px {
     padding: 12px 16px;
 }
 
+  .tsystem-p_16px {
+    padding: 16px;
+}
+
   .tsystem-bd_1px_solid {
     border: 1px solid;
 }
 
+  .tsystem-bg_surface\.background\.hover {
+    background: var(--Tight-colors-surface-background-hover);
+}
+
   .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\.weak\} {
     border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_0_15px_15px {
-    padding: 0 15px 15px;
+  .tsystem-p_12px_15px {
+    padding: 12px 15px;
 }
 
   .tsystem-p_15 {
@@ -432,6 +490,10 @@
     border: none;
 }
 
+  .tsystem-p_0 {
+    padding: 0;
+}
+
   .tsystem-p_md {
     padding: md;
 }
@@ -440,10 +502,6 @@
     inset: 0;
 }
 
-  .tsystem-bg_surface\.background {
-    background: var(--Tight-colors-surface-background);
-}
-
   .tsystem-m_32px {
     margin: 32px;
 }
@@ -452,52 +510,36 @@
     margin: 0;
 }
 
-  .tsystem-p_0 {
-    padding: 0;
-}
-
   .tsystem-p_8px {
     padding: 8px;
 }
 
-  .tsystem-p_16px {
-    padding: 16px;
-}
-
   .tsystem-p_24px {
     padding: 24px;
 }
 
-  .tsystem-m_0_0_7px_0 {
-    margin: 0 0 7px 0;
-}
-
-  .tsystem-p_4px_5px {
-    padding: 4px 5px;
-}
-
-  .tsystem-bg_surface\.intent\.secondary {
-    background: var(--Tight-colors-surface-intent-secondary);
+  .tsystem-anim_slideIn\.right {
+    animation: var(--Tight-animations-slideIn-right);
 }
 
-  .tsystem-bd_\{borderWidths\.sm\}_solid {
-    border: var(--Tight-borderWidths-sm) solid;
+  .tsystem-anim_slideIn\.up {
+    animation: var(--Tight-animations-slideIn-up);
 }
 
-  .tsystem-bg_surface\.intent\.action {
-    background: var(--Tight-colors-surface-intent-action);
+  .tsystem-anim_slideOut\.right {
+    animation: var(--Tight-animations-slideOut-right);
 }
 
-  .tsystem-bg_surface\.intent\.success {
-    background: var(--Tight-colors-surface-intent-success);
+  .tsystem-anim_slideOut\.down {
+    animation: var(--Tight-animations-slideOut-down);
 }
 
-  .tsystem-bg_surface\.intent\.warning {
-    background: var(--Tight-colors-surface-intent-warning);
+  .tsystem-p_15px {
+    padding: 15px;
 }
 
-  .tsystem-bg_surface\.intent\.danger {
-    background: var(--Tight-colors-surface-intent-danger);
+  .tsystem-m_0_0_7px_0 {
+    margin: 0 0 7px 0;
 }
 
   .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
@@ -512,10 +554,6 @@
     padding: 0 25px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-
   .tsystem-bg_surface\.foreground {
     background: var(--Tight-colors-surface-foreground);
 }
@@ -532,6 +570,14 @@
     border: 2px solid red;
 }
 
+  .tsystem-m_0_8px {
+    margin: 0 8px;
+}
+
+  .tsystem-anim_linear_1s_spin_infinite {
+    animation: linear 1s spin infinite;
+}
+
   .tsystem-anim_shimmer {
     animation: var(--Tight-animations-shimmer);
 }
@@ -548,10 +594,6 @@
     padding: 12px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\.strong\} {
-    border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-strong);
-}
-
   .tsystem-bg_surface\.intent\.action\.disabled {
     background: var(--Tight-colors-surface-intent-action-disabled);
 }
@@ -564,6 +606,10 @@
     padding: 20px 15px;
 }
 
+  .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-bg_surface\.intent\.primary {
     background: var(--Tight-colors-surface-intent-primary);
 }
@@ -576,6 +622,10 @@
     padding: 10px;
 }
 
+  .tsystem-bd-y_\{borderWidths\.md\}_solid {
+    border-block: var(--Tight-borderWidths-md) solid;
+}
+
   .tsystem-p_20px {
     padding: 20px;
 }
@@ -584,12 +634,8 @@
     padding: none;
 }
 
-  .tsystem-p_20px_15px_14px_15px {
-    padding: 20px 15px 14px 15px;
-}
-
-  .tsystem-m_15px {
-    margin: 15px;
+  .tsystem-p_20px_16px_8px_16px {
+    padding: 20px 16px 8px 16px;
 }
 
   .tsystem-bg_foreground {
@@ -600,24 +646,64 @@
     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);
+}
+
+  .tsystem-p_1px_0 {
+    padding: 1px 0;
+}
+
+  .tsystem-p_1px {
+    padding: 1px;
+}
+
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
 
+  .tsystem-p_20px_16px {
+    padding: 20px 16px;
+}
+
+  .tsystem-m_16px {
+    margin: 16px;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.primary\} {
+    border: 1px solid var(--Tight-colors-border-intent-primary);
+}
+
+  .tsystem-anim_spin_1s_linear_infinite {
+    animation: spin 1s linear infinite;
+}
+
+  .tsystem-anim_none {
+    animation: none;
+}
+
   .tsystem-p_40px_20px {
     padding: 40px 20px;
 }
 
-  .tsystem-p_15px_15px_0_15px {
-    padding: 15px 15px 0 15px;
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_0_10px {
-    padding: 0 10px;
+  .tsystem-p_18px {
+    padding: 18px;
 }
 
-  .tsystem-bg_none {
-    background: var(--Tight-colors-none);
+  .tsystem-p_15px_15px_0_15px {
+    padding: 15px 15px 0 15px;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
+    border: 1px solid var(--Tight-colors-border-layout);
 }
 
   .tsystem-p_2px {
@@ -628,8 +714,8 @@
     padding: 5px 10px;
 }
 
-  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
-    border: 1px solid var(--Tight-colors-border-layout);
+  .tsystem-bg_none {
+    background: var(--Tight-colors-none);
 }
 
   .tsystem-p_10px_25px_10px_15px {
@@ -640,10 +726,22 @@
     padding: 5px;
 }
 
+  .tsystem-bd_0 {
+    border: 0;
+}
+
   .tsystem-p_25px {
     padding: 25px;
 }
 
+  .tsystem-p_8px_16px {
+    padding: 8px 16px;
+}
+
+  .tsystem-p_16px_16px_45px_16px {
+    padding: 16px 16px 45px 16px;
+}
+
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -652,8 +750,8 @@
     padding: 2px 6px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\} {
-    border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
+  .tsystem-p_large {
+    padding: large;
 }
 
   .tsystem-p_6px_0_6px_6px {
@@ -680,6 +778,38 @@
     padding: 4px;
 }
 
+  .tsystem-gap_5px {
+    gap: 5px;
+}
+
+  .tsystem-bdr_sm {
+    border-radius: var(--Tight-radii-sm);
+}
+
+  .tsystem-bd-c_border\.layout {
+    border-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-bd-c_border\.intent\.secondary {
+    border-color: var(--Tight-colors-border-intent-secondary);
+}
+
+  .tsystem-bd-c_border\.intent\.action {
+    border-color: var(--Tight-colors-border-intent-action);
+}
+
+  .tsystem-bd-c_border\.intent\.success {
+    border-color: var(--Tight-colors-border-intent-success);
+}
+
+  .tsystem-bd-c_border\.intent\.warning {
+    border-color: var(--Tight-colors-border-intent-warning);
+}
+
+  .tsystem-bd-c_border\.intent\.danger {
+    border-color: var(--Tight-colors-border-intent-danger);
+}
+
   .tsystem-ring_none {
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -689,16 +819,16 @@
     border-radius: var(--Tight-radii-md);
 }
 
-  .tsystem-bd-c_border\.layout {
-    border-color: var(--Tight-colors-border-layout);
-}
-
   .tsystem-gap_9px {
     gap: 9px;
 }
 
-  .tsystem-gap_5px {
-    gap: 5px;
+  .tsystem-border-style_solid {
+    border-style: solid;
+}
+
+  .tsystem-bdr_borderWidths\.sm {
+    border-radius: borderWidths.sm;
 }
 
   .tsystem-ov_hidden {
@@ -717,6 +847,10 @@
     transition: color 300ms ease-out;
 }
 
+  .tsystem-flex_0_0_auto {
+    flex: 0 0 auto;
+}
+
   .tsystem-bdr_lg {
     border-radius: var(--Tight-radii-lg);
 }
@@ -729,62 +863,50 @@
     border-width: var(--Tight-borderWidths-lg);
 }
 
-  .tsystem-border-style_solid {
-    border-style: solid;
-}
-
   .tsystem-bd-c_border\.layout\.strong {
     border-color: var(--Tight-colors-border-layout-strong);
 }
 
-  .tsystem-gap_15px {
-    gap: 15px;
-}
-
-  .tsystem-bd-c_border\.intent\.warning {
-    border-color: var(--Tight-colors-border-intent-warning);
+  .tsystem-gap_16px {
+    gap: 16px;
 }
 
-  .tsystem-bd-c_border\.intent\.action {
-    border-color: var(--Tight-colors-border-intent-action);
+  .tsystem-gap_4px {
+    gap: 4px;
 }
 
-  .tsystem-bd-c_border\.intent\.success {
-    border-color: var(--Tight-colors-border-intent-success);
+  .tsystem-gap_10px {
+    gap: 10px;
 }
 
-  .tsystem-bd-c_border\.intent\.danger {
-    border-color: var(--Tight-colors-border-intent-danger);
+  .tsystem-gap_12px {
+    gap: 12px;
 }
 
-  .tsystem-bd-c_border\.intent\.secondary {
-    border-color: var(--Tight-colors-border-intent-secondary);
+  .tsystem-flex_1 {
+    flex: 1 1 0%;
 }
 
-  .tsystem-flex_1_1_0 {
-    flex: 1 1 0;
+  .tsystem-bdr_50\% {
+    border-radius: 50%;
 }
 
-  .tsystem-gap_10px {
-    gap: 10px;
+  .tsystem-bd-w_1 {
+    border-width: 1px;
 }
 
-  .tsystem-bdr_sm {
-    border-radius: var(--Tight-radii-sm);
+  .tsystem-td_none {
+    text-decoration: none;
 }
 
-  .tsystem-bdr_50\% {
-    border-radius: 50%;
+  .tsystem-bd-t_\{borderWidths\.lg\}_solid {
+    border-top: var(--Tight-borderWidths-lg) solid;
 }
 
   .tsystem-gap_15 {
     gap: 15px;
 }
 
-  .tsystem-bd-w_1 {
-    border-width: 1px;
-}
-
   .tsystem-ov_wrap {
     overflow: wrap;
 }
@@ -809,12 +931,20 @@
     flex-flow: column;
 }
 
+  .tsystem-gap_8 {
+    gap: 8px;
+}
+
+  .tsystem-bd-b_1px_solid {
+    border-bottom: 1px solid;
+}
+
   .tsystem-bdr_0 {
     border-radius: 0;
 }
 
-  .tsystem-gap_2px {
-    gap: 2px;
+  .tsystem-gap_4 {
+    gap: 4px;
 }
 
   .tsystem-gap_5 {
@@ -829,28 +959,28 @@
     transition: all 300ms ease-out;
 }
 
-  .tsystem-gap_16px {
-    gap: 16px;
+  .tsystem-flex_1_1_0 {
+    flex: 1 1 0;
 }
 
-  .tsystem-gap_4px {
-    gap: 4px;
+  .tsystem-ov_auto {
+    overflow: auto;
 }
 
-  .tsystem-flex_1 {
-    flex: 1 1 0%;
+  .tsystem-gap_2px {
+    gap: 2px;
 }
 
-  .tsystem-ov_auto {
-    overflow: auto;
+  .tsystem-px_8px {
+    padding-inline: 8px;
 }
 
   .tsystem-bg-p_100\%_0 {
     background-position: 100% 0;
 }
 
-  .tsystem-gap_12px {
-    gap: 12px;
+  .tsystem-gap_15px {
+    gap: 15px;
 }
 
   .tsystem-bdr_zero {
@@ -861,8 +991,8 @@
     padding-block: 10px;
 }
 
-  .tsystem-gap_20 {
-    gap: 20px;
+  .tsystem-gap_0 {
+    gap: 0;
 }
 
   .tsystem-trs_height_0\.5s\,_width_0\.5s {
@@ -889,18 +1019,14 @@
     gap: 9px;
 }
 
-  .tsystem-bd-c_strong {
-    border-color: strong;
-}
-
-  .tsystem-bd-b_\{borderWidths\.md\}_solid {
-    border-bottom: var(--Tight-borderWidths-md) solid;
-}
-
   .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);
+}
+
   .tsystem-bd-t_none {
     border-top: none;
 }
@@ -913,6 +1039,10 @@
     border-right: none;
 }
 
+  .tsystem-px_16px {
+    padding-inline: 16px;
+}
+
   .tsystem-bd-t_1px_solid {
     border-top: 1px solid;
 }
@@ -921,16 +1051,28 @@
     place-self: center;
 }
 
-  .tsystem-mx_15px {
-    margin-inline: 15px;
+  .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
+    border-top: var(--Tight-borderWidths-md) solid 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);
+  .tsystem-bd-w_1px {
+    border-width: 1px;
+}
+
+  .tsystem-bd-c_surface\.intent\.warning\.active {
+    border-color: var(--Tight-colors-surface-intent-warning-active);
 }
 
-  .tsystem-my_20px {
-    margin-block: 20px;
+  .tsystem-bd-c_surface\.intent\.danger\.weak {
+    border-color: var(--Tight-colors-surface-intent-danger-weak);
+}
+
+  .tsystem-bd-c_surface\.intent\.success\.active {
+    border-color: var(--Tight-colors-surface-intent-success-active);
+}
+
+  .tsystem-flex_1_0_0 {
+    flex: 1 0 0;
 }
 
   .tsystem-bd-w_sm {
@@ -945,12 +1087,12 @@
     gap: 10px;
 }
 
-  .tsystem-flex_1_0_0 {
-    flex: 1 0 0;
+  .tsystem-bdr_9999px {
+    border-radius: 9999px;
 }
 
-  .tsystem-gap_7px {
-    gap: 7px;
+  .tsystem-bdr_2px {
+    border-radius: 2px;
 }
 
   .tsystem-gap_16 {
@@ -965,6 +1107,10 @@
     border-left: 1px solid var(--Tight-colors-border-layout);
 }
 
+  .tsystem-bd-c_normal {
+    border-color: normal;
+}
+
   .tsystem-bd-l_1px_solid_\{colors\.border\.layout\.strong\} {
     border-left: 1px solid var(--Tight-colors-border-layout-strong);
 }
@@ -981,22 +1127,18 @@
     gap: 2px 2px;
 }
 
-  .tsystem-fv_normal {
-    font-variant: normal;
+  .tsystem-gap_7px {
+    gap: 7px;
 }
 
-  .tsystem-td_none {
-    text-decoration: none;
+  .tsystem-fv_normal {
+    font-variant: normal;
 }
 
   .tsystem-text-emphasis_none {
     text-emphasis: none;
 }
 
-  .tsystem-px_8px {
-    padding-inline: 8px;
-}
-
   .tsystem-gap_30px {
     gap: 30px;
 }
@@ -1005,8 +1147,8 @@
     flex: 1 1 100%;
 }
 
-  .tsystem-bd-b_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\.strong\} {
-    border-bottom: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-strong);
+  .tsystem-bd-b_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\} {
+    border-bottom: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
   .tsystem-ov_scroll {
@@ -1017,22 +1159,26 @@
     gap: 6px;
 }
 
-  .tsystem-d_flex {
-    display: flex;
-}
-
-  .tsystem-ai_center {
-    align-items: center;
+  .tsystem-d_inline-flex {
+    display: inline-flex;
 }
 
   .tsystem-jc_center {
     justify-content: center;
 }
 
+  .tsystem-ai_center {
+    align-items: center;
+}
+
   .tsystem-cursor_pointer {
     cursor: pointer;
 }
 
+  .tsystem-d_flex {
+    display: flex;
+}
+
   .tsystem-c_typography\.intent\.secondary {
     color: var(--Tight-colors-typography-intent-secondary);
 }
@@ -1137,26 +1283,22 @@
     text-align: left;
 }
 
-  .tsystem-jc_flex-end {
-    justify-content: flex-end;
-}
-
-  .tsystem-flex-sh_0 {
-    flex-shrink: 0;
-}
-
-  .tsystem-jc_space-between {
-    justify-content: space-between;
-}
-
   .tsystem-as_stretch {
     align-self: stretch;
 }
 
+  .tsystem-d_none {
+    display: none;
+}
+
   .tsystem-bg-c_surface\.intent\.secondary {
     background-color: var(--Tight-colors-surface-intent-secondary);
 }
 
+  .tsystem-flex-sh_0 {
+    flex-shrink: 0;
+}
+
   .tsystem-flex-d_row-reverse {
     flex-direction: row-reverse;
 }
@@ -1165,10 +1307,22 @@
     position: static;
 }
 
+  .tsystem-jc_space-between {
+    justify-content: space-between;
+}
+
   .tsystem-flex-sh_1 {
     flex-shrink: 1;
 }
 
+  .tsystem-c_inherit {
+    color: var(--Tight-colors-inherit);
+}
+
+  .tsystem-bg-c_surface\.background {
+    background-color: var(--Tight-colors-surface-background);
+}
+
   .tsystem-wb_break-word {
     word-break: break-word;
 }
@@ -1205,12 +1359,8 @@
     scrollbar-width: thin;
 }
 
-  .tsystem-d_grid {
-    display: grid;
-}
-
-  .tsystem-grid-tc_3fr_1fr {
-    grid-template-columns: 3fr 1fr;
+  .tsystem-ai_stretch {
+    align-items: stretch;
 }
 
   .tsystem-bg-c_transparent {
@@ -1225,10 +1375,6 @@
     justify-content: end;
 }
 
-  .tsystem-ai_stretch {
-    align-items: stretch;
-}
-
   .tsystem-bg-c_border\.layout {
     background-color: var(--Tight-colors-border-layout);
 }
@@ -1237,6 +1383,10 @@
     text-align: center;
 }
 
+  .tsystem-jc_flex-end {
+    justify-content: flex-end;
+}
+
   .tsystem-pos_fixed {
     position: fixed;
 }
@@ -1245,14 +1395,6 @@
     background-color: var(--Tight-colors-overlay);
 }
 
-  .tsystem-bg-c_surface\.background {
-    background-color: var(--Tight-colors-surface-background);
-}
-
-  .tsystem-d_none {
-    display: none;
-}
-
   .tsystem-flex-g_1 {
     flex-grow: 1;
 }
@@ -1345,10 +1487,6 @@
     object-fit: contain;
 }
 
-  .tsystem-d_inline-flex {
-    display: inline-flex;
-}
-
   .tsystem-c_typography\.intent\.action {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -1523,6 +1661,18 @@
     color: var(--Tight-colors-typography-accent-action);
 }
 
+  .tsystem-d_-webkit-box {
+    display: -webkit-box;
+}
+
+  .tsystem--webkit-line-clamp_3 {
+    -webkit-line-clamp: 3;
+}
+
+  .tsystem--webkit-box-orient_vertical {
+    -webkit-box-orient: vertical;
+}
+
   .tsystem-c_typography\.base\.weak {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -1660,18 +1810,30 @@
     user-select: none;
 }
 
-  .tsystem-bd-be-w_var\(--thickness\) {
-    border-block-end-width: var(--thickness);
+  .tsystem-c_brand\.danger {
+    color: var(--Tight-colors-brand-danger);
+}
+
+  .tsystem-c_brand\.primary\.weak {
+    color: var(--Tight-colors-brand-primary-weak);
 }
 
   .tsystem-d_block {
     display: block;
 }
 
+  .tsystem-d_grid {
+    display: grid;
+}
+
   .tsystem-grid-tc_1fr {
     grid-template-columns: 1fr;
 }
 
+  .tsystem-bd-be-w_var\(--thickness\) {
+    border-block-end-width: var(--thickness);
+}
+
   .tsystem-grid-tc_300px_auto_175px {
     grid-template-columns: 300px auto 175px;
 }
@@ -1688,6 +1850,10 @@
     transform: rotate(90deg);
 }
 
+  .tsystem-fs_14px {
+    font-size: 14px;
+}
+
   .tsystem-fs_26px {
     font-size: 26px;
 }
@@ -1713,14 +1879,26 @@
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-lh_14px {
-    line-height: 14px;
+  .tsystem-ai_flexStart {
+    align-items: flexStart;
 }
 
   .tsystem-stk_icon\.base {
     stroke: var(--Tight-colors-icon-base);
 }
 
+  .tsystem-fs_16px {
+    font-size: 16px;
+}
+
+  .tsystem-ls_0\.96px {
+    letter-spacing: 0.96px;
+}
+
+  .tsystem-lh_14px {
+    line-height: 14px;
+}
+
   .tsystem-bg-c_brand\.secondary {
     background-color: var(--Tight-colors-brand-secondary);
 }
@@ -1804,12 +1982,32 @@
     -webkit-appearance: none;
 }
 
-  .tsystem-fs_16px {
-    font-size: 16px;
+  .tsystem-stk_var\(--Tight-colors-border-layout\) {
+    stroke: var(--Tight-colors-border-layout);
 }
 
-  .tsystem-bx-sh_none {
-    box-shadow: none;
+  .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-c_var\(--Tight-colors-money-positive-weak\) {
+    color: var(--Tight-colors-money-positive-weak);
+}
+
+  .tsystem-c_var\(--Tight-colors-money-negative-weak\) {
+    color: var(--Tight-colors-money-negative-weak);
+}
+
+  .tsystem-c_var\(--Tight-colors-money-positive\) {
+    color: var(--Tight-colors-money-positive);
+}
+
+  .tsystem-c_var\(--Tight-colors-money-negative\) {
+    color: var(--Tight-colors-money-negative);
 }
 
   .tsystem-bg-c_money\.positive\.weak {
@@ -1828,26 +2026,14 @@
     stroke-dasharray: 0;
 }
 
-  .tsystem-stk_var\(--Tight-colors-border-layout\) {
-    stroke: var(--Tight-colors-border-layout);
-}
-
   .tsystem-fill_var\(--Tight-colors-money-positive\) {
     fill: var(--Tight-colors-money-positive);
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
-    fill: var(--Tight-colors-money-positive-weak);
-}
-
   .tsystem-fill_var\(--Tight-colors-money-negative\) {
     fill: var(--Tight-colors-money-negative);
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
-    fill: var(--Tight-colors-money-negative-weak);
-}
-
   .tsystem-fill_var\(--Tight-colors-border-layout\) {
     fill: var(--Tight-colors-border-layout);
 }
@@ -1888,10 +2074,6 @@
     white-space: wrap;
 }
 
-  .tsystem-c_inherit {
-    color: var(--Tight-colors-inherit);
-}
-
   .tsystem-bg-c_surface\.intent\.action\.discrete\.active {
     background-color: var(--Tight-colors-surface-intent-action-discrete-active);
 }
@@ -1900,6 +2082,10 @@
     max-width: 100%;
 }
 
+  .tsystem-w_fit-content {
+    width: fit-content;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -1908,24 +2094,20 @@
     height: 50px;
 }
 
-  .tsystem-w_100\% {
-    width: 100%;
-}
-
-  .tsystem-w_sm {
-    width: sm;
+  .tsystem-h_44px {
+    height: 44px;
 }
 
-  .tsystem-w_202px {
-    width: 202px;
+  .tsystem-w_fill-parent {
+    width: fill-parent;
 }
 
-  .tsystem-min-w_350px {
-    min-width: 350px;
+  .tsystem-w_100\% {
+    width: 100%;
 }
 
-  .tsystem-min-w_200px {
-    min-width: 200px;
+  .tsystem-w_sm {
+    width: sm;
 }
 
   .tsystem-h_72 {
@@ -1944,6 +2126,34 @@
     height: 20px;
 }
 
+  .tsystem-pl_16px {
+    padding-left: 16px;
+}
+
+  .tsystem-pr_16px {
+    padding-right: 16px;
+}
+
+  .tsystem-w_200px {
+    width: 200px;
+}
+
+  .tsystem-h_48px {
+    height: 48px;
+}
+
+  .tsystem-bd-l-w_4px {
+    border-left-width: 4px;
+}
+
+  .tsystem-border-left-style_solid {
+    border-left-style: solid;
+}
+
+  .tsystem-bd-l-c_brand\.action\.strong {
+    border-left-color: var(--Tight-colors-brand-action-strong);
+}
+
   .tsystem-h_32px {
     height: 32px;
 }
@@ -1960,6 +2170,10 @@
     min-width: 0;
 }
 
+  .tsystem-max-w_325 {
+    max-width: 325px;
+}
+
   .tsystem-min-h_0 {
     min-height: 0;
 }
@@ -1968,12 +2182,12 @@
     height: auto;
 }
 
-  .tsystem-mb_18px {
-    margin-bottom: 18px;
+  .tsystem-bd-t-c_border\.layout {
+    border-top-color: var(--Tight-colors-border-layout);
 }
 
-  .tsystem-max-w_325 {
-    max-width: 325px;
+  .tsystem-mb_18px {
+    margin-bottom: 18px;
 }
 
   .tsystem-top_-1 {
@@ -2036,6 +2250,18 @@
     height: xl;
 }
 
+  .tsystem-bd-b-c_border\.layout\.weak {
+    border-bottom-color: var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-pt_16px {
+    padding-top: 16px;
+}
+
+  .tsystem-pb_16px {
+    padding-bottom: 16px;
+}
+
   .tsystem-pl_16 {
     padding-left: 16px;
 }
@@ -2148,10 +2374,6 @@
     max-height: 100dvh;
 }
 
-  .tsystem-min-w_384px {
-    min-width: 384px;
-}
-
   .tsystem-min-h_36px {
     min-height: 36px;
 }
@@ -2164,10 +2386,6 @@
     height: 24px;
 }
 
-  .tsystem-w_fit-content {
-    width: fit-content;
-}
-
   .tsystem-w_15px {
     width: 15px;
 }
@@ -2176,6 +2394,10 @@
     height: 15px;
 }
 
+  .tsystem-h_37px {
+    height: 37px;
+}
+
   .tsystem-w_\{borderWidths\.md\} {
     width: var(--Tight-borderWidths-md);
 }
@@ -2240,6 +2462,10 @@
     width: max-content;
 }
 
+  .tsystem-w_44px {
+    width: 44px;
+}
+
   .tsystem-min-w_fit-content {
     min-width: fit-content;
 }
@@ -2308,10 +2534,6 @@
     width: calc(100% - 2);
 }
 
-  .tsystem-h_44px {
-    height: 44px;
-}
-
   .tsystem-w_40\% {
     width: 40%;
 }
@@ -2328,20 +2550,8 @@
     padding-bottom: 20px;
 }
 
-  .tsystem-pt_20px {
-    padding-top: 20px;
-}
-
-  .tsystem-pb_14px {
-    padding-bottom: 14px;
-}
-
-  .tsystem-pl_15px {
-    padding-left: 15px;
-}
-
-  .tsystem-pr_15px {
-    padding-right: 15px;
+  .tsystem-mb_8px {
+    margin-bottom: 8px;
 }
 
   .tsystem-pt_10px {
@@ -2364,10 +2574,6 @@
     margin-bottom: 15px;
 }
 
-  .tsystem-w_fill-parent {
-    width: fill-parent;
-}
-
   .tsystem-pr_10px {
     padding-right: 10px;
 }
@@ -2384,6 +2590,10 @@
     margin-bottom: 5px;
 }
 
+  .tsystem-bd-t-c_transparent {
+    border-top-color: var(--Tight-colors-transparent);
+}
+
   .tsystem-h_45px {
     height: 45px;
 }
@@ -2400,12 +2610,16 @@
     height: 16px;
 }
 
-  .tsystem-mb_8px {
-    margin-bottom: 8px;
+  .tsystem-pb_8px {
+    padding-bottom: 8px;
 }
 
-  .tsystem-mb_20px {
-    margin-bottom: 20px;
+  .tsystem-pl_8px {
+    padding-left: 8px;
+}
+
+  .tsystem-pl_4px {
+    padding-left: 4px;
 }
 
   .tsystem-bottom_-25px {
@@ -2424,8 +2638,8 @@
     width: 26px;
 }
 
-  .tsystem-mt_0px {
-    margin-top: 0px;
+  .tsystem-mt_16px {
+    margin-top: 16px;
 }
 
   .tsystem-max-w_1440 {
@@ -2436,6 +2650,14 @@
     height: 80px;
 }
 
+  .tsystem-pl_15px {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15px {
+    padding-right: 15px;
+}
+
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -2444,28 +2666,32 @@
     padding-right: 5px;
 }
 
-  .tsystem-h_35px {
-    height: 35px;
+  .tsystem-w_20 {
+    width: 20px;
 }
 
-  .tsystem-w_17px {
-    width: 17px;
+  .tsystem-min-w_20 {
+    min-width: 20px;
 }
 
-  .tsystem-h_17px {
-    height: 17px;
+  .tsystem-h_20 {
+    height: 20px;
+}
+
+  .tsystem-min-h_20 {
+    min-height: 20px;
 }
 
-  .tsystem-pl_2px {
-    padding-left: 2px;
+  .tsystem-pl_5px {
+    padding-left: 5px;
 }
 
-  .tsystem-pr_2px {
-    padding-right: 2px;
+  .tsystem-mr_15px {
+    margin-right: 15px;
 }
 
-  .tsystem-pb_5px {
-    padding-bottom: 5px;
+  .tsystem-w_25 {
+    width: 25px;
 }
 
   .tsystem-w_14px {
@@ -2480,22 +2706,14 @@
     max-width: 200px;
 }
 
-  .tsystem-pl_5px {
-    padding-left: 5px;
-}
-
-  .tsystem-mr_15px {
-    margin-right: 15px;
+  .tsystem-h_17px {
+    height: 17px;
 }
 
   .tsystem-mb_10px {
     margin-bottom: 10px;
 }
 
-  .tsystem-w_200px {
-    width: 200px;
-}
-
   .tsystem-h_52px {
     height: 52px;
 }
@@ -2532,10 +2750,22 @@
     width: 1px;
 }
 
+  .tsystem-w_70px {
+    width: 70px;
+}
+
+  .tsystem-h_24px {
+    height: 24px;
+}
+
   .tsystem-mt_35px {
     margin-top: 35px;
 }
 
+  .tsystem-mb_20px {
+    margin-bottom: 20px;
+}
+
   .tsystem-w_full {
     width: full;
 }
@@ -2564,6 +2794,10 @@
     max-height: 150px;
 }
 
+  .tsystem-max-h_49px {
+    max-height: 49px;
+}
+
   .tsystem-w_325px {
     width: 325px;
 }
@@ -2576,10 +2810,6 @@
     min-width: 325px;
 }
 
-  .tsystem-min-h_35px {
-    min-height: 35px;
-}
-
   .tsystem-pt_4px {
     padding-top: 4px;
 }
@@ -2592,6 +2822,18 @@
     padding-left: 25px;
 }
 
+  .tsystem-w_300px {
+    width: 300px;
+}
+
+  .tsystem-min-h_100\% {
+    min-height: 100%;
+}
+
+  .tsystem-top_20 {
+    top: 20px;
+}
+
   .tsystem-right_20 {
     right: 20px;
 }
@@ -2600,6 +2842,18 @@
     left: 20px;
 }
 
+  .tsystem-bottom_5 {
+    bottom: 5px;
+}
+
+  .tsystem-min-w_180px {
+    min-width: 180px;
+}
+
+  .tsystem-h_1px {
+    height: 1px;
+}
+
   .tsystem-max-h_247px {
     max-height: 247px;
 }
@@ -2660,22 +2914,46 @@
     max-width: 420px;
 }
 
-  .tsystem-h_39px {
-    height: 39px;
-}
-
-  .tsystem-pb_8px {
-    padding-bottom: 8px;
+  .tsystem-pt_50px {
+    padding-top: 50px;
 }
 
   .tsystem-max-w_fit-content {
     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;
+}
+
+  .tsystem-min-h_24 {
+    min-height: 24px;
+}
+
   .tsystem-max-w_120px {
     max-width: 120px;
 }
@@ -2684,10 +2962,6 @@
     width: 1px;
 }
 
-  .tsystem-h_1px {
-    height: 1px;
-}
-
   .tsystem-ml_auto {
     margin-left: auto;
 }
@@ -2758,78 +3032,78 @@
     border-color: var(--Tight-colors-border-intent-action-active);
 }
 
-  .\[\&\:disabled\]\:tsystem-cursor_not-allowed:disabled {
-    cursor: not-allowed;
-}
-
-  .\[\&\:disabled\]\:tsystem-op_0\.6:disabled {
-    opacity: 0.6;
-}
-
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
-    color: var(--Tight-colors-typography-intent-secondary);
-}
-
-  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
-    cursor: default;
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.base path {
-    stroke: var(--Tight-colors-icon-base);
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.accent\.danger path {
-    stroke: var(--Tight-colors-icon-accent-danger);
-}
-
   .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.base .Tight-sub-label {
     color: var(--Tight-colors-typography-base);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.base .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.base .Tight-icon > path {
     stroke: var(--Tight-colors-icon-base);
 }
 
-  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary .Tight-sub-label {
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary .Tight-sub-label,.\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.secondary .Tight-label {
     color: var(--Tight-colors-typography-intent-secondary);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-secondary);
 }
 
-  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action .Tight-sub-label {
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action .Tight-sub-label,.\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.action .Tight-label {
     color: var(--Tight-colors-typography-intent-action);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.action .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-action);
 }
 
-  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success .Tight-sub-label {
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success .Tight-sub-label,.\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.success .Tight-label {
     color: var(--Tight-colors-typography-intent-success);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.success .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-success);
 }
 
-  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning .Tight-sub-label {
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning .Tight-sub-label,.\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.warning .Tight-label {
     color: var(--Tight-colors-typography-intent-warning);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-warning);
 }
 
-  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger .Tight-sub-label {
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger .Tight-sub-label,.\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.danger .Tight-label {
     color: var(--Tight-colors-typography-intent-danger);
 }
 
-  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger .Tight-medium-icon > path {
+  .\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-danger);
 }
 
+  .\[\&\:disabled\]\:tsystem-cursor_not-allowed:disabled {
+    cursor: not-allowed;
+}
+
+  .\[\&\:disabled\]\:tsystem-op_0\.6:disabled {
+    opacity: 0.6;
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
+  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
+    cursor: default;
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.base path {
+    stroke: var(--Tight-colors-icon-base);
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.accent\.danger path {
+    stroke: var(--Tight-colors-icon-accent-danger);
+}
+
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -2902,6 +3176,10 @@
     pointer-events: none;
 }
 
+  .placeholder\:tsystem-c_typography\.base\.weak::placeholder,.placeholder\:tsystem-c_typography\.base\.weak[data-placeholder] {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
   .disabled\:tsystem-cursor_default:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     cursor: default;
 }
@@ -2922,6 +3200,10 @@
     background-color: var(--Tight-colors-brand-primary);
 }
 
+  .placeholder\:tsystem-c_typography\.label\.sub::placeholder,.placeholder\:tsystem-c_typography\.label\.sub[data-placeholder] {
+    color: var(--Tight-colors-typography-label-sub);
+}
+
   .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bx-sh_none[data-focused='true'] {
     box-shadow: none;
 }
@@ -3087,19 +3369,6 @@
     background: var(--Tight-colors-surface-intent-danger-hover);
 }
 
-  .\[\&\:focus-visible\]\:tsystem-ring_4px_solid:focus-visible {
-    outline: 4px solid;
-}
-
-  .focusVisible\:tsystem-ring_4px_solid:is(:focus-visible, [data-focus-visible]) {
-    outline: 4px solid;
-}
-
-  .focus\:tsystem-ring_none:is(:focus, [data-focus]) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-
   .\[\&\:focus\]\:tsystem-ring_none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -3125,6 +3394,19 @@
     border-color: var(--Tight-colors-border-intent-danger-hover);
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring_4px_solid:focus-visible {
+    outline: 4px solid;
+}
+
+  .focusVisible\:tsystem-ring_4px_solid:is(:focus-visible, [data-focus-visible]) {
+    outline: 4px solid;
+}
+
+  .focus\:tsystem-ring_none:is(:focus, [data-focus]) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
   .\[\&\:focus-visible\]\:tsystem-trs_none:focus-visible {
     transition: none;
 }
@@ -3141,6 +3423,10 @@
     outline: 4px solid;
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring_2px_solid:focus-visible {
+    outline: 2px solid;
+}
+
   .\[\&\:has\(button\:focus-visible\)\]\:tsystem-ring_4px_solid:has(button:focus-visible) {
     outline: 4px solid;
 }
@@ -3189,6 +3475,10 @@
     outline-color: var(--Tight-colors-border-layout);
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring-o_2px:focus-visible {
+    outline-offset: 2px;
+}
+
   .focus\:tsystem-z_1:is(:focus, [data-focus]) {
     z-index: 1;
 }
@@ -3209,10 +3499,6 @@
     outline-offset: 2px;
 }
 
-  .\[\&\:focus-visible\]\:tsystem-ring-o_2px:focus-visible {
-    outline-offset: 2px;
-}
-
   .\[\&\:focus-visible\:\:before\]\:tsystem-top_0:focus-visible::before {
     top: 0;
 }
@@ -3233,6 +3519,10 @@
     background-color: var(--Tight-colors-surface-intent-action-hover);
 }
 
+  .hover\:tsystem-bg-c_brand\.action\.opaque:is(:hover, [data-hover]) {
+    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);
 }
@@ -3301,7 +3591,11 @@
     color: var(--Tight-colors-typography-intent-secondary-hover);
 }
 
-  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover[data-state='open'] .Tight-medium-icon > path {
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.secondary\.hover:focus-visible .Tight-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.secondary\.hover[data-state='open'] .Tight-label {
+    color: var(--Tight-colors-typography-intent-secondary-hover);
+}
+
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover:focus-visible .Tight-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover[data-state='open'] .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-secondary-hover);
 }
 
@@ -3309,7 +3603,11 @@
     color: var(--Tight-colors-typography-intent-action-hover);
 }
 
-  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover[data-state='open'] .Tight-medium-icon > path {
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.action\.hover:focus-visible .Tight-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.action\.hover[data-state='open'] .Tight-label {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover:focus-visible .Tight-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover[data-state='open'] .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-action-hover);
 }
 
@@ -3317,7 +3615,11 @@
     color: var(--Tight-colors-typography-intent-success-hover);
 }
 
-  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover[data-state='open'] .Tight-medium-icon > path {
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.success\.hover:focus-visible .Tight-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.success\.hover[data-state='open'] .Tight-label {
+    color: var(--Tight-colors-typography-intent-success-hover);
+}
+
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover:focus-visible .Tight-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover[data-state='open'] .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-success-hover);
 }
 
@@ -3325,7 +3627,11 @@
     color: var(--Tight-colors-typography-intent-warning-hover);
 }
 
-  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover[data-state='open'] .Tight-medium-icon > path {
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.warning\.hover:focus-visible .Tight-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.warning\.hover[data-state='open'] .Tight-label {
+    color: var(--Tight-colors-typography-intent-warning-hover);
+}
+
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover:focus-visible .Tight-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover[data-state='open'] .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-warning-hover);
 }
 
@@ -3333,7 +3639,11 @@
     color: var(--Tight-colors-typography-intent-danger-hover);
 }
 
-  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover[data-state='open'] .Tight-medium-icon > path {
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.danger\.hover:focus-visible .Tight-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.danger\.hover[data-state='open'] .Tight-label {
+    color: var(--Tight-colors-typography-intent-danger-hover);
+}
+
+  .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover:focus-visible .Tight-icon > path,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover[data-state='open'] .Tight-icon > path {
     stroke: var(--Tight-colors-icon-intent-danger-hover);
 }
 
@@ -3378,8 +3688,8 @@
       margin: 32px;
 }
 
-    .sm\:tsystem-p_4px {
-      padding: 4px;
+    .sm\:tsystem-p_10px {
+      padding: 10px;
 }
 
     .sm\:tsystem-bd-c_transparent {
@@ -3391,51 +3701,23 @@
 }
 
     .sm\:tsystem-place-self_flex-start {
-      place-self: flex-start;
-}
-
-    .sm\:tsystem-place-self_flex-end {
-      place-self: flex-end;
-}
-
-    .sm\:tsystem-bg-c_surface\.intent\.action\.discrete {
-      background-color: var(--Tight-colors-surface-intent-action-discrete);
-}
-
-    .sm\:tsystem-fs_label\.strong {
-      font-size: var(--Tight-fontSizes-label-strong);
-}
-
-    .sm\:tsystem-lh_16px {
-      line-height: 16px;
-}
-
-    .sm\:tsystem-fs_label {
-      font-size: var(--Tight-fontSizes-label);
-}
-
-    .sm\:tsystem-fs_label\.sub {
-      font-size: var(--Tight-fontSizes-label-sub);
-}
-
-    .sm\:tsystem-lh_14px {
-      line-height: 14px;
+      place-self: flex-start;
 }
 
-    .sm\:tsystem-fs_sm {
-      font-size: var(--Tight-fontSizes-sm);
+    .sm\:tsystem-place-self_flex-end {
+      place-self: flex-end;
 }
 
-    .sm\:tsystem-fs_md {
-      font-size: var(--Tight-fontSizes-md);
+    .sm\:tsystem-bg-c_surface\.intent\.action\.discrete {
+      background-color: var(--Tight-colors-surface-intent-action-discrete);
 }
 
-    .sm\:tsystem-fs_body {
-      font-size: var(--Tight-fontSizes-body);
+    .sm\:tsystem-fs_label\.strong {
+      font-size: var(--Tight-fontSizes-label-strong);
 }
 
-    .sm\:tsystem-fs_label\.strongSub {
-      font-size: var(--Tight-fontSizes-label-strongSub);
+    .sm\:tsystem-lh_16px {
+      line-height: 16px;
 }
 
     .sm\:tsystem-d_none {
@@ -3450,6 +3732,14 @@
       display: block;
 }
 
+    .sm\:tsystem-flex-d_column {
+      flex-direction: column;
+}
+
+    .sm\:tsystem-ai_start {
+      align-items: start;
+}
+
     .sm\:tsystem-grid-tc_300px_auto_300px {
       grid-template-columns: 300px auto 300px;
 }
@@ -3474,6 +3764,18 @@
       justify-content: flex-end;
 }
 
+    .sm\:tsystem-bx-sh_none {
+      box-shadow: none;
+}
+
+    .sm\:tsystem-flex-sh_0 {
+      flex-shrink: 0;
+}
+
+    .sm\:tsystem-ta_start {
+      text-align: start;
+}
+
     .sm\:tsystem-min-w_600px {
       min-width: 600px;
 }
@@ -3534,24 +3836,24 @@
       max-width: 100dvw;
 }
 
-    .sm\:tsystem-h_35px {
-      height: 35px;
+    .sm\:tsystem-max-w_300 {
+      max-width: 300px;
 }
 
-    .sm\:tsystem-h_12px {
-      height: 12px;
+    .sm\:tsystem-h_fit-content {
+      height: fit-content;
 }
 
-    .sm\:tsystem-w_12px {
-      width: 12px;
+    .sm\:tsystem-h_39px {
+      height: 39px;
 }
 
-    .sm\:tsystem-h_60px {
-      height: 60px;
+    .sm\:tsystem-w_562px {
+      width: 562px;
 }
 
-    .sm\:tsystem-max-w_300 {
-      max-width: 300px;
+    .sm\:tsystem-min-h_35px {
+      min-height: 35px;
 }
 
     .sm\:tsystem-min-w_360px {
@@ -3561,6 +3863,12 @@
     .sm\:tsystem-max-w_392px {
       max-width: 392px;
 }
+}
+
+  @media screen and (min-width: 40rem) {
+    .\[\&\:\:before\]\:sm\:tsystem-content_none::before {
+      content: none;
+}
 }
 
   @media screen and (min-width: 40rem) {
@@ -3592,16 +3900,218 @@
       justify-content: flex-end;
 }
 
-    .md\:tsystem-flex-d_column {
+    .md\:tsystem-min-w_800px {
+      min-width: 800px;
+}
+}
+
+  @media screen and (min-width: 80rem) {
+    .xl\:tsystem-p_15px {
+      padding: 15px;
+}
+
+    .xl\:tsystem-p_4px {
+      padding: 4px;
+}
+
+    .xl\:tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\} {
+      border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
+}
+
+    .xl\:tsystem-p_10px {
+      padding: 10px;
+}
+
+    .xl\:tsystem-p_0_10px {
+      padding: 0 10px;
+}
+
+    .xl\:tsystem-bg_surface\.background {
+      background: var(--Tight-colors-surface-background);
+}
+
+    .xl\:tsystem-gap_15px {
+      gap: 15px;
+}
+
+    .xl\:tsystem-gap_0 {
+      gap: 0;
+}
+
+    .xl\:tsystem-bdr_lg {
+      border-radius: var(--Tight-radii-lg);
+}
+
+    .xl\:tsystem-gap_5px {
+      gap: 5px;
+}
+
+    .xl\:tsystem-flex_1_1_0 {
+      flex: 1 1 0;
+}
+
+    .xl\:tsystem-gap_16px {
+      gap: 16px;
+}
+
+    .xl\:tsystem-bdr_borderWidths\.sm {
+      border-radius: borderWidths.sm;
+}
+
+    .xl\:tsystem-gap_12px {
+      gap: 12px;
+}
+
+    .xl\:tsystem-flex_1_0_0 {
+      flex: 1 0 0;
+}
+
+    .xl\:tsystem-gap_10px {
+      gap: 10px;
+}
+
+    .xl\:tsystem-bdr_sm {
+      border-radius: var(--Tight-radii-sm);
+}
+
+    .xl\:tsystem-flex-sh_0 {
+      flex-shrink: 0;
+}
+
+    .xl\:tsystem-flex-d_row {
+      flex-direction: row;
+}
+
+    .xl\:tsystem-jc_space-between {
+      justify-content: space-between;
+}
+
+    .xl\:tsystem-ai_center {
+      align-items: center;
+}
+
+    .xl\:tsystem-d_flex {
+      display: flex;
+}
+
+    .xl\:tsystem-ai_flex-start {
+      align-items: flex-start;
+}
+
+    .xl\:tsystem-as_stretch {
+      align-self: stretch;
+}
+
+    .xl\:tsystem-lh_16px {
+      line-height: 16px;
+}
+
+    .xl\:tsystem-fs_label {
+      font-size: var(--Tight-fontSizes-label);
+}
+
+    .xl\:tsystem-lh_14px {
+      line-height: 14px;
+}
+
+    .xl\:tsystem-fs_label\.sub {
+      font-size: var(--Tight-fontSizes-label-sub);
+}
+
+    .xl\:tsystem-fs_sm {
+      font-size: var(--Tight-fontSizes-sm);
+}
+
+    .xl\:tsystem-fs_md {
+      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);
+}
+
+    .xl\:tsystem-fw_label\.strong {
+      font-weight: var(--Tight-fontWeights-label-strong);
+}
+
+    .xl\:tsystem-fs_label\.strong {
+      font-size: var(--Tight-fontSizes-label-strong);
+}
+
+    .xl\:tsystem-fs_label\.strongSub {
+      font-size: var(--Tight-fontSizes-label-strongSub);
+}
+
+    .xl\:tsystem-flex-d_column {
       flex-direction: column;
 }
 
-    .md\:tsystem-ai_start {
-      align-items: start;
+    .xl\:tsystem-jc_center {
+      justify-content: center;
 }
 
-    .md\:tsystem-min-w_800px {
-      min-width: 800px;
+    .xl\:tsystem-fs_14px {
+      font-size: 14px;
+}
+
+    .xl\:tsystem-h_auto {
+      height: auto;
+}
+
+    .xl\:tsystem-w_128px {
+      width: 128px;
+}
+
+    .xl\:tsystem-w_auto {
+      width: auto;
+}
+
+    .xl\:tsystem-min-w_350px {
+      min-width: 350px;
+}
+
+    .xl\:tsystem-min-w_200px {
+      min-width: 200px;
+}
+
+    .xl\:tsystem-pl_0 {
+      padding-left: 0;
+}
+
+    .xl\:tsystem-pr_0 {
+      padding-right: 0;
+}
+
+    .xl\:tsystem-h_318px {
+      height: 318px;
+}
+
+    .xl\:tsystem-max-h_318px {
+      max-height: 318px;
+}
+
+    .xl\:tsystem-h_35px {
+      height: 35px;
+}
+
+    .xl\:tsystem-w_100\% {
+      width: 100%;
+}
+
+    .xl\:tsystem-h_12px {
+      height: 12px;
+}
+
+    .xl\:tsystem-w_12px {
+      width: 12px;
+}
+
+    .xl\:tsystem-h_60px {
+      height: 60px;
 }
 }
 
@@ -3720,73 +4230,73 @@
 }
 
   @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\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover .Tight-sub-label:hover {
+      color: var(--Tight-colors-typography-intent-secondary-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\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.secondary\.hover .Tight-label:hover {
+      color: var(--Tight-colors-typography-intent-secondary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-c_icon\.intent\.action\.hover:enabled:hover {
-      color: var(--Tight-colors-icon-intent-action-hover);
+    .supportHover\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover .Tight-icon > path:hover {
+      stroke: var(--Tight-colors-icon-intent-secondary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
-      fill: var(--Tight-colors-icon-intent-action-hover);
+    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action\.hover .Tight-sub-label:hover {
+      color: var(--Tight-colors-typography-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover .Tight-sub-label:hover {
-      color: var(--Tight-colors-typography-intent-secondary-hover);
+    .supportHover\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.action\.hover .Tight-label:hover {
+      color: var(--Tight-colors-typography-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover .Tight-medium-icon > path:hover {
-      stroke: var(--Tight-colors-icon-intent-secondary-hover);
+    .supportHover\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover .Tight-icon > path:hover {
+      stroke: var(--Tight-colors-icon-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action\.hover .Tight-sub-label:hover {
-      color: var(--Tight-colors-typography-intent-action-hover);
+    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success\.hover .Tight-sub-label:hover {
+      color: var(--Tight-colors-typography-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover .Tight-medium-icon > path:hover {
-      stroke: var(--Tight-colors-icon-intent-action-hover);
+    .supportHover\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.success\.hover .Tight-label:hover {
+      color: var(--Tight-colors-typography-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success\.hover .Tight-sub-label:hover {
-      color: var(--Tight-colors-typography-intent-success-hover);
+    .supportHover\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover .Tight-icon > path:hover {
+      stroke: var(--Tight-colors-icon-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover .Tight-medium-icon > path:hover {
-      stroke: var(--Tight-colors-icon-intent-success-hover);
+    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning\.hover .Tight-sub-label:hover {
+      color: var(--Tight-colors-typography-intent-warning-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning\.hover .Tight-sub-label:hover {
+    .supportHover\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.warning\.hover .Tight-label:hover {
       color: var(--Tight-colors-typography-intent-warning-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover .Tight-medium-icon > path:hover {
+    .supportHover\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover .Tight-icon > path:hover {
       stroke: var(--Tight-colors-icon-intent-warning-hover);
 }
 }
@@ -3798,9 +4308,39 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover .Tight-medium-icon > path:hover {
+    .supportHover\:\[\&_\.Tight-label\]\:tsystem-c_typography\.intent\.danger\.hover .Tight-label:hover {
+      color: var(--Tight-colors-typography-intent-danger-hover);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:\[\&_\.Tight-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover .Tight-icon > path:hover {
       stroke: var(--Tight-colors-icon-intent-danger-hover);
 }
+}
+
+  @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);
+}
+}
+
+  @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);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:enabled\:tsystem-c_icon\.intent\.action\.hover:enabled:hover {
+      color: var(--Tight-colors-icon-intent-action-hover);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
+      fill: var(--Tight-colors-icon-intent-action-hover);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -3846,7 +4386,7 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&_\.Tight-medium-icon_\>_path\]\:supportHover\:tsystem-stk_typography\.intent\.action\.hover .Tight-medium-icon > path:hover {
+    .\[\&_\.Tight-icon_\>_path\]\:supportHover\:tsystem-stk_typography\.intent\.action\.hover .Tight-icon > path:hover {
       stroke: var(--Tight-colors-typography-intent-action-hover);
 }
 }
@@ -3906,50 +4446,50 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-trs_background_100ms_ease-out\,_background-color_100ms_ease-out\,_border-color_100ms_ease-out\,_box-shadow_0ms:hover {
-      transition: background 100ms ease-out, background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 0ms;
+    .supportHover\:tsystem-bd-c_border\.intent\.secondary\.hover:hover {
+      border-color: var(--Tight-colors-border-intent-secondary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-trs_background_100ms_ease-out\,_box-shadow_0ms:hover {
-      transition: background 100ms ease-out, box-shadow 0ms;
+    .supportHover\:tsystem-bd-c_border\.intent\.action\.hover:hover {
+      border-color: var(--Tight-colors-border-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-trs_color_100ms_ease-out:hover {
-      transition: color 100ms ease-out;
+    .supportHover\:tsystem-bd-c_border\.intent\.success\.hover:hover {
+      border-color: var(--Tight-colors-border-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bd-c_border\.intent\.secondary\.hover:hover {
-      border-color: var(--Tight-colors-border-intent-secondary-hover);
+    .supportHover\:tsystem-bd-c_border\.intent\.warning\.hover:hover {
+      border-color: var(--Tight-colors-border-intent-warning-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bd-c_border\.intent\.action\.hover:hover {
-      border-color: var(--Tight-colors-border-intent-action-hover);
+    .supportHover\:tsystem-bd-c_border\.intent\.danger\.hover:hover {
+      border-color: var(--Tight-colors-border-intent-danger-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bd-c_border\.intent\.success\.hover:hover {
-      border-color: var(--Tight-colors-border-intent-success-hover);
+    .supportHover\:tsystem-trs_background_100ms_ease-out\,_background-color_100ms_ease-out\,_border-color_100ms_ease-out\,_box-shadow_0ms:hover {
+      transition: background 100ms ease-out, background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 0ms;
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bd-c_border\.intent\.warning\.hover:hover {
-      border-color: var(--Tight-colors-border-intent-warning-hover);
+    .supportHover\:tsystem-trs_background_100ms_ease-out\,_box-shadow_0ms:hover {
+      transition: background 100ms ease-out, box-shadow 0ms;
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bd-c_border\.intent\.danger\.hover:hover {
-      border-color: var(--Tight-colors-border-intent-danger-hover);
+    .supportHover\:tsystem-trs_color_100ms_ease-out:hover {
+      transition: color 100ms ease-out;
 }
 }