@tight-embedded/react 6.1.0 → 6.2.0

package/dist/index.css

@@ -99,7 +99,7 @@
     --Tight-fontSizes-md: 14px;
     --Tight-fontSizes-lg: 16px;
     --Tight-fontSizes-xl: 20px;
-    --Tight-fontSizes-2xl: 36px;
+    --Tight-fontSizes-2xl: 24px;
     --Tight-fontWeights-sm: 400;
     --Tight-fontWeights-md: 600;
     --Tight-fontWeights-lg: 900;
@@ -524,18 +524,6 @@
     padding: 15px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-
-  .tsystem-bg_surface\.foreground {
-    background: var(--Tight-colors-surface-foreground);
-}
-
-  .tsystem-bg_brand\.primary\.strong {
-    background: var(--Tight-colors-brand-primary-strong);
-}
-
   .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
     border: 1px solid var(--Tight-colors-border-intent-action);
 }
@@ -548,6 +536,18 @@
     padding: 0 25px;
 }
 
+  .tsystem-bd_\{borderWidths\.lg\}_solid {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+
+  .tsystem-bg_surface\.foreground {
+    background: var(--Tight-colors-surface-foreground);
+}
+
+  .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;
 }
@@ -564,6 +564,10 @@
     border: 1px solid var(--Tight-colors-border-layout);
 }
 
+  .tsystem-m_6px {
+    margin: 6px;
+}
+
   .tsystem-m_0_8px {
     margin: 0 8px;
 }
@@ -636,14 +640,6 @@
     background: foreground;
 }
 
-  .tsystem-p_10px_8px {
-    padding: 10px 8px;
-}
-
-  .tsystem-bg_surface\.intent\.danger\.opaque {
-    background: var(--Tight-colors-surface-intent-danger-opaque);
-}
-
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
@@ -680,20 +676,8 @@
     border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_12px_0_4px {
-    padding: 12px 0 4px;
-}
-
-  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
-    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
-}
-
-  .tsystem-p_15px_15px_0_15px {
-    padding: 15px 15px 0 15px;
-}
-
-  .tsystem-p_26px {
-    padding: 26px;
+  .tsystem-p_4px_0 {
+    padding: 4px 0;
 }
 
   .tsystem-p_2px {
@@ -708,6 +692,18 @@
     background: var(--Tight-colors-none);
 }
 
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-p_15px_15px_0_15px {
+    padding: 15px 15px 0 15px;
+}
+
+  .tsystem-p_26px {
+    padding: 26px;
+}
+
   .tsystem-bd_0 {
     border: 0;
 }
@@ -716,6 +712,10 @@
     padding: 25px;
 }
 
+  .tsystem-bd-x_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border-inline: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -728,6 +728,10 @@
     padding: large;
 }
 
+  .tsystem-p_8px_12px {
+    padding: 8px 12px;
+}
+
   .tsystem-p_6px_0_6px_6px {
     padding: 6px 0 6px 6px;
 }
@@ -981,6 +985,10 @@
     gap: 15px;
 }
 
+  .tsystem-gap_6px {
+    gap: 6px;
+}
+
   .tsystem-bdr_zero {
     border-radius: var(--Tight-radii-zero);
 }
@@ -1057,18 +1065,6 @@
     border-width: 1px;
 }
 
-  .tsystem-bd-c_surface\.intent\.warning\.active {
-    border-color: var(--Tight-colors-surface-intent-warning-active);
-}
-
-  .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-bd-w_sm {
     border-width: var(--Tight-borderWidths-sm);
 }
@@ -1077,18 +1073,10 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
 }
 
-  .tsystem-gap_3px {
-    gap: 3px;
-}
-
   .tsystem-gap_10 {
     gap: 10px;
 }
 
-  .tsystem-bd-b_none {
-    border-bottom: none;
-}
-
   .tsystem-bdr_2px {
     border-radius: 2px;
 }
@@ -1109,8 +1097,16 @@
     border-left: 1px solid var(--Tight-colors-border-layout);
 }
 
-  .tsystem-tw_nowrap {
-    text-wrap: nowrap;
+  .tsystem-bd-b_none {
+    border-bottom: none;
+}
+
+  .tsystem-bd-c_active {
+    border-color: active;
+}
+
+  .tsystem-bd-c_brand\.action\.strong {
+    border-color: var(--Tight-colors-brand-action-strong);
 }
 
   .tsystem-gap_2px_2px {
@@ -1133,8 +1129,8 @@
     overflow: auto;
 }
 
-  .tsystem-bdr_0px {
-    border-radius: 0px;
+  .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
 }
 
   .tsystem-gap_30px {
@@ -1153,8 +1149,8 @@
     overflow: scroll;
 }
 
-  .tsystem-gap_6px {
-    gap: 6px;
+  .tsystem-px_10px {
+    padding-inline: 10px;
 }
 
   .tsystem-bd-l_4px_solid_transparent {
@@ -1305,6 +1301,11 @@
     justify-content: flex-start;
 }
 
+  .tsystem-us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
   .tsystem-c_typography\.base\.weak {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -1525,10 +1526,6 @@
     fill: var(--Tight-colors-transparent);
 }
 
-  .tsystem-c_white100 {
-    color: var(--Tight-colors-white100);
-}
-
   .tsystem-c_typography\.intent\.action {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -1621,6 +1618,10 @@
     background-color: var(--Tight-colors-border-layout-strong);
 }
 
+  .tsystem-bg-c_brand\.action\.strong {
+    background-color: var(--Tight-colors-brand-action-strong);
+}
+
   .tsystem-bg-c_surface\.elevated {
     background-color: var(--Tight-colors-surface-elevated);
 }
@@ -1633,6 +1634,15 @@
     background-size: 400%;
 }
 
+  .tsystem-scr-bar_hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+  .tsystem-scr-bar_hidden::-webkit-scrollbar {
+    display: none;
+}
+
   .tsystem-bx-sh_box-shadow {
     box-shadow: var(--Tight-shadows-box-shadow);
 }
@@ -1859,11 +1869,6 @@
     color: var(--Tight-colors-money-positive);
 }
 
-  .tsystem-us_none {
-    -webkit-user-select: none;
-    user-select: none;
-}
-
   .tsystem-c_brand\.primary\.weak {
     color: var(--Tight-colors-brand-primary-weak);
 }
@@ -1908,15 +1913,6 @@
     line-height: 26px;
 }
 
-  .tsystem-scr-bar_hidden {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-}
-
-  .tsystem-scr-bar_hidden::-webkit-scrollbar {
-    display: none;
-}
-
   .tsystem-pos_sticky {
     position: sticky;
 }
@@ -1959,6 +1955,14 @@
     background-color: foreground;
 }
 
+  .tsystem-z_1 {
+    z-index: 1;
+}
+
+  .tsystem-isolation_isolate {
+    isolation: isolate;
+}
+
   .tsystem-grid-tc_repeat\(7\,_1fr\) {
     grid-template-columns: repeat(7, 1fr);
 }
@@ -2020,34 +2024,6 @@
     font-size: 16px;
 }
 
-  .tsystem-stk_var\(--Tight-colors-border-layout\) {
-    stroke: var(--Tight-colors-border-layout);
-}
-
-  .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);
-}
-
-  .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-c_positive {
     color: positive;
 }
@@ -2064,14 +2040,26 @@
     stroke-dasharray: 0;
 }
 
+  .tsystem-stk_var\(--Tight-colors-border-layout\) {
+    stroke: var(--Tight-colors-border-layout);
+}
+
   .tsystem-fill_var\(--Tight-colors-money-positive-strong\) {
     fill: var(--Tight-colors-money-positive-strong);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
+    fill: var(--Tight-colors-money-positive-weak);
+}
+
   .tsystem-fill_var\(--Tight-colors-money-negative-strong\) {
     fill: var(--Tight-colors-money-negative-strong);
 }
 
+  .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);
 }
@@ -2108,8 +2096,16 @@
     z-index: 100;
 }
 
-  .tsystem-white-space_wrap {
-    white-space: wrap;
+  .tsystem-c_surface\.intent\.danger\.active {
+    color: var(--Tight-colors-surface-intent-danger-active);
+}
+
+  .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-ff_Duplet_Regular\,_sans-serif {
@@ -2532,6 +2528,10 @@
     min-width: 360px;
 }
 
+  .tsystem-right_16px {
+    right: 16px;
+}
+
   .tsystem-w_max-content {
     width: max-content;
 }
@@ -2736,26 +2736,10 @@
     margin-bottom: 42px;
 }
 
-  .tsystem-w_1226px {
-    width: 1226px;
-}
-
   .tsystem-max-w_1440 {
     max-width: 1440px;
 }
 
-  .tsystem-pl_15px {
-    padding-left: 15px;
-}
-
-  .tsystem-pr_15px {
-    padding-right: 15px;
-}
-
-  .tsystem-h_35px {
-    height: 35px;
-}
-
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -2780,6 +2764,10 @@
     min-height: 20px;
 }
 
+  .tsystem-w_0 {
+    width: 0;
+}
+
   .tsystem-pl_5px {
     padding-left: 5px;
 }
@@ -2836,6 +2824,18 @@
     width: 75px;
 }
 
+  .tsystem-pl_15px {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15px {
+    padding-right: 15px;
+}
+
+  .tsystem-h_35px {
+    height: 35px;
+}
+
   .tsystem-max-w_1 {
     max-width: 1px;
 }
@@ -2880,10 +2880,6 @@
     max-height: 49px;
 }
 
-  .tsystem-min-h_52px {
-    min-height: 52px;
-}
-
   .tsystem-max-w_325px {
     max-width: 325px;
 }
@@ -2908,14 +2904,6 @@
     padding-right: 20px;
 }
 
-  .tsystem-w_300px {
-    width: 300px;
-}
-
-  .tsystem-top_20 {
-    top: 20px;
-}
-
   .tsystem-right_20 {
     right: 20px;
 }
@@ -2924,18 +2912,6 @@
     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;
 }
@@ -2984,14 +2960,6 @@
     width: 70%;
 }
 
-  .tsystem-w_200 {
-    width: 200px;
-}
-
-  .tsystem-min-w_200 {
-    min-width: 200px;
-}
-
   .tsystem-ml_6px {
     margin-left: 6px;
 }
@@ -3008,6 +2976,18 @@
     width: 151px;
 }
 
+  .tsystem-mt_22px {
+    margin-top: 22px;
+}
+
+  .tsystem-w_200 {
+    width: 200px;
+}
+
+  .tsystem-min-w_200 {
+    min-width: 200px;
+}
+
   .tsystem-pt_50px {
     padding-top: 50px;
 }
@@ -3048,6 +3028,38 @@
     min-height: 24px;
 }
 
+  .tsystem-mb_16px {
+    margin-bottom: 16px;
+}
+
+  .tsystem-w_160px {
+    width: 160px;
+}
+
+  .tsystem-w_54px {
+    width: 54px;
+}
+
+  .tsystem-top_12 {
+    top: 12px;
+}
+
+  .tsystem-w_172 {
+    width: 172px;
+}
+
+  .tsystem-w_66 {
+    width: 66px;
+}
+
+  .tsystem-top_20 {
+    top: 20px;
+}
+
+  .tsystem-bottom_5 {
+    bottom: 5px;
+}
+
   .tsystem-max-w_120px {
     max-width: 120px;
 }
@@ -3056,6 +3068,14 @@
     width: 1px;
 }
 
+  .tsystem-h_1px {
+    height: 1px;
+}
+
+  .tsystem-min-w_180px {
+    min-width: 180px;
+}
+
   .tsystem-min-w_175px {
     min-width: 175px;
 }
@@ -3100,6 +3120,22 @@
     border-color: var(--Tight-colors-border-intent-danger);
 }
 
+  .first\:tsystem-bd-r_none:first-child {
+    border-right: none;
+}
+
+  .last\:tsystem-bd-l_none:last-child {
+    border-left: none;
+}
+
+  .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:tsystem-bd-l_none:not(:first-child):not(:last-child) {
+    border-left: none;
+}
+
+  .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:tsystem-bd-r_none:not(:first-child):not(:last-child) {
+    border-right: none;
+}
+
   .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.action\.active[data-selected='true'] {
     border-color: var(--Tight-colors-border-intent-action-active);
 }
@@ -3108,6 +3144,10 @@
     border-radius: 50%;
 }
 
+  .first\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\}:first-child {
+    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .\[\&\[data-focused\=\'true\'\]\]\:tsystem-ring_none[data-focused='true'] {
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -3194,14 +3234,6 @@
     stroke: var(--Tight-colors-icon-accent-danger);
 }
 
-  .\[\&\:\:before\]\:tsystem-content_\'\'::before {
-    content: '';
-}
-
-  .\[\&\:\:before\]\:tsystem-pos_absolute::before {
-    position: absolute;
-}
-
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -3210,6 +3242,14 @@
     color: var(--Tight-colors-typography-intent-danger);
 }
 
+  .\[\&\:\:before\]\:tsystem-content_\'\'::before {
+    content: '';
+}
+
+  .\[\&\:\:before\]\:tsystem-pos_absolute::before {
+    position: absolute;
+}
+
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
     color: var(--Tight-colors-typography-intent-primary);
 }
@@ -3326,22 +3366,6 @@
     padding-bottom: 16px;
 }
 
-  .\[\&\:\:before\]\:tsystem-top_-10px::before {
-    top: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-left_-10px::before {
-    left: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-right_-10px::before {
-    right: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
-    bottom: -10px;
-}
-
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
     top: -11px;
 }
@@ -3378,6 +3402,22 @@
     width: 100%;
 }
 
+  .\[\&\:\:before\]\:tsystem-top_-10px::before {
+    top: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-10px::before {
+    left: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-10px::before {
+    right: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
+    bottom: -10px;
+}
+
   .first\:tsystem-bdr-tl_sm:first-child {
     border-top-left-radius: var(--Tight-radii-sm);
 }
@@ -3394,10 +3434,6 @@
     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;
 }
@@ -3410,18 +3446,6 @@
     height: 4px;
 }
 
-  .first\:tsystem-bd-t-w_1px:first-child {
-    border-top-width: 1px;
-}
-
-  .first\:tsystem-border-top-style_solid:first-child {
-    border-top-style: solid;
-}
-
-  .first\:tsystem-bd-t-c_border\.layout:first-child {
-    border-top-color: var(--Tight-colors-border-layout);
-}
-
   .\[\&\:\:before\]\:tsystem-top_-9px::before {
     top: -9px;
 }
@@ -3645,10 +3669,6 @@
     background-color: var(--Tight-colors-brand-action-opaque);
 }
 
-  .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);
 }
@@ -4020,10 +4040,6 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_16px {
-      padding: 16px;
-}
-
     .xl\:tsystem-p_0_10px {
       padding: 0 10px;
 }
@@ -4032,6 +4048,10 @@
       background: var(--Tight-colors-surface-background);
 }
 
+    .xl\:tsystem-p_16px {
+      padding: 16px;
+}
+
     .xl\:tsystem-gap_15px {
       gap: 15px;
 }
@@ -4064,14 +4084,6 @@
       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;
-}
-
     .xl\:tsystem-flex_1_0_0 {
       flex: 1 0 0;
 }
@@ -4084,6 +4096,14 @@
       border-radius: var(--Tight-radii-sm);
 }
 
+    .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;
+}
+
     .xl\:tsystem-flex-sh_0 {
       flex-shrink: 0;
 }
@@ -4116,8 +4136,8 @@
       background-color: var(--Tight-colors-overlay);
 }
 
-    .xl\:tsystem-jc_flex-end {
-      justify-content: flex-end;
+    .xl\:tsystem-ai_flex-end {
+      align-items: flex-end;
 }
 
     .xl\:tsystem-lh_16px {
@@ -4235,6 +4255,12 @@
     .xl\:tsystem-min-w_900px {
       min-width: 900px;
 }
+}
+
+  @media screen and (max-width: 87.4975rem) {
+    .tsystem-show_1\.5xl {
+      display: none;
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4463,12 +4489,6 @@
     .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
       fill: var(--Tight-colors-icon-intent-action-hover);
 }
-}
-
-  @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
-      background-color: var(--Tight-colors-surface-background-hover);
-}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4499,6 +4519,12 @@
     .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
       background-color: var(--Tight-colors-surface-intent-warning-hover);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
+      background-color: var(--Tight-colors-surface-background-hover);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {