@layerfi/components 0.1.132-alpha.1 → 0.1.132-alpha.3

package/dist/index.css

@@ -4202,6 +4202,16 @@ tbody .Layer__table__empty-row:first-child {
   color: var(--color-base-500);
 }
 
+.Layer__data-state--reset {
+  gap: var(--spacing-xs);
+}
+.Layer__data-state--reset .Layer__data-state__description {
+  margin-bottom: 0;
+}
+.Layer__data-state--reset .Layer__data-state__icon {
+  margin-bottom: 0;
+}
+
 .Layer__data-state--inline {
   flex-direction: row;
   gap: var(--spacing-xs);
@@ -7945,7 +7955,6 @@ tbody .Layer__table__empty-row:first-child {
   border-radius: 2px;
 }
 .Layer__DetailedTable__Column--percent {
-  width: 4ch;
   padding-left: 0;
   text-align: right;
 }
@@ -8110,6 +8119,11 @@ tbody .Layer__table__empty-row:first-child {
   .Layer__ProfitAndLossDetailedChartsHeader--desktop .Layer__ProfitAndLossDetailedChartsHeader__date {
     display: none;
   }
+}.Layer__ProfitAndLossDetailedCharts .recharts-wrapper:focus,
+.Layer__ProfitAndLossDetailedCharts .recharts-wrapper :focus,
+.Layer__ProfitAndLossDetailedCharts .recharts-surface:focus,
+.Layer__ProfitAndLossDetailedCharts .recharts-bar-rectangle:focus {
+  outline: none;
 }.Layer__GlobalDateRangeSelection {
   display: grid;
   grid-template-columns: repeat(3, minmax(10rem, 1fr));
@@ -9233,6 +9247,7 @@ tbody .Layer__table__empty-row:first-child {
 }.Layer__UI__Banner {
   box-sizing: border-box;
   min-height: 56px;
+  width: 100%;
   padding: var(--spacing-sm) var(--spacing-md);
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--banner-border-color);
@@ -9581,7 +9596,13 @@ tbody .Layer__table__empty-row:first-child {
   .Layer__CallBooking__JoinAction {
     flex: 1 1 100%;
   }
-}.Layer__MileageDeductionChart .recharts-responsive-container {
+}.Layer__MileageDeductionChart .recharts-wrapper:focus,
+.Layer__MileageDeductionChart .recharts-wrapper :focus,
+.Layer__MileageDeductionChart .recharts-surface:focus,
+.Layer__MileageDeductionChart .recharts-bar-rectangle:focus {
+  outline: none;
+}
+.Layer__MileageDeductionChart .recharts-responsive-container {
   box-sizing: border-box;
   padding: 0;
 }
@@ -9734,10 +9755,6 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__SummaryCard__HeaderLegend {
   min-inline-size: 0;
 }
-.Layer__SummaryCard__HeaderPrimaryAction {
-  flex-shrink: 0;
-  min-inline-size: 0;
-}
 .Layer__SummaryCard__Content {
   box-sizing: border-box;
   flex: 1 1 auto;
@@ -9772,7 +9789,7 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__ExpensesSummaryCard .Layer__profit-and-loss-detailed-charts__content {
   display: flex;
   align-items: stretch;
-  justify-content: center;
+  justify-content: start;
   overflow: hidden;
 }
 .Layer__ExpensesSummaryCard .Layer__profit-and-loss-detailed-charts__content > .Layer__DetailedChart {
@@ -9780,12 +9797,13 @@ tbody .Layer__table__empty-row:first-child {
   inline-size: auto;
   min-inline-size: 14rem;
   max-inline-size: 18rem;
+  margin-inline: auto;
 }
 .Layer__ExpensesSummaryCard .Layer__profit-and-loss-detailed-charts__content > .Layer__DetailedTable {
-  flex: unset;
   overflow-x: hidden;
   overflow-y: auto;
   min-block-size: 0;
+  inline-size: 100%;
   min-inline-size: 0;
 }
 @media (width <= 767px) {
@@ -9806,25 +9824,20 @@ tbody .Layer__table__empty-row:first-child {
   border-block-end: 0;
 }
 .Layer__ExpensesSummaryCard .Layer__profit-and-loss-detailed-charts .Layer__DetailedChart__container {
-  padding-inline-start: var(--spacing-xs);
-  padding-inline-end: var(--spacing-xs);
+  transition: padding 0.2s ease-in-out;
+  padding-inline: var(--spacing-md);
+}
+@media (width <= 767px) {
+  .Layer__ExpensesSummaryCard .Layer__profit-and-loss-detailed-charts .Layer__DetailedChart__container {
+    padding-inline: 0;
+  }
 }
 .Layer__ExpensesSummaryCard .Layer__DetailedTable {
   min-inline-size: 10rem;
 }
 .Layer__ExpensesSummaryCard .Layer__DetailedTable__container {
   padding-inline: 0;
-}.Layer__MileageTrackingSummary__Header {
-  box-sizing: border-box;
-  padding: var(--spacing-lg);
-  border-bottom: 1px solid var(--color-base-300);
-}
-
-.Layer__MileageTrackingSummary__Content {
-  padding: var(--spacing-lg);
-}
-
-.Layer__MileageTrackingSummary__Cards {
+}.Layer__MileageTrackingSummary__Cards {
   min-width: 12rem;
 }
 
@@ -9860,10 +9873,18 @@ tbody .Layer__table__empty-row:first-child {
   background-size: 4px 4px;
 }.Layer__ProfitAndLossSummaryCard .Layer__chart-wrapper,
 .Layer__ProfitAndLossSummaryCard .Layer__chart-container {
+  height: 100%;
   min-block-size: 15.625rem;
 }
 .Layer__ProfitAndLossSummaryCard div.recharts-responsive-container.Layer__chart-container {
   padding-block-start: var(--spacing-xs);
+}
+@media (width <= 760px) {
+  .Layer__ProfitAndLossSummaryCard .Layer__chart-wrapper {
+    height: unset;
+  }
+}.Layer__SolopreneurLayout__OnboardingBanner {
+  max-width: 1406px;
 }.Layer__Swatch {
   flex-shrink: 0;
   block-size: 0.625rem;
@@ -9904,6 +9925,12 @@ tbody .Layer__table__empty-row:first-child {
   container: horizontal-bar-chart/inline-size;
   inline-size: 100%;
 }
+.Layer__HorizontalBarChart .recharts-wrapper:focus,
+.Layer__HorizontalBarChart .recharts-wrapper :focus,
+.Layer__HorizontalBarChart .recharts-surface:focus,
+.Layer__HorizontalBarChart .recharts-bar-rectangle:focus {
+  outline: none;
+}
 
 .Layer__HorizontalBarChart__Bar {
   block-size: 1.5rem;
@@ -9968,7 +9995,6 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__TaxEstimatesSummaryCard.Layer__card {
   gap: var(--spacing-lg);
-  padding: var(--spacing-lg);
   border: 1px solid var(--color-base-200);
   box-shadow: none;
 }
@@ -10002,6 +10028,16 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__TaxEstimatesSummaryCard--summaryCard .Layer__TaxEstimatesSummaryCard__Content {
   align-items: center;
+}
+.Layer__TaxEstimatesSummaryCard__DataState {
+  height: 100%;
+  min-height: 15rem;
+  margin: 0 auto;
+}
+@media (width >= 760px) {
+  .Layer__TaxEstimatesSummaryCard__DataState {
+    max-width: 30rem;
+  }
 }.Layer__SolopreneurOverview__Grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -10099,10 +10135,7 @@ tbody .Layer__table__empty-row:first-child {
   flex-wrap: wrap;
 }
 .Layer__TaxSummaryCard__AmountWithLabel {
-  min-width: 0;
-}
-.Layer__TaxSummaryCard__Operator {
-  align-self: center;
+  min-inline-size: 5.5rem;
 }
 .Layer__TaxSummaryCard--mobile {
   width: 100%;

package/dist/index.d.ts

@@ -284,10 +284,6 @@ declare const BusinessSchema: Schema.Struct<{
     activationAt: Schema.PropertySignature<":", Date, "activation_at", ":", string, false, never>;
 }>;
 
-declare type CardStringOverrides = {
-    header?: string;
-};
-
 export declare const ChartOfAccounts: (props: ChartOfAccountsProps) => JSX_2.Element;
 
 declare interface ChartOfAccountsFormStringOverrides {
@@ -1025,32 +1021,35 @@ declare const _SIZE_VARIANTS: readonly ["sm", "lg"];
 
 declare type SizeVariant = (typeof _SIZE_VARIANTS)[number];
 
+declare interface SolopreneurOverviewInteractionProps {
+    banner?: {
+        onSetupTaxProfile?: () => void;
+    };
+    profitAndLossSummaries?: {
+        onTransactionsToReviewClick?: () => void;
+    };
+    summaryCards?: {
+        profitAndLoss?: SummaryCardInteractionProps;
+        expenses?: SummaryCardInteractionProps;
+        taxEstimates?: SummaryCardInteractionProps;
+        mileageTracking?: SummaryCardInteractionProps;
+    };
+}
+
 declare interface SolopreneurOverviewProps {
-    showTitle?: boolean;
-    enableOnboarding?: boolean;
-    onboardingStepOverride?: OnboardingStep;
-    onTransactionsToReviewClick?: () => void;
-    middleBanner?: ReactNode;
     chartColorsList?: string[];
     stringOverrides?: SolopreneurOverviewStringOverrides;
-    tagFilter?: TagOption;
-    slotProps?: {
-        profitAndLoss?: {
-            summaries?: {
-                variants?: Variants;
-            };
-        };
-    };
+    interactionProps?: SolopreneurOverviewInteractionProps;
 }
 
 declare interface SolopreneurOverviewStringOverrides {
     title?: string;
     profitAndLossSummaries?: ProfitAndLossSummariesStringOverrides;
-    cards?: {
-        profitAndLoss?: CardStringOverrides;
-        expenses?: CardStringOverrides;
-        taxEstimates?: CardStringOverrides;
-        mileageTracking?: CardStringOverrides;
+    summaryCards?: {
+        profitAndLoss?: SummaryCardStringOverrides;
+        expenses?: SummaryCardStringOverrides;
+        taxEstimates?: SummaryCardStringOverrides;
+        mileageTracking?: SummaryCardStringOverrides;
     };
 }
 
@@ -1086,6 +1085,14 @@ declare interface StatementOfCashFlowTableStringOverrides {
 
 declare type StrictReportingBasis = 'CASH' | 'CASH_COLLECTED' | 'ACCRUAL';
 
+declare type SummaryCardInteractionProps = {
+    onClickExpand?: () => void;
+};
+
+declare type SummaryCardStringOverrides = {
+    title?: string;
+};
+
 export declare enum SupportedLocale {
     enUS = "en-US",
     frCA = "fr-CA"
@@ -1195,7 +1202,7 @@ export declare const unstable_MileageTracking: ({ showTitle }: {
     showTitle?: boolean;
 }) => JSX_2.Element;
 
-export declare const unstable_SolopreneurOverview: ({ showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, slotProps, }: SolopreneurOverviewProps) => JSX_2.Element;
+export declare const unstable_SolopreneurOverview: ({ interactionProps, chartColorsList, stringOverrides, }: SolopreneurOverviewProps) => JSX_2.Element;
 
 export declare const unstable_TaxEstimates: ({ onClickReviewTransactions: onReviewClicked }: TaxEstimatesProps) => JSX_2.Element;
 

package/package.json

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