@tight-embedded/react 6.9.1 → 6.10.0

package/dist/index.css

@@ -615,6 +615,10 @@
     background: var(--Tight-colors-surface-foreground);
 }
 
+  .tsystem-p_26px {
+    padding: 26px;
+}
+
   .tsystem-p_15px {
     padding: 15px;
 }
@@ -631,6 +635,10 @@
     background: var(--Tight-colors-brand-primary-strong);
 }
 
+  .tsystem-bg_surface\.foreground\.disabled {
+    background: var(--Tight-colors-surface-foreground-disabled);
+}
+
   .tsystem-p_16px_16px {
     padding: 16px 16px;
 }
@@ -707,6 +715,10 @@
     margin: 0 auto;
 }
 
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-p_12px_15px {
     padding: 12px 15px;
 }
@@ -715,6 +727,10 @@
     padding: 15px;
 }
 
+  .tsystem-p_15px_15px_0_15px {
+    padding: 15px 15px 0 15px;
+}
+
   .tsystem-p_large {
     padding: large;
 }
@@ -735,18 +751,6 @@
     padding: 6px 8px;
 }
 
-  .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_1px_solid_\{colors\.border\.intent\.action\} {
     border: 1px solid var(--Tight-colors-border-intent-action);
 }
@@ -847,6 +851,14 @@
     padding: 2px 6px;
 }
 
+  .tsystem-p_0_16px {
+    padding: 0 16px;
+}
+
+  .tsystem-m_0_-9px {
+    margin: 0 -9px;
+}
+
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
@@ -1064,10 +1076,6 @@
     gap: 0;
 }
 
-  .tsystem-bd-c_border\.layout\.weak {
-    border-color: var(--Tight-colors-border-layout-weak);
-}
-
   .tsystem-trs_height_0\.5s\,_width_0\.5s {
     transition: height 0.5s, width 0.5s;
 }
@@ -1284,10 +1292,18 @@
     border-width: var(--Tight-borderWidths-sm);
 }
 
+  .tsystem-bd-c_border\.layout\.weak {
+    border-color: var(--Tight-colors-border-layout-weak);
+}
+
   .tsystem-bd-c_weak {
     border-color: weak;
 }
 
+  .tsystem-py_16px {
+    padding-block: 16px;
+}
+
   .tsystem-flex_1_1_100\% {
     flex: 1 1 100%;
 }
@@ -1658,6 +1674,10 @@
     color: var(--Tight-colors-icon-contrast);
 }
 
+  .tsystem-cursor_not-allowed {
+    cursor: not-allowed;
+}
+
   .tsystem-fill_surface\.intent\.action\.active {
     fill: var(--Tight-colors-surface-intent-action-active);
 }
@@ -1726,10 +1746,6 @@
     object-position: left;
 }
 
-  .tsystem-cursor_not-allowed {
-    cursor: not-allowed;
-}
-
   .tsystem-op_0\.5 {
     opacity: 0.5;
 }
@@ -2678,6 +2694,10 @@
     width: 25px;
 }
 
+  .tsystem-h_35px {
+    height: 35px;
+}
+
   .tsystem-ov-x_hidden {
     overflow-x: hidden;
 }
@@ -2858,14 +2878,14 @@
     width: 44px;
 }
 
-  .tsystem-h_85px {
-    height: 85px;
-}
-
   .tsystem-h_60px {
     height: 60px;
 }
 
+  .tsystem-h_85px {
+    height: 85px;
+}
+
   .tsystem-mt_16px {
     margin-top: 16px;
 }
@@ -3133,10 +3153,6 @@
     padding-right: 15px;
 }
 
-  .tsystem-h_35px {
-    height: 35px;
-}
-
   .tsystem-mb_8px {
     margin-bottom: 8px;
 }
@@ -3381,6 +3397,10 @@
     left: 20px;
 }
 
+  .tsystem-w_-webkit-fill-available {
+    width: -webkit-fill-available;
+}
+
   .tsystem-bottom_-25px {
     bottom: -25px;
 }
@@ -3573,6 +3593,10 @@
     max-width: 175px;
 }
 
+  .odd\:tsystem-bg_surface\.background:nth-child(odd) {
+    background: var(--Tight-colors-surface-background);
+}
+
   .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-haserror='true'] {
     border: var(--Tight-borderWidths-lg) solid;
 }
@@ -3853,6 +3877,14 @@
     background-color: var(--Tight-colors-brand-primary);
 }
 
+  .disabled\:tsystem-cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    cursor: not-allowed;
+}
+
+  .disabled\:tsystem-op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+}
+
   .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bx-sh_none[data-focused='true'] {
     box-shadow: none;
 }
@@ -4072,6 +4104,10 @@
     outline: 2px solid;
 }
 
+  .focusVisible\:tsystem-ring_2px_solid:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+}
+
   .\[\&\:has\(button\:focus-visible\)\]\:tsystem-ring_4px_solid:has(button:focus-visible) {
     outline: 4px solid;
 }
@@ -4156,6 +4192,10 @@
     cursor: text;
 }
 
+  .focusVisible\:tsystem-ring-o_2px:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 2px;
+}
+
   .focusVisible\:tsystem-ring-o_-2px:is(:focus-visible, [data-focus-visible]) {
     outline-offset: -2px;
 }
@@ -4655,14 +4695,14 @@
       background: var(--Tight-colors-surface-background);
 }
 
-    .xl\:tsystem-p_4px {
-      padding: 4px;
-}
-
     .xl\:tsystem-p_16px {
       padding: 16px;
 }
 
+    .xl\:tsystem-p_4px {
+      padding: 4px;
+}
+
     .xl\:tsystem-gap_15px {
       gap: 15px;
 }
@@ -4699,14 +4739,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-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
     .xl\:tsystem-flex_0_0_342px {
       flex: 0 0 342px;
 }
@@ -5104,6 +5144,12 @@
     .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) {
+    .supportHover\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground\.disabled[data-is-checked='false']:hover {
+      background-color: var(--Tight-colors-surface-foreground-disabled);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {

package/dist/index.d.ts

@@ -77,7 +77,7 @@ declare type BankTransactionType = "EXPENSE" | "REVENUE" | "TRANSFER_IN" | "TRAN
  *
  * @see NavState
  */
-export declare type BasePage = "FinancialOverview" | "TransactionsDashboard" | "BanksAndIntegrations" | "ExpenseDashboard" | "IncomeDashboard" | "ReportDashboard" | "GeneralLedger";
+export declare type BasePage = "FinancialOverview" | "TransactionsDashboard" | "BanksAndIntegrations" | "ExpenseDashboard" | "IncomeDashboard" | "ReportDashboard" | "GeneralLedger" | "ChartOfAccounts";
 
 /**
  * A standalone drawer for rendering a conversation that is not attached to an entity.
@@ -104,6 +104,7 @@ declare type DrawerProps = {
     Conversation: ComponentPropsWithoutRef<typeof ConversationDrawer>;
     MobileConversation: ComponentPropsWithoutRef<typeof MobileConversationDrawer>;
     BankAccountForm: ComponentPropsWithoutRef<typeof BankAccountForm>;
+    AccountForm: EmptyObject;
     NewConnection: EmptyObject;
     FinancialSummary: ComponentPropsWithoutRef<typeof FinancialSummaryDrawer>;
     BanksAndIntegrations: EmptyObject;