@layerfi/components 0.1.79 → 0.1.81

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.
package/dist/index.css CHANGED
@@ -1873,10 +1873,9 @@
1873
1873
  }
1874
1874
  }
1875
1875
  .Layer__file-thumb__main {
1876
- display: flex;
1876
+ display: grid;
1877
+ grid-template-columns: auto minmax(0, 1fr);
1877
1878
  gap: var(--spacing-2xs);
1878
- align-items: flex-start;
1879
- justify-content: flex-start;
1880
1879
  }
1881
1880
  .Layer__file-thumb__actions {
1882
1881
  display: flex;
@@ -1940,6 +1939,9 @@
1940
1939
  .Layer__file-thumb__details__error {
1941
1940
  color: var(--color-danger);
1942
1941
  }
1942
+ .Layer__file-thumb__details__name {
1943
+ word-break: break-word;
1944
+ }
1943
1945
  .Layer__header {
1944
1946
  display: flex;
1945
1947
  flex-direction: column;
@@ -3544,58 +3546,66 @@ tbody .Layer__table__empty-row:first-child {
3544
3546
  .Layer__ModalActions {
3545
3547
  padding-block-start: var(--spacing-lg);
3546
3548
  }
3547
- .Layer__VStack {
3549
+ .Layer__Stack {
3548
3550
  display: flex;
3551
+ }
3552
+ .Layer__Stack[data-direction=row] {
3553
+ flex-direction: row;
3554
+ }
3555
+ .Layer__Stack[data-direction=column] {
3549
3556
  flex-direction: column;
3550
3557
  }
3551
- .Layer__VStack[data-align=start] {
3558
+ .Layer__Stack[data-align=start] {
3552
3559
  align-items: start;
3553
3560
  }
3554
- .Layer__VStack[data-align=center] {
3561
+ .Layer__Stack[data-align=center] {
3555
3562
  align-items: center;
3556
3563
  }
3557
- .Layer__VStack[data-align=end] {
3564
+ .Layer__Stack[data-align=end] {
3558
3565
  align-items: end;
3559
3566
  }
3560
- .Layer__VStack[data-justify=start] {
3567
+ .Layer__Stack[data-justify=start] {
3561
3568
  justify-content: start;
3562
3569
  }
3563
- .Layer__VStack[data-justify=center] {
3570
+ .Layer__Stack[data-justify=center] {
3564
3571
  justify-content: center;
3565
3572
  }
3566
- .Layer__VStack[data-justify=end] {
3573
+ .Layer__Stack[data-justify=end] {
3567
3574
  justify-content: end;
3568
3575
  }
3569
- .Layer__VStack[data-gap="3xs"] {
3576
+ .Layer__Stack[data-gap="3xs"] {
3570
3577
  gap: var(--spacing-3xs);
3571
3578
  }
3572
- .Layer__VStack[data-gap="2xs"] {
3579
+ .Layer__Stack[data-gap="2xs"] {
3573
3580
  gap: var(--spacing-2xs);
3574
3581
  }
3575
- .Layer__VStack[data-gap=xs] {
3582
+ .Layer__Stack[data-gap=xs] {
3576
3583
  gap: var(--spacing-xs);
3577
3584
  }
3578
- .Layer__VStack[data-gap=sm] {
3585
+ .Layer__Stack[data-gap=sm] {
3579
3586
  gap: var(--spacing-sm);
3580
3587
  }
3581
- .Layer__VStack[data-gap=md] {
3588
+ .Layer__Stack[data-gap=md] {
3582
3589
  gap: var(--spacing-md);
3583
3590
  }
3584
- .Layer__VStack[data-gap=lg] {
3591
+ .Layer__Stack[data-gap=lg] {
3585
3592
  gap: var(--spacing-lg);
3586
3593
  }
3587
- .Layer__VStack[data-gap=xl] {
3594
+ .Layer__Stack[data-gap=xl] {
3588
3595
  gap: var(--spacing-xl);
3589
3596
  }
3590
- .Layer__VStack[data-gap="2xl"] {
3597
+ .Layer__Stack[data-gap="2xl"] {
3591
3598
  gap: var(--spacing-2xl);
3592
3599
  }
3593
- .Layer__VStack[data-gap="3xl"] {
3600
+ .Layer__Stack[data-gap="3xl"] {
3594
3601
  gap: var(--spacing-3xl);
3595
3602
  }
3596
- .Layer__VStack[data-gap="5xl"] {
3603
+ .Layer__Stack[data-gap="5xl"] {
3597
3604
  gap: var(--spacing-5xl);
3598
3605
  }
3606
+ .Layer__InvisibleDownload {
3607
+ display: none;
3608
+ }
3599
3609
  .Layer__LinkedAccountToConfirm {
3600
3610
  background-color: var(--bg-subtle);
3601
3611
  padding-inline: var(--spacing-md);