@layerfi/components 0.1.45 → 0.1.47

package/dist/styles/index.css

@@ -472,6 +472,9 @@
 .Layer__download-retry-btn {
   width: 122px;
 }
+.Layer__download-retry-btn.Layer__btn--icon-only {
+  width: 36px;
+}
 .Layer__btn--primary {
   color: var(--btn-color-primary);
   background: var(--btn-bg-color-primary);
@@ -3221,6 +3224,12 @@ tbody .Layer__table__empty-row:first-child {
   display: flex;
   align-items: center;
 }
+.Layer__header__actions-wrapper {
+  width: 100%;
+}
+.Layer__header__actions {
+  width: 100%;
+}
 .Layer__bank-transactions__list-loader {
   padding: var(--spacing-lg) var(--spacing-md);
 }
@@ -3259,6 +3268,9 @@ tbody .Layer__table__empty-row:first-child {
   width: 100%;
   padding-left: var(--spacing-3xs);
 }
+.Layer__bank-transactions__header--with-date-picker.Layer__bank-transactions__header--mobile .Layer__datepicker__wrapper {
+  margin-right: 4px;
+}
 .Layer__bank-transaction-row {
   transition: all var(--transition-speed) ease-in-out;
   opacity: 0.3;
@@ -3802,6 +3814,8 @@ tbody .Layer__table__empty-row:first-child {
     position: sticky;
     top: 0px;
     z-index: 2;
+    border-top-left-radius: var(--border-radius-sm);
+    border-top-right-radius: var(--border-radius-sm);
   }
   .Layer__bank-transactions__header.Layer__bank-transactions__header--mobile {
     box-shadow: none;
@@ -4376,7 +4390,7 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__bank-transaction-mobile-list-item {
   padding: 0;
-  margin: var(--spacing-2xs);
+  margin: var(--spacing-2xs) var(--spacing-md);
   background: var(--color-base-0);
   box-shadow: 0px 2px 2px 0px var(--color-base-200), 0px 4px 4px 0px var(--color-base-100);
   border-radius: var(--border-radius-sm);
@@ -5648,6 +5662,11 @@ tbody .Layer__table__empty-row:first-child {
   border-bottom: 1px solid var(--border-color);
   height: 63px;
 }
+.Layer__skeleton-loader__row__group {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
 .Layer__skeleton-loader {
   width: 100%;
   height: 12px;
@@ -5982,7 +6001,6 @@ tbody .Layer__table__empty-row:first-child {
   border-right: 1px solid var(--color-base-300);
 }
 .Layer__panel .Layer__panel__content .Layer__component-header {
-  position: sticky;
   top: 0;
   z-index: auto;
   background: rgba(255, 255, 255, 0.5);
@@ -7101,21 +7119,20 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   width: calc(25% - 12px);
   height: 56px;
 }
+.Layer__bookkeeping-overview-profit-and-loss-chart {
+  width: calc(50% - var(--spacing-md) / 2);
+}
 .Layer__bookkeeping-overview-profit-and-loss-charts {
   display: flex;
-  flex-direction: column;
   gap: var(--spacing-md);
   max-width: 1406px;
 }
-.bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
+.Layer__bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
   display: none;
 }
 .Layer__bookkeeping-overview-profit-and-loss .recharts-legend-wrapper {
   top: 16px !important;
 }
-.Layer__component.Layer__bookkeeping-overview-profit-and-loss-chart.bookkeeping-overview-profit-and-loss-chart--hidden {
-  display: none;
-}
 @container (max-width: 796px) {
   .Layer__bookkeeping-overview__summaries-row {
     flex-direction: column;
@@ -7127,12 +7144,18 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__bookkeeping-overview__summaries-row .Layer__notification-card.Layer__txs-to-review {
     width: 100%;
   }
+  .Layer__bookkeeping-overview-profit-and-loss-chart {
+    width: 100%;
+  }
   .Layer__bookkeeping-overview-profit-and-loss-charts {
     flex-direction: column;
   }
   .Layer__bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
     display: flex;
   }
+  .Layer__component.Layer__bookkeeping-overview-profit-and-loss-chart.bookkeeping-overview-profit-and-loss-chart--hidden {
+    display: none;
+  }
 }
 @container (max-width: 460px) {
   .Layer__component.Layer__bookkeeping-overview-profit-and-loss .recharts-responsive-container {