@tight-embedded/react 1.3.1 → 1.4.1

package/dist/index.css

@@ -207,7 +207,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);
@@ -420,8 +420,8 @@
     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 {
@@ -468,6 +468,22 @@
     padding: 24px;
 }
 
+  .tsystem-anim_slideIn\.right {
+    animation: var(--Tight-animations-slideIn-right);
+}
+
+  .tsystem-anim_slideIn\.up {
+    animation: var(--Tight-animations-slideIn-up);
+}
+
+  .tsystem-anim_slideOut\.right {
+    animation: var(--Tight-animations-slideOut-right);
+}
+
+  .tsystem-anim_slideOut\.down {
+    animation: var(--Tight-animations-slideOut-down);
+}
+
   .tsystem-m_0_0_7px_0 {
     margin: 0 0 7px 0;
 }
@@ -616,10 +632,6 @@
     padding: 0 10px;
 }
 
-  .tsystem-bg_none {
-    background: var(--Tight-colors-none);
-}
-
   .tsystem-p_2px {
     padding: 2px;
 }
@@ -628,6 +640,10 @@
     padding: 5px 10px;
 }
 
+  .tsystem-bg_none {
+    background: var(--Tight-colors-none);
+}
+
   .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
     border: 1px solid var(--Tight-colors-border-layout);
 }
@@ -640,10 +656,26 @@
     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-bd_\{borderWidths\.sm\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-sm) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -717,6 +749,10 @@
     transition: color 300ms ease-out;
 }
 
+  .tsystem-flex_0_0_auto {
+    flex: 0 0 auto;
+}
+
   .tsystem-bdr_lg {
     border-radius: var(--Tight-radii-lg);
 }
@@ -777,14 +813,34 @@
     border-radius: 50%;
 }
 
-  .tsystem-gap_15 {
-    gap: 15px;
+  .tsystem-gap_12px {
+    gap: 12px;
 }
 
   .tsystem-bd-w_1 {
     border-width: 1px;
 }
 
+  .tsystem-gap_4px {
+    gap: 4px;
+}
+
+  .tsystem-flex_1 {
+    flex: 1 1 0%;
+}
+
+  .tsystem-td_none {
+    text-decoration: none;
+}
+
+  .tsystem-bd-t_\{borderWidths\.lg\}_solid {
+    border-top: var(--Tight-borderWidths-lg) solid;
+}
+
+  .tsystem-gap_15 {
+    gap: 15px;
+}
+
   .tsystem-ov_wrap {
     overflow: wrap;
 }
@@ -833,24 +889,16 @@
     gap: 16px;
 }
 
-  .tsystem-gap_4px {
-    gap: 4px;
-}
-
-  .tsystem-flex_1 {
-    flex: 1 1 0%;
-}
-
   .tsystem-ov_auto {
     overflow: auto;
 }
 
-  .tsystem-bg-p_100\%_0 {
-    background-position: 100% 0;
+  .tsystem-px_8px {
+    padding-inline: 8px;
 }
 
-  .tsystem-gap_12px {
-    gap: 12px;
+  .tsystem-bg-p_100\%_0 {
+    background-position: 100% 0;
 }
 
   .tsystem-bdr_zero {
@@ -949,10 +997,6 @@
     flex: 1 0 0;
 }
 
-  .tsystem-gap_7px {
-    gap: 7px;
-}
-
   .tsystem-gap_16 {
     gap: 16px;
 }
@@ -981,20 +1025,20 @@
     gap: 2px 2px;
 }
 
-  .tsystem-fv_normal {
-    font-variant: normal;
+  .tsystem-gap_7px {
+    gap: 7px;
 }
 
-  .tsystem-td_none {
-    text-decoration: none;
+  .tsystem-bd-w_1px {
+    border-width: 1px;
 }
 
-  .tsystem-text-emphasis_none {
-    text-emphasis: none;
+  .tsystem-fv_normal {
+    font-variant: normal;
 }
 
-  .tsystem-px_8px {
-    padding-inline: 8px;
+  .tsystem-text-emphasis_none {
+    text-emphasis: none;
 }
 
   .tsystem-gap_30px {
@@ -1169,6 +1213,14 @@
     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;
 }
@@ -1245,10 +1297,6 @@
     background-color: var(--Tight-colors-overlay);
 }
 
-  .tsystem-bg-c_surface\.background {
-    background-color: var(--Tight-colors-surface-background);
-}
-
   .tsystem-d_none {
     display: none;
 }
@@ -1808,10 +1856,6 @@
     font-size: 16px;
 }
 
-  .tsystem-bx-sh_none {
-    box-shadow: none;
-}
-
   .tsystem-bg-c_money\.positive\.weak {
     background-color: var(--Tight-colors-money-positive-weak);
 }
@@ -1888,10 +1932,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);
 }
@@ -1960,6 +2000,10 @@
     min-width: 0;
 }
 
+  .tsystem-max-w_325 {
+    max-width: 325px;
+}
+
   .tsystem-min-h_0 {
     min-height: 0;
 }
@@ -1968,12 +2012,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 {
@@ -2148,10 +2192,6 @@
     max-height: 100dvh;
 }
 
-  .tsystem-min-w_384px {
-    min-width: 384px;
-}
-
   .tsystem-min-h_36px {
     min-height: 36px;
 }
@@ -2448,26 +2488,6 @@
     height: 35px;
 }
 
-  .tsystem-w_17px {
-    width: 17px;
-}
-
-  .tsystem-h_17px {
-    height: 17px;
-}
-
-  .tsystem-pl_2px {
-    padding-left: 2px;
-}
-
-  .tsystem-pr_2px {
-    padding-right: 2px;
-}
-
-  .tsystem-pb_5px {
-    padding-bottom: 5px;
-}
-
   .tsystem-w_14px {
     width: 14px;
 }
@@ -2488,6 +2508,10 @@
     margin-right: 15px;
 }
 
+  .tsystem-h_17px {
+    height: 17px;
+}
+
   .tsystem-mb_10px {
     margin-bottom: 10px;
 }
@@ -2532,6 +2556,14 @@
     width: 1px;
 }
 
+  .tsystem-w_70px {
+    width: 70px;
+}
+
+  .tsystem-h_24px {
+    height: 24px;
+}
+
   .tsystem-mt_35px {
     margin-top: 35px;
 }
@@ -2564,6 +2596,10 @@
     max-height: 150px;
 }
 
+  .tsystem-max-h_49px {
+    max-height: 49px;
+}
+
   .tsystem-w_325px {
     width: 325px;
 }
@@ -2576,10 +2612,6 @@
     min-width: 325px;
 }
 
-  .tsystem-min-h_35px {
-    min-height: 35px;
-}
-
   .tsystem-pt_4px {
     padding-top: 4px;
 }
@@ -2660,8 +2692,8 @@
     max-width: 420px;
 }
 
-  .tsystem-h_39px {
-    height: 39px;
+  .tsystem-pt_50px {
+    padding-top: 50px;
 }
 
   .tsystem-pb_8px {
@@ -2922,6 +2954,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;
 }
@@ -3382,6 +3418,14 @@
       padding: 4px;
 }
 
+    .sm\:tsystem-p_10px {
+      padding: 10px;
+}
+
+    .sm\:tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
     .sm\:tsystem-bd-c_transparent {
       border-color: var(--Tight-colors-transparent);
 }
@@ -3474,6 +3518,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;
 }
@@ -3554,6 +3610,18 @@
       max-width: 300px;
 }
 
+    .sm\:tsystem-h_39px {
+      height: 39px;
+}
+
+    .sm\:tsystem-min-h_35px {
+      min-height: 35px;
+}
+
+    .sm\:tsystem-h_fit-content {
+      height: fit-content;
+}
+
     .sm\:tsystem-min-w_360px {
       min-width: 360px;
 }