@layerfi/components 0.1.117-alpha → 0.1.117-alpha.1

package/dist/index.css

@@ -3142,10 +3142,6 @@ tbody .Layer__table__empty-row:first-child {
   justify-content: space-between;
   min-height: 40px;
 }
-.Layer__bank-transactions__header__content-title {
-  display: flex;
-  align-items: center;
-}
 .Layer__bank-transactions__header.Layer__bank-transactions__header--mobile {
   background-color: transparent;
 }
@@ -3742,16 +3738,17 @@ tbody .Layer__table__empty-row:first-child {
     position: sticky;
     z-index: 2;
     top: 0;
-    padding-right: 0;
-    padding-left: 0;
     border-top-left-radius: var(--border-radius-sm);
     border-top-right-radius: var(--border-radius-sm);
     box-shadow: 0 -1px 0 0 rgba(23, 51, 45, 0.16) inset;
     background-color: var(--table-bg);
   }
   .Layer__bank-transactions__header.Layer__bank-transactions__header--mobile {
-    padding-bottom: var(--spacing-2xs);
+    padding-block-end: var(--spacing-sm);
+    padding-inline-start: 0;
+    padding-inline-end: var(--spacing-md);
     box-shadow: none;
+    margin-inline-start: var(--spacing-md);
   }
 }
 .Layer__bank-transaction-list-item__match-tooltip,
@@ -4194,13 +4191,16 @@ tbody .Layer__table__empty-row:first-child {
   padding: 0;
   list-style: none;
 }
+.Layer__bank-transactions__mobile-list .Layer__bank-transaction-mobile-list-item:first-child {
+  margin-top: 0;
+}
 .Layer__bank-transaction-mobile-list-item {
   box-sizing: border-box;
-  width: 100%;
+  width: 95%;
   padding: 0;
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--border-color);
-  margin: var(--spacing-2xs) 0;
+  margin: var(--spacing-2xs) var(--spacing-md);
   background: var(--color-base-0);
   cursor: pointer;
   user-select: none;
@@ -8247,12 +8247,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__BankTransactionsActions > [slot=download-upload] {
   grid-area: download-upload;
-}.Layer__BulkActionsModule {
-  max-width: 100%;
-}
-
-.Layer__BulkActionsModule__SelectedItemsContainer {
-  flex-shrink: 0;
+}.Layer__BulkActionsModule__SelectedItemsContainer {
   height: 2.25rem;
   border-radius: var(--border-radius-2xs);
   border: 1px solid var(--color-base-300);
@@ -8317,7 +8312,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__MonthPicker__InputGroup {
   inline-size: 12rem;
 }
-.Layer__MonthPicker__InputGroup--mobile {
+.Layer__MonthPicker__InputGroup--truncated {
   inline-size: 12ch;
 }.Layer__NewToggle {
   box-sizing: border-box;
@@ -8335,6 +8330,12 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   isolation: isolate;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
+}
+.Layer__NewToggle[data-full-width] {
+  inline-size: 100%;
+}
+.Layer__NewToggle[data-full-width] .Layer__NewToggleOption {
+  flex: 1;
 }.Layer__NewToggleOption {
   box-sizing: border-box;
   position: relative;
@@ -8701,8 +8702,11 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
   border-top: 1px solid var(--color-base-400);
   background-color: var(--color-base-100);
-}.Layer__BankTransactionsMobileBulkActionsHeader__checkbox-container {
-  gap: 20px;
+}.Layer__BankTransactionsMobileBulkActionsHeader {
+  border-radius: var(--input-border-radius);
+  border: 1px solid var(--border-color);
+  margin-inline-start: var(--spacing-md);
+  background-color: var(--color-base-100);
 }.Layer__BusinessFormMobile {
   border-radius: var(--border-radius-2xs);
   border: 1px solid var(--color-base-300);
@@ -10476,66 +10480,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__project-view .Layer__select__menu {
   z-index: 2;
-}.Layer__reports-selector {
-  display: flex;
-  gap: var(--spacing-xs);
-  align-items: center;
-  padding: var(--spacing-sm) var(--spacing-md);
-  border-radius: var(--border-radius-2xs);
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  color: var(--color-base-1000);
-  transition: background-color 0.2s;
-}
-.Layer__reports-selector__chevron {
-  color: var(--color-base-700);
-}
-
-.Layer__reports-selector-drawer {
-  height: 100%;
-}
-.Layer__reports-selector-drawer__header {
-  border-bottom: 1px solid var(--color-base-200);
-}
-.Layer__reports-selector-drawer__options {
-  flex: 1;
-  overflow-y: auto;
-}
-.Layer__reports-selector-drawer__option {
-  display: flex;
-  align-items: center;
-  min-height: 56px;
-  width: 100%;
-  padding: var(--spacing-md) var(--spacing-lg);
-  border: none;
-  border-bottom: 1px solid var(--color-base-100);
-  background: var(--color-base-0);
-  cursor: pointer;
-  text-align: left;
-  color: var(--color-base-1000);
-  transition: background-color 0.2s;
-}
-.Layer__reports-selector-drawer__option:hover {
-  background: var(--color-base-50);
-}
-.Layer__reports-selector-drawer__option:active {
-  background: var(--color-base-100);
-}
-.Layer__reports-selector-drawer__option--selected {
-  background: var(--color-primary-50);
-  color: var(--color-primary-900);
-}
-.Layer__reports-selector-drawer__option--selected:hover {
-  background: var(--color-primary-100);
-}
-.Layer__reports-selector-drawer__option--selected:active {
-  background: var(--color-primary-150);
-}
-
-.Layer__Reports__header-row {
-  padding-block-start: 0.5rem;
-  padding-block-end: 0.75rem;
 }.Layer__toasts-container {
   position: fixed;
   z-index: 1000;

package/dist/index.d.ts

@@ -407,6 +407,8 @@ declare type DeepPartial<T> = {
 declare interface DetailedChartStringOverrides {
     expenseChartHeader?: string;
     revenueChartHeader?: string;
+    revenueToggleLabel?: string;
+    expenseToggleLabel?: string;
 }
 
 declare interface DetailedTableStringOverrides {
@@ -499,6 +501,10 @@ declare interface GeneralLedgerStringOverrides {
 
 export declare const GeneralLedgerView: ({ title, showTitle, showTags, showCustomerVendor, stringOverrides, chartOfAccountsOptions, renderInAppLink, }: GeneralLedgerProps) => JSX_2.Element;
 
+export declare const GlobalMonthPicker: ({ truncateMonth }: {
+    truncateMonth?: boolean;
+}) => JSX_2.Element;
+
 /**
  * Configuration for the hero/main content section of the Landing Page page
  */
@@ -1035,7 +1041,6 @@ export declare const StatementOfCashFlow: (props: StatementOfCashFlowProps) => J
 
 declare type StatementOfCashFlowProps = TimeRangePickerConfig & {
     stringOverrides?: StatementOfCashFlowStringOverrides;
-    view?: ViewBreakpoint_2;
 };
 
 declare interface StatementOfCashFlowStringOverrides {
@@ -1297,8 +1302,6 @@ declare type View = 'mobile' | 'tablet' | 'desktop';
 
 declare type ViewBreakpoint = View | undefined;
 
-declare type ViewBreakpoint_2 = View | undefined;
-
 export { }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.117-alpha",
+  "version": "0.1.117-alpha.1",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",