@layerfi/components 0.1.71 → 0.1.73

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,18 @@ 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--disabled {
5560
+ cursor: not-allowed;
5561
+ }
5562
+ .Layer__journal__entry-details__reverse-btn-container .Layer__btn {
5563
+ min-width: 150px;
5564
+ }
5565
+ .Layer__journal__entry-details__reverse-btn-container .Layer__btn .Layer__btn-icon:not(.Layer__anim--rotating) {
5566
+ color: var(--color-danger);
5567
+ }
5548
5568
  .Layer__data-state {
5549
5569
  display: flex;
5550
5570
  flex-direction: column;
@@ -5674,6 +5694,34 @@ tbody .Layer__table__empty-row:first-child {
5674
5694
  justify-content: center;
5675
5695
  color: var(--color-base-1000);
5676
5696
  }
5697
+ .Layer__link-accounts {
5698
+ display: flex;
5699
+ flex-direction: column;
5700
+ gap: var(--spacing-lg);
5701
+ }
5702
+ .Layer__link-accounts__box {
5703
+ box-shadow: 0px 0px 0px 1px var(--base-transparent-4);
5704
+ border-radius: var(--border-radius-sm);
5705
+ padding: var(--spacing-xl) var(--spacing-lg);
5706
+ width: 100%;
5707
+ max-width: 672px;
5708
+ background-color: var(--color-base-0);
5709
+ }
5710
+ .Layer__link-accounts__list {
5711
+ display: flex;
5712
+ flex-wrap: wrap;
5713
+ gap: var(--spacing-sm);
5714
+ }
5715
+ .Layer__link-accounts__data-status-container {
5716
+ min-height: 60px;
5717
+ }
5718
+ .Layer__link-accounts__footer {
5719
+ padding-top: var(--spacing-lg);
5720
+ border-top: 1px solid var(--border-color);
5721
+ display: flex;
5722
+ gap: var(--spacing-sm);
5723
+ align-items: center;
5724
+ }
5677
5725
  .Layer__linked-accounts {
5678
5726
  min-height: 150px;
5679
5727
  box-sizing: border-box;
@@ -6376,7 +6424,7 @@ tbody .Layer__table__empty-row:first-child {
6376
6424
  height: 100%;
6377
6425
  border-left: 1px solid var(--color-base-300);
6378
6426
  border-top-right-radius: var(--border-radius-sm);
6379
- z-index: 100;
6427
+ z-index: 11;
6380
6428
  }
6381
6429
  .Layer__panel__sidebar .Layer__panel__sidebar-content {
6382
6430
  width: 480px;
@@ -7432,6 +7480,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
7432
7480
  box-sizing: border-box;
7433
7481
  width: max-content;
7434
7482
  max-width: calc(100vw - 10px);
7483
+ z-index: 100;
7435
7484
  }
7436
7485
  .Layer__tooltip .Layer__tooltip-content {
7437
7486
  background: var(--color-base-1000);