@tight-embedded/react 6.0.0 → 6.0.2

package/dist/gcentra.css

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Font Family: G Centra
+ * Designed by: Unknown
+ *
+ * Font Styles:
+ *  G Centra Book (400)
+ *  G Centra Medium (500)
+ *
+ */
+
+@font-face {
+  font-family: "G Centra";
+  src: url('./fonts/gcentra-book.woff') format('woff'), url('./fonts/gcentra-book.woff2') format('woff2'), url('./fonts/G centra-book.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "G Centra";
+  src: url('./fonts/gcentra-medium.woff') format('woff'), url('./fonts/gcentra-medium.woff2') format('woff2'), url('./fonts/G centra-medium.otf') format('opentype');
+  font-weight: 500;
+  font-style: normal;
+}

package/dist/index.css

@@ -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;
@@ -622,8 +624,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 +640,6 @@
     padding: none;
 }
 
-  .tsystem-p_20px_16px_8px_16px {
-    padding: 20px 16px 8px 16px;
-}
-
   .tsystem-bg_foreground {
     background: foreground;
 }
@@ -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;
 }
@@ -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;
 }
@@ -1159,6 +1177,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;
 }
@@ -1227,6 +1257,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 +1305,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 +1313,6 @@
     align-items: flex-end;
 }
 
-  .tsystem-flex-d_row {
-    flex-direction: row;
-}
-
   .tsystem-ta_left {
     text-align: left;
 }
@@ -1307,10 +1341,6 @@
     position: static;
 }
 
-  .tsystem-jc_space-between {
-    justify-content: space-between;
-}
-
   .tsystem-flex-sh_1 {
     flex-shrink: 1;
 }
@@ -1375,6 +1405,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);
 }
@@ -1613,6 +1647,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);
 }
@@ -1725,10 +1767,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);
 }
@@ -2026,12 +2064,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\) {
@@ -2074,8 +2112,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\.discrete\.hover {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
 }
 
   .tsystem-max-w_100\% {
@@ -2086,6 +2128,14 @@
     width: fit-content;
 }
 
+  .tsystem-h_55px {
+    height: 55px;
+}
+
+  .tsystem-min-h_55px {
+    min-height: 55px;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -2262,6 +2312,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;
 }
@@ -2478,8 +2544,8 @@
     height: 60px;
 }
 
-  .tsystem-mt_10px {
-    margin-top: 10px;
+  .tsystem-mt_16px {
+    margin-top: 16px;
 }
 
   .tsystem-max-w_1440px {
@@ -2638,16 +2704,24 @@
     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-h_35px {
+    height: 35px;
 }
 
   .tsystem-pl_15px {
@@ -2734,14 +2808,6 @@
     width: 75px;
 }
 
-  .tsystem-h_55px {
-    height: 55px;
-}
-
-  .tsystem-min-h_55px {
-    min-height: 55px;
-}
-
   .tsystem-max-w_1 {
     max-width: 1px;
 }
@@ -2966,12 +3032,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'] {
@@ -3288,6 +3354,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 +3565,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,6 +3609,10 @@
     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\.discrete\.hover:is(:hover, [data-hover]) {
     background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
 }
@@ -3776,6 +3866,10 @@
       text-align: start;
 }
 
+    .sm\:tsystem-flex-d_row {
+      flex-direction: row;
+}
+
     .sm\:tsystem-min-w_600px {
       min-width: 600px;
 }
@@ -3863,6 +3957,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) {
@@ -3918,8 +4016,8 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_10px {
-      padding: 10px;
+    .xl\:tsystem-p_18px {
+      padding: 18px;
 }
 
     .xl\:tsystem-p_0_10px {
@@ -4046,6 +4144,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 +4215,10 @@
     .xl\:tsystem-h_60px {
       height: 60px;
 }
+
+    .xl\:tsystem-min-w_900px {
+      min-width: 900px;
+}
 }
 
   @media (hover: hover) and (pointer: fine) {