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

package/dist/index.css

@@ -3407,7 +3407,6 @@ tbody .Layer__table__empty-row:first-child {
   gap: var(--spacing-md);
   align-items: flex-start;
   padding: 0 var(--spacing-md);
-  padding-bottom: var(--spacing-sm);
 }
 .Layer__bank-transaction-row__actions-cell {
   width: 0%;
@@ -3745,10 +3744,8 @@ tbody .Layer__table__empty-row:first-child {
   }
   .Layer__bank-transactions__header.Layer__bank-transactions__header--mobile {
     padding-block-end: var(--spacing-sm);
-    padding-inline-start: 0;
-    padding-inline-end: var(--spacing-md);
+    padding-inline: 0;
     box-shadow: none;
-    margin-inline-start: var(--spacing-md);
   }
 }
 .Layer__bank-transaction-list-item__match-tooltip,
@@ -4196,11 +4193,11 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__bank-transaction-mobile-list-item {
   box-sizing: border-box;
-  width: 95%;
+  width: 100%;
   padding: 0;
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--border-color);
-  margin: var(--spacing-2xs) var(--spacing-md);
+  margin: var(--spacing-2xs) 0;
   background: var(--color-base-0);
   cursor: pointer;
   user-select: none;
@@ -7529,7 +7526,10 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 
 .Layer__ComboBoxNoOptionsMessage {
   padding-block: var(--spacing-sm);
-}.Layer__MoneySpan[data-positive]::before {
+}.Layer__MoneySpan {
+  white-space: nowrap;
+}
+.Layer__MoneySpan[data-positive]::before {
   content: "$";
 }
 .Layer__MoneySpan[data-negative]::before {
@@ -8702,11 +8702,6 @@ 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 {
-  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);
@@ -10243,17 +10238,16 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__ExpandButton--expanded {
   transform: rotate(0deg);
 }.Layer__UI__Table__UnifiedReport {
-  table-layout: fixed;
-  width: 100%;
+  min-width: 100%;
 }
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Row,
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-TableHeader > tr {
-  display: grid;
-  grid-template-columns: minmax(16rem, 80%) minmax(8rem, 20%);
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column,
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell {
+  display: table-cell;
+  text-align: end;
 }
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column__UnifiedReport--Value,
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell__UnifiedReport--Value {
-  justify-content: flex-end;
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column__UnifiedReport--displayName,
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell__UnifiedReport--displayName {
+  text-align: start;
 }.Layer__UnifiedReport__Header {
   height: 4.75rem;
   border-bottom: 1px solid var(--border-color);
@@ -10283,7 +10277,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   }
 }.Layer__UnifiedReport {
   overflow: hidden;
-  width: clamp(24rem, 100%, 1406px);
+  min-width: clamp(24rem, 100%, 1406px);
 }.Layer__due-status {
   display: flex;
   flex-direction: column;

package/dist/index.d.ts

@@ -96,7 +96,7 @@ declare type BalanceSheetProps = PropsWithChildren<{
     effectiveDate?: Date;
     asWidget?: boolean;
     stringOverrides?: BalanceSheetStringOverrides;
-    dateSelectionMode?: 'month' | 'full';
+    dateSelectionMode?: DateSelectionMode;
 }>;
 
 declare interface BalanceSheetStringOverrides {
@@ -395,7 +395,7 @@ declare type DateRange<T = Date> = {
     endDate: T;
 };
 
-declare type DateRangePickerMode = 'full' | 'month';
+declare type DateSelectionMode = 'full' | 'month';
 
 /**
  * Utility type for creating deep partial types - makes all properties optional recursively
@@ -896,7 +896,7 @@ declare interface ProfitAndLossHeaderProps {
     withDatePicker?: boolean;
     withDownloadButton?: boolean;
     withStatus?: boolean;
-    dateSelectionMode?: 'month' | 'full';
+    dateSelectionMode?: DateSelectionMode;
 }
 
 declare interface ProfitAndLossHeaderStringOverrides {
@@ -951,7 +951,7 @@ declare interface ProjectProfitabilityProps {
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
     datePickerMode?: unknown;
-    dateSelectionMode?: DateRangePickerMode;
+    dateSelectionMode?: DateSelectionMode;
     csvMoneyFormat?: MoneyFormat;
 }
 
@@ -1108,7 +1108,7 @@ declare type TimeRangePickerConfig = {
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
      */
     customDateRanges?: unknown;
-    dateSelectionMode?: DateRangePickerMode;
+    dateSelectionMode?: DateSelectionMode;
     csvMoneyFormat?: MoneyFormat;
 };
 
@@ -1120,6 +1120,10 @@ declare interface ToastProps {
     type?: 'success' | 'error' | 'default';
 }
 
+declare type UnifiedReportProps = {
+    dateSelectionMode: DateSelectionMode;
+};
+
 declare type UnknownEnumValue = string & Record<never, never>;
 
 export declare const unstable_BillsView: (props: BillsViewProps) => JSX_2.Element;
@@ -1128,7 +1132,7 @@ export declare const unstable_MileageTracking: ({ showTitle }: {
     showTitle?: boolean;
 }) => JSX_2.Element;
 
-export declare const unstable_UnifiedReports: () => JSX_2.Element;
+export declare const unstable_UnifiedReports: ({ dateSelectionMode }: UnifiedReportProps) => JSX_2.Element;
 
 declare const US_STATES: readonly [{
     readonly value: "AL";

package/package.json

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