@layerfi/components 0.1.132-alpha → 0.1.132-alpha.2

package/dist/index.css

@@ -9233,6 +9233,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);
@@ -9734,10 +9735,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;
@@ -9814,17 +9811,7 @@ tbody .Layer__table__empty-row:first-child {
 }
 .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 +9847,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;
@@ -9968,7 +9963,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 +9996,10 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__TaxEstimatesSummaryCard--summaryCard .Layer__TaxEstimatesSummaryCard__Content {
   align-items: center;
+}
+.Layer__TaxEstimatesSummaryCard--empty {
+  height: 100%;
+  margin: 0 auto;
 }.Layer__SolopreneurOverview__Grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));

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",
+  "version": "0.1.132-alpha.2",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -108,7 +108,7 @@
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.507.0",
     "motion": "^12.23.11",
-    "react-aria-components": "^1.13.0",
+    "react-aria-components": "^1.17.0",
     "react-calendly": "^4.4.0",
     "react-currency-input-field": "^3.10.0",
     "react-dropzone": "^14.3.8",