@tight-embedded/react 6.0.2 → 6.0.3

package/dist/index.css

@@ -175,9 +175,9 @@
     --Tight-colors-surface-intent-action-hover: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-action-active: var(--Tight-colors-brand-action-strong);
     --Tight-colors-surface-intent-action-disabled: var(--Tight-colors-surface-foreground-disabled);
-    --Tight-colors-surface-intent-action-discrete: transparent;
-    --Tight-colors-surface-intent-action-discrete-hover: var(--Tight-colors-brand-action-weak);
-    --Tight-colors-surface-intent-action-discrete-active: var(--Tight-colors-brand-action);
+    --Tight-colors-surface-intent-action-discreet: transparent;
+    --Tight-colors-surface-intent-action-discreet-hover: var(--Tight-colors-brand-action-weak);
+    --Tight-colors-surface-intent-action-discreet-active: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-success: var(--Tight-colors-brand-success-weak);
     --Tight-colors-surface-intent-success-hover: var(--Tight-colors-brand-success);
     --Tight-colors-surface-intent-success-active: var(--Tight-colors-brand-success-strong);
@@ -556,6 +556,10 @@
     padding: 0 25px;
 }
 
+  .tsystem-bd_\{borderWidths\.lg\}_solid {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+
   .tsystem-bg_surface\.foreground {
     background: var(--Tight-colors-surface-foreground);
 }
@@ -648,10 +652,6 @@
     padding: 10px 8px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-
   .tsystem-bg_surface\.intent\.danger\.opaque {
     background: var(--Tight-colors-surface-intent-danger-opaque);
 }
@@ -977,8 +977,8 @@
     flex: 1 1 0;
 }
 
-  .tsystem-ov_auto {
-    overflow: auto;
+  .tsystem-ovs-b_contain {
+    overscroll-behavior: contain;
 }
 
   .tsystem-gap_2px {
@@ -1157,6 +1157,10 @@
     text-emphasis: none;
 }
 
+  .tsystem-ov_auto {
+    overflow: auto;
+}
+
   .tsystem-gap_30px {
     gap: 30px;
 }
@@ -1213,8 +1217,8 @@
     color: var(--Tight-colors-typography-intent-secondary);
 }
 
-  .tsystem-bg-c_surface\.intent\.action\.discrete {
-    background-color: var(--Tight-colors-surface-intent-action-discrete);
+  .tsystem-bg-c_surface\.intent\.action\.discreet {
+    background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
   .tsystem-fs_md {
@@ -1325,6 +1329,14 @@
     display: none;
 }
 
+  .tsystem-bg-c_money\.positive\.weak {
+    background-color: var(--Tight-colors-money-positive-weak);
+}
+
+  .tsystem-bg-c_money\.negative\.weak {
+    background-color: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-bg-c_surface\.intent\.secondary {
     background-color: var(--Tight-colors-surface-intent-secondary);
 }
@@ -1513,14 +1525,14 @@
     stroke: var(--Tight-colors-icon-intent-action-active);
 }
 
-  .tsystem-fill_transparent {
-    fill: var(--Tight-colors-transparent);
-}
-
   .tsystem-obj-f_contain {
     object-fit: contain;
 }
 
+  .tsystem-fill_transparent {
+    fill: var(--Tight-colors-transparent);
+}
+
   .tsystem-c_typography\.intent\.action {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -1675,6 +1687,10 @@
     font-weight: var(--Tight-fontWeights-label);
 }
 
+  .tsystem-c_typography\.base\.weak {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
   .tsystem-c_typography\.label {
     color: var(--Tight-colors-typography-label);
 }
@@ -1715,10 +1731,6 @@
     -webkit-box-orient: vertical;
 }
 
-  .tsystem-c_typography\.base\.weak {
-    color: var(--Tight-colors-typography-base-weak);
-}
-
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
@@ -1848,14 +1860,14 @@
     user-select: none;
 }
 
-  .tsystem-c_brand\.danger {
-    color: var(--Tight-colors-brand-danger);
-}
-
   .tsystem-c_brand\.primary\.weak {
     color: var(--Tight-colors-brand-primary-weak);
 }
 
+  .tsystem-c_brand\.danger {
+    color: var(--Tight-colors-brand-danger);
+}
+
   .tsystem-d_block {
     display: block;
 }
@@ -1917,10 +1929,6 @@
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-ai_flexStart {
-    align-items: flexStart;
-}
-
   .tsystem-stk_icon\.base {
     stroke: var(--Tight-colors-icon-base);
 }
@@ -2024,14 +2032,14 @@
     stroke: var(--Tight-colors-border-layout);
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
-    fill: var(--Tight-colors-money-negative-weak);
-}
-
   .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
     fill: var(--Tight-colors-money-positive-weak);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
+    fill: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-c_var\(--Tight-colors-money-positive-weak\) {
     color: var(--Tight-colors-money-positive-weak);
 }
@@ -2048,12 +2056,12 @@
     color: var(--Tight-colors-money-negative);
 }
 
-  .tsystem-bg-c_money\.positive\.weak {
-    background-color: var(--Tight-colors-money-positive-weak);
+  .tsystem-c_positive {
+    color: positive;
 }
 
-  .tsystem-bg-c_money\.negative\.weak {
-    background-color: var(--Tight-colors-money-negative-weak);
+  .tsystem-c_negative {
+    color: negative;
 }
 
   .tsystem-va_top {
@@ -2096,12 +2104,12 @@
     stroke-width: 1;
 }
 
-  .tsystem-bg-c_\#F003 {
-    background-color: #F003;
+  .tsystem-bar1_positive {
+    bar1: positive;
 }
 
-  .tsystem-bg-c_\#00F3 {
-    background-color: #00F3;
+  .tsystem-bar2_negative {
+    bar2: negative;
 }
 
   .tsystem-z_100 {
@@ -2116,8 +2124,8 @@
     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-bg-c_surface\.intent\.action\.discreet\.hover {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .tsystem-max-w_100\% {
@@ -2420,24 +2428,8 @@
     min-width: 128px;
 }
 
-  .tsystem-w_0 {
-    width: 0;
-}
-
-  .tsystem-h_0 {
-    height: 0;
-}
-
-  .tsystem-max-w_0 {
-    max-width: 0;
-}
-
-  .tsystem-w_100dvw {
-    width: 100dvw;
-}
-
-  .tsystem-max-h_100dvh {
-    max-height: 100dvh;
+  .tsystem-min-h_100\% {
+    min-height: 100%;
 }
 
   .tsystem-min-h_36px {
@@ -2720,6 +2712,10 @@
     padding-top: 8px;
 }
 
+  .tsystem-pt_0 {
+    padding-top: 0;
+}
+
   .tsystem-h_35px {
     height: 35px;
 }
@@ -2888,12 +2884,12 @@
     padding-left: 25px;
 }
 
-  .tsystem-w_300px {
-    width: 300px;
+  .tsystem-pr_20px {
+    padding-right: 20px;
 }
 
-  .tsystem-min-h_100\% {
-    min-height: 100%;
+  .tsystem-w_300px {
+    width: 300px;
 }
 
   .tsystem-top_20 {
@@ -3226,8 +3222,8 @@
     background-color: var(--Tight-colors-currentColor);
 }
 
-  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-state='open'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
@@ -3250,8 +3246,8 @@
     cursor: default;
 }
 
-  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-selected='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-selected='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-content_\'\'[data-today='true']::after {
@@ -3274,12 +3270,12 @@
     box-shadow: none;
 }
 
-  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-focused='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-focused='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
-  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&_path\]\:tsystem-stk_surface\.foreground path {
@@ -3613,8 +3609,8 @@
     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);
+  .hover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:is(:hover, [data-hover]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
@@ -3641,8 +3637,8 @@
     border-color: var(--Tight-colors-border-intent-warning-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true']:enabled {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active[data-active='true']:enabled {
@@ -3653,8 +3649,8 @@
     fill: var(--Tight-colors-icon-intent-action-active);
 }
 
-  .active\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:is(:active, [data-active]) {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .active\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:is(:active, [data-active]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active[data-active='true']:enabled {
@@ -3798,8 +3794,8 @@
       place-self: flex-end;
 }
 
-    .sm\:tsystem-bg-c_surface\.intent\.action\.discrete {
-      background-color: var(--Tight-colors-surface-intent-action-discrete);
+    .sm\:tsystem-bg-c_surface\.intent\.action\.discreet {
+      background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
     .sm\:tsystem-fs_label\.strong {
@@ -3906,30 +3902,6 @@
       max-width: 512px;
 }
 
-    .sm\:tsystem-w_100dvw {
-      width: 100dvw;
-}
-
-    .sm\:tsystem-h_100dvh {
-      height: 100dvh;
-}
-
-    .sm\:tsystem-min-w_100dvw {
-      min-width: 100dvw;
-}
-
-    .sm\:tsystem-min-h_100dvh {
-      min-height: 100dvh;
-}
-
-    .sm\:tsystem-max-h_100dvh {
-      max-height: 100dvh;
-}
-
-    .sm\:tsystem-max-w_100dvw {
-      max-width: 100dvw;
-}
-
     .sm\:tsystem-max-w_300 {
       max-width: 300px;
 }
@@ -3971,8 +3943,8 @@
 
   @media screen and (min-width: 40rem) {
     @media (hover: hover) and (pointer: fine) {
-      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-        background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+        background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 }
@@ -4016,8 +3988,8 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_18px {
-      padding: 18px;
+    .xl\:tsystem-p_16px {
+      padding: 16px;
 }
 
     .xl\:tsystem-p_0_10px {
@@ -4056,6 +4028,14 @@
       border-radius: borderWidths.sm;
 }
 
+    .xl\:tsystem-ovs-b_none {
+      overscroll-behavior: none;
+}
+
+    .xl\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
     .xl\:tsystem-gap_12px {
       gap: 12px;
 }
@@ -4100,6 +4080,10 @@
       align-self: stretch;
 }
 
+    .xl\:tsystem-bg-c_overlay {
+      background-color: var(--Tight-colors-overlay);
+}
+
     .xl\:tsystem-lh_16px {
       line-height: 16px;
 }
@@ -4124,10 +4108,6 @@
       font-size: var(--Tight-fontSizes-md);
 }
 
-    .xl\:tsystem-fw_lg {
-      font-weight: var(--Tight-fontWeights-lg);
-}
-
     .xl\:tsystem-fs_body {
       font-size: var(--Tight-fontSizes-body);
 }
@@ -4216,6 +4196,10 @@
       height: 60px;
 }
 
+    .xl\:tsystem-pt_8px {
+      padding-top: 8px;
+}
+
     .xl\:tsystem-min-w_900px {
       min-width: 900px;
 }
@@ -4426,14 +4410,14 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:enabled:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:enabled:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4486,8 +4470,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-state='closed'][data-disablehover='false']:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-state='closed'][data-disablehover='false']:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4504,8 +4488,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4606,8 +4590,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 
-export declare function BanksAndIntegrations({ onPlaidLink, hideManualBanks }: BanksAndIntegrationsComponentProps): JSX.Element;
+export declare function BanksAndIntegrations({ onPlaidLink }: BanksAndIntegrationsComponentProps): JSX.Element;
 
 declare type BanksAndIntegrationsComponentProps = {
     onPlaidLink?: (eventData: OnPlaidLinkEventData) => void;
-    hideManualBanks?: boolean;
 };
 
 declare type BanksAndIntegrationsOptions = {