@layerfi/components 0.1.71 → 0.1.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1011,6 +1011,12 @@
1011
1011
  .Layer__datetime__time {
1012
1012
  color: var(--color-base-600);
1013
1013
  }
1014
+ .Layer__DatePickerModeSelector__container {
1015
+ display: flex;
1016
+ justify-content: end;
1017
+ padding-inline: var(--spacing-xs);
1018
+ padding-block: var(--spacing-xs);
1019
+ }
1014
1020
  .Layer__datepicker__wrapper,
1015
1021
  #Layer__datepicker__portal {
1016
1022
  display: inline-flex;
@@ -2672,9 +2678,11 @@
2672
2678
  }
2673
2679
  .Layer__table .Layer__table-cell.Layer__table-cell-amount--positive .Layer__table-cell-content::before {
2674
2680
  content: "$";
2681
+ flex-shrink: 0;
2675
2682
  }
2676
2683
  .Layer__table .Layer__table-cell.Layer__table-cell-amount--negative .Layer__table-cell-content::before {
2677
2684
  content: "-$";
2685
+ flex-shrink: 0;
2678
2686
  }
2679
2687
  .Layer__table .Layer__table-cell .Layer__table-cell-content {
2680
2688
  display: flex;
@@ -5545,6 +5553,15 @@ tbody .Layer__table__empty-row:first-child {
5545
5553
  width: 100%;
5546
5554
  }
5547
5555
  }
5556
+ .Layer__journal__entry-details__reverse-btn-container {
5557
+ padding: var(--spacing-sm) 0;
5558
+ }
5559
+ .Layer__journal__entry-details__reverse-btn-container .Layer__btn {
5560
+ min-width: 150px;
5561
+ }
5562
+ .Layer__journal__entry-details__reverse-btn-container .Layer__btn .Layer__btn-icon:not(.Layer__anim--rotating) {
5563
+ color: var(--color-danger);
5564
+ }
5548
5565
  .Layer__data-state {
5549
5566
  display: flex;
5550
5567
  flex-direction: column;
@@ -5674,6 +5691,34 @@ tbody .Layer__table__empty-row:first-child {
5674
5691
  justify-content: center;
5675
5692
  color: var(--color-base-1000);
5676
5693
  }
5694
+ .Layer__link-accounts {
5695
+ display: flex;
5696
+ flex-direction: column;
5697
+ gap: var(--spacing-lg);
5698
+ }
5699
+ .Layer__link-accounts__box {
5700
+ box-shadow: 0px 0px 0px 1px var(--base-transparent-4);
5701
+ border-radius: var(--border-radius-sm);
5702
+ padding: var(--spacing-xl) var(--spacing-lg);
5703
+ width: 100%;
5704
+ max-width: 672px;
5705
+ background-color: var(--color-base-0);
5706
+ }
5707
+ .Layer__link-accounts__list {
5708
+ display: flex;
5709
+ flex-wrap: wrap;
5710
+ gap: var(--spacing-sm);
5711
+ }
5712
+ .Layer__link-accounts__data-status-container {
5713
+ min-height: 60px;
5714
+ }
5715
+ .Layer__link-accounts__footer {
5716
+ padding-top: var(--spacing-lg);
5717
+ border-top: 1px solid var(--border-color);
5718
+ display: flex;
5719
+ gap: var(--spacing-sm);
5720
+ align-items: center;
5721
+ }
5677
5722
  .Layer__linked-accounts {
5678
5723
  min-height: 150px;
5679
5724
  box-sizing: border-box;
@@ -7432,6 +7477,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
7432
7477
  box-sizing: border-box;
7433
7478
  width: max-content;
7434
7479
  max-width: calc(100vw - 10px);
7480
+ z-index: 100;
7435
7481
  }
7436
7482
  .Layer__tooltip .Layer__tooltip-content {
7437
7483
  background: var(--color-base-1000);