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

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));
@@ -9582,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;
 }
@@ -9769,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 {
@@ -9777,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) {
@@ -9803,8 +9824,13 @@ 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;
@@ -9899,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;
@@ -9997,9 +10029,15 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__TaxEstimatesSummaryCard--summaryCard .Layer__TaxEstimatesSummaryCard__Content {
   align-items: center;
 }
-.Layer__TaxEstimatesSummaryCard--empty {
+.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));
@@ -10097,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/package.json

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