@layerfi/components 0.1.135-alpha → 0.1.136-alpha

package/dist/index.css

@@ -4679,6 +4679,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="4xs"] {
   padding-block-start: var(--spacing-4xs);
 }
+.Layer__Header[data-pi="4xs"],
+.Layer__Label[data-pi="4xs"],
+.Layer__P[data-pi="4xs"],
+.Layer__Span[data-pi="4xs"] {
+  padding-inline: var(--spacing-4xs);
+}
+.Layer__Header[data-pie="4xs"],
+.Layer__Label[data-pie="4xs"],
+.Layer__P[data-pie="4xs"],
+.Layer__Span[data-pie="4xs"] {
+  padding-inline-end: var(--spacing-4xs);
+}
+.Layer__Header[data-pis="4xs"],
+.Layer__Label[data-pis="4xs"],
+.Layer__P[data-pis="4xs"],
+.Layer__Span[data-pis="4xs"] {
+  padding-inline-start: var(--spacing-4xs);
+}
 .Layer__Header[data-pb="3xs"],
 .Layer__Label[data-pb="3xs"],
 .Layer__P[data-pb="3xs"],
@@ -4697,6 +4715,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="3xs"] {
   padding-block-start: var(--spacing-3xs);
 }
+.Layer__Header[data-pi="3xs"],
+.Layer__Label[data-pi="3xs"],
+.Layer__P[data-pi="3xs"],
+.Layer__Span[data-pi="3xs"] {
+  padding-inline: var(--spacing-3xs);
+}
+.Layer__Header[data-pie="3xs"],
+.Layer__Label[data-pie="3xs"],
+.Layer__P[data-pie="3xs"],
+.Layer__Span[data-pie="3xs"] {
+  padding-inline-end: var(--spacing-3xs);
+}
+.Layer__Header[data-pis="3xs"],
+.Layer__Label[data-pis="3xs"],
+.Layer__P[data-pis="3xs"],
+.Layer__Span[data-pis="3xs"] {
+  padding-inline-start: var(--spacing-3xs);
+}
 .Layer__Header[data-pb="2xs"],
 .Layer__Label[data-pb="2xs"],
 .Layer__P[data-pb="2xs"],
@@ -4715,6 +4751,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="2xs"] {
   padding-block-start: var(--spacing-2xs);
 }
+.Layer__Header[data-pi="2xs"],
+.Layer__Label[data-pi="2xs"],
+.Layer__P[data-pi="2xs"],
+.Layer__Span[data-pi="2xs"] {
+  padding-inline: var(--spacing-2xs);
+}
+.Layer__Header[data-pie="2xs"],
+.Layer__Label[data-pie="2xs"],
+.Layer__P[data-pie="2xs"],
+.Layer__Span[data-pie="2xs"] {
+  padding-inline-end: var(--spacing-2xs);
+}
+.Layer__Header[data-pis="2xs"],
+.Layer__Label[data-pis="2xs"],
+.Layer__P[data-pis="2xs"],
+.Layer__Span[data-pis="2xs"] {
+  padding-inline-start: var(--spacing-2xs);
+}
 .Layer__Header[data-pb=xs],
 .Layer__Label[data-pb=xs],
 .Layer__P[data-pb=xs],
@@ -4733,6 +4787,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs=xs] {
   padding-block-start: var(--spacing-xs);
 }
+.Layer__Header[data-pi=xs],
+.Layer__Label[data-pi=xs],
+.Layer__P[data-pi=xs],
+.Layer__Span[data-pi=xs] {
+  padding-inline: var(--spacing-xs);
+}
+.Layer__Header[data-pie=xs],
+.Layer__Label[data-pie=xs],
+.Layer__P[data-pie=xs],
+.Layer__Span[data-pie=xs] {
+  padding-inline-end: var(--spacing-xs);
+}
+.Layer__Header[data-pis=xs],
+.Layer__Label[data-pis=xs],
+.Layer__P[data-pis=xs],
+.Layer__Span[data-pis=xs] {
+  padding-inline-start: var(--spacing-xs);
+}
 .Layer__Header[data-pb=sm],
 .Layer__Label[data-pb=sm],
 .Layer__P[data-pb=sm],
@@ -4751,6 +4823,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs=sm] {
   padding-block-start: var(--spacing-sm);
 }
+.Layer__Header[data-pi=sm],
+.Layer__Label[data-pi=sm],
+.Layer__P[data-pi=sm],
+.Layer__Span[data-pi=sm] {
+  padding-inline: var(--spacing-sm);
+}
+.Layer__Header[data-pie=sm],
+.Layer__Label[data-pie=sm],
+.Layer__P[data-pie=sm],
+.Layer__Span[data-pie=sm] {
+  padding-inline-end: var(--spacing-sm);
+}
+.Layer__Header[data-pis=sm],
+.Layer__Label[data-pis=sm],
+.Layer__P[data-pis=sm],
+.Layer__Span[data-pis=sm] {
+  padding-inline-start: var(--spacing-sm);
+}
 .Layer__Header[data-pb=md],
 .Layer__Label[data-pb=md],
 .Layer__P[data-pb=md],
@@ -4769,6 +4859,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs=md] {
   padding-block-start: var(--spacing-md);
 }
+.Layer__Header[data-pi=md],
+.Layer__Label[data-pi=md],
+.Layer__P[data-pi=md],
+.Layer__Span[data-pi=md] {
+  padding-inline: var(--spacing-md);
+}
+.Layer__Header[data-pie=md],
+.Layer__Label[data-pie=md],
+.Layer__P[data-pie=md],
+.Layer__Span[data-pie=md] {
+  padding-inline-end: var(--spacing-md);
+}
+.Layer__Header[data-pis=md],
+.Layer__Label[data-pis=md],
+.Layer__P[data-pis=md],
+.Layer__Span[data-pis=md] {
+  padding-inline-start: var(--spacing-md);
+}
 .Layer__Header[data-pb=lg],
 .Layer__Label[data-pb=lg],
 .Layer__P[data-pb=lg],
@@ -4787,6 +4895,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs=lg] {
   padding-block-start: var(--spacing-lg);
 }
+.Layer__Header[data-pi=lg],
+.Layer__Label[data-pi=lg],
+.Layer__P[data-pi=lg],
+.Layer__Span[data-pi=lg] {
+  padding-inline: var(--spacing-lg);
+}
+.Layer__Header[data-pie=lg],
+.Layer__Label[data-pie=lg],
+.Layer__P[data-pie=lg],
+.Layer__Span[data-pie=lg] {
+  padding-inline-end: var(--spacing-lg);
+}
+.Layer__Header[data-pis=lg],
+.Layer__Label[data-pis=lg],
+.Layer__P[data-pis=lg],
+.Layer__Span[data-pis=lg] {
+  padding-inline-start: var(--spacing-lg);
+}
 .Layer__Header[data-pb=xl],
 .Layer__Label[data-pb=xl],
 .Layer__P[data-pb=xl],
@@ -4805,6 +4931,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs=xl] {
   padding-block-start: var(--spacing-xl);
 }
+.Layer__Header[data-pi=xl],
+.Layer__Label[data-pi=xl],
+.Layer__P[data-pi=xl],
+.Layer__Span[data-pi=xl] {
+  padding-inline: var(--spacing-xl);
+}
+.Layer__Header[data-pie=xl],
+.Layer__Label[data-pie=xl],
+.Layer__P[data-pie=xl],
+.Layer__Span[data-pie=xl] {
+  padding-inline-end: var(--spacing-xl);
+}
+.Layer__Header[data-pis=xl],
+.Layer__Label[data-pis=xl],
+.Layer__P[data-pis=xl],
+.Layer__Span[data-pis=xl] {
+  padding-inline-start: var(--spacing-xl);
+}
 .Layer__Header[data-pb="2xl"],
 .Layer__Label[data-pb="2xl"],
 .Layer__P[data-pb="2xl"],
@@ -4823,6 +4967,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="2xl"] {
   padding-block-start: var(--spacing-2xl);
 }
+.Layer__Header[data-pi="2xl"],
+.Layer__Label[data-pi="2xl"],
+.Layer__P[data-pi="2xl"],
+.Layer__Span[data-pi="2xl"] {
+  padding-inline: var(--spacing-2xl);
+}
+.Layer__Header[data-pie="2xl"],
+.Layer__Label[data-pie="2xl"],
+.Layer__P[data-pie="2xl"],
+.Layer__Span[data-pie="2xl"] {
+  padding-inline-end: var(--spacing-2xl);
+}
+.Layer__Header[data-pis="2xl"],
+.Layer__Label[data-pis="2xl"],
+.Layer__P[data-pis="2xl"],
+.Layer__Span[data-pis="2xl"] {
+  padding-inline-start: var(--spacing-2xl);
+}
 .Layer__Header[data-pb="3xl"],
 .Layer__Label[data-pb="3xl"],
 .Layer__P[data-pb="3xl"],
@@ -4841,6 +5003,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="3xl"] {
   padding-block-start: var(--spacing-3xl);
 }
+.Layer__Header[data-pi="3xl"],
+.Layer__Label[data-pi="3xl"],
+.Layer__P[data-pi="3xl"],
+.Layer__Span[data-pi="3xl"] {
+  padding-inline: var(--spacing-3xl);
+}
+.Layer__Header[data-pie="3xl"],
+.Layer__Label[data-pie="3xl"],
+.Layer__P[data-pie="3xl"],
+.Layer__Span[data-pie="3xl"] {
+  padding-inline-end: var(--spacing-3xl);
+}
+.Layer__Header[data-pis="3xl"],
+.Layer__Label[data-pis="3xl"],
+.Layer__P[data-pis="3xl"],
+.Layer__Span[data-pis="3xl"] {
+  padding-inline-start: var(--spacing-3xl);
+}
 .Layer__Header[data-pb="5xl"],
 .Layer__Label[data-pb="5xl"],
 .Layer__P[data-pb="5xl"],
@@ -4859,6 +5039,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-pbs="5xl"] {
   padding-block-start: var(--spacing-5xl);
 }
+.Layer__Header[data-pi="5xl"],
+.Layer__Label[data-pi="5xl"],
+.Layer__P[data-pi="5xl"],
+.Layer__Span[data-pi="5xl"] {
+  padding-inline: var(--spacing-5xl);
+}
+.Layer__Header[data-pie="5xl"],
+.Layer__Label[data-pie="5xl"],
+.Layer__P[data-pie="5xl"],
+.Layer__Span[data-pie="5xl"] {
+  padding-inline-end: var(--spacing-5xl);
+}
+.Layer__Header[data-pis="5xl"],
+.Layer__Label[data-pis="5xl"],
+.Layer__P[data-pis="5xl"],
+.Layer__Span[data-pis="5xl"] {
+  padding-inline-start: var(--spacing-5xl);
+}
 .Layer__Header[data-align=left],
 .Layer__Label[data-align=left],
 .Layer__P[data-align=left],
@@ -4883,6 +5081,24 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__Span[data-align=justify] {
   text-align: justify;
 }
+.Layer__Header[data-text-case=uppercase],
+.Layer__Label[data-text-case=uppercase],
+.Layer__P[data-text-case=uppercase],
+.Layer__Span[data-text-case=uppercase] {
+  text-transform: uppercase;
+}
+.Layer__Header[data-text-case=lowercase],
+.Layer__Label[data-text-case=lowercase],
+.Layer__P[data-text-case=lowercase],
+.Layer__Span[data-text-case=lowercase] {
+  text-transform: lowercase;
+}
+.Layer__Header[data-text-case=capitalize],
+.Layer__Label[data-text-case=capitalize],
+.Layer__P[data-text-case=capitalize],
+.Layer__Span[data-text-case=capitalize] {
+  text-transform: capitalize;
+}
 .Layer__Header[data-weight=normal],
 .Layer__Label[data-weight=normal],
 .Layer__P[data-weight=normal],
@@ -6222,6 +6438,8 @@ tbody .Layer__table__empty-row:first-child {
   --size: 1.25rem;
 }.Layer__Popover {
   display: grid;
+  grid-template-rows: minmax(0, 1fr);
+  overflow: hidden;
   inline-size: min(90svi, 60ch);
   border-radius: var(--border-radius-xs);
   border: 1px solid var(--outline-default);
@@ -9153,6 +9371,14 @@ tbody .Layer__table__empty-row:first-child {
   border-right: 1px solid var(--border-color);
 }
 
+.Layer__InvoiceFinalizeStep--previewOnly {
+  grid-template-columns: 1fr;
+}
+
+.Layer__InvoiceFinalizeStep__PreviewPanel--previewOnly {
+  border-right: none;
+}
+
 .Layer__InvoiceFinalizeStep__PaymentMethodsPanelError {
   padding: var(--spacing-md);
 }
@@ -9169,6 +9395,9 @@ tbody .Layer__table__empty-row:first-child {
     border-top: 1px solid var(--border-color);
     border-right: none;
   }
+  .Layer__InvoiceFinalizeStep__PreviewPanel--previewOnly {
+    border-top: none;
+  }
 }.Layer__InvoiceDetail {
   overflow-x: auto;
   width: clamp(62rem, 100%, 1406px);
@@ -9304,6 +9533,15 @@ tbody .Layer__table__empty-row:first-child {
 
 .Layer__UI__TreeItem {
   outline: none;
+}.Layer__TreeNavigation__Chevron {
+  padding: 0;
+  border: none;
+  background: transparent;
+  transition: transform var(--transition-speed) ease;
+}
+
+.Layer__UI__TreeItem[data-expanded] .Layer__TreeNavigation__Chevron {
+  transform: rotate(90deg);
 }.Layer__TreeNavigation .Layer__UI__TreeItem {
   position: relative;
   align-content: center;
@@ -9333,17 +9571,6 @@ tbody .Layer__table__empty-row:first-child {
   bottom: 0;
   width: 2px;
   background: black;
-}
-
-.Layer__TreeNavigation__Chevron {
-  padding: 0;
-  border: none;
-  background: transparent;
-  transition: transform var(--transition-speed) ease;
-}
-
-.Layer__UI__TreeItem[data-expanded] .Layer__TreeNavigation__Chevron {
-  transform: rotate(90deg);
 }.Layer__TreeNavigationSkeleton {
   width: 100%;
 }
@@ -9385,6 +9612,46 @@ tbody .Layer__table__empty-row:first-child {
   display: table-cell;
   min-width: 6rem;
   max-width: 16rem;
+}.Layer__Overlay__Dialog {
+  display: grid;
+  overflow-y: auto;
+  min-block-size: 0;
+  border-radius: var(--border-radius-xs);
+}.Layer__MegaMenuListItem {
+  position: relative;
+  padding-block: var(--spacing-xs);
+  padding-inline: var(--spacing-sm);
+  cursor: pointer;
+}
+.Layer__MegaMenuListItem[data-hovered], .Layer__MegaMenuListItem[data-focused] {
+  background-color: var(--color-base-50);
+}
+.Layer__MegaMenuListItem[data-selected] {
+  background-color: var(--color-base-100);
+  font-weight: var(--font-weight-bold);
+}
+.Layer__MegaMenuListItem[data-selected]::before {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  width: 2px;
+  background: var(--color-black);
+}.Layer__MegaMenuListSection {
+  display: flex;
+  flex-direction: column;
+}.Layer__MegaMenuList {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--spacing-lg);
+  padding: var(--spacing-md);
+  background: var(--color-base-0);
+}
+.Layer__MegaMenuList[data-section-count="1"] {
+  grid-template-columns: 1fr;
+}
+.Layer__MegaMenuList[data-section-count="2"] {
+  grid-template-columns: repeat(2, 1fr);
 }.Layer__YearPicker {
   inline-size: 8rem;
 }.Layer__UnifiedReports__ReportingBasisControl__Container {

package/dist/index.d.ts

@@ -238,7 +238,7 @@ declare type BaseLayerProviderProps = {
     eventCallbacks?: EventCallbacks;
 };
 
-export declare const BookkeepingOverview: ({ title, showTitle, onClickReconnectAccounts, stringOverrides, slotProps, }: BookkeepingOverviewProps) => JSX_2.Element;
+export declare const BookkeepingOverview: ({ title, showTitle, onClickReconnectAccounts, chartColorsList, stringOverrides, slotProps, tagFilter, }: BookkeepingOverviewProps) => JSX_2.Element;
 
 declare interface BookkeepingOverviewProps {
     showTitle?: boolean;
@@ -258,7 +258,9 @@ declare interface BookkeepingOverviewProps {
             };
         };
     };
+    chartColorsList?: string[];
     onClickReconnectAccounts?: () => void;
+    tagFilter?: TagOption;
     /**
      * @deprecated Use `stringOverrides.title` instead
      */
@@ -1193,11 +1195,14 @@ declare interface ToastProps {
     type?: 'success' | 'error' | 'default';
 }
 
+declare type UnifiedReportNavigationVariant = 'sidebar' | 'menu';
+
 declare type UnifiedReportProps = {
     dateSelectionMode?: DateSelectionMode;
+    navigationVariant?: UnifiedReportNavigationVariant;
 };
 
-export declare const UnifiedReports: ({ dateSelectionMode }: UnifiedReportProps) => JSX_2.Element;
+export declare const UnifiedReports: ({ dateSelectionMode, navigationVariant }: UnifiedReportProps) => JSX_2.Element;
 
 declare type UnknownEnumValue = string & Record<never, never>;
 

package/package.json

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