@layerfi/components 0.1.73 → 0.1.75
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/.idea/codeStyles/Project.xml +61 -0
- package/.idea/codeStyles/codeStyleConfig.xml +5 -0
- package/.idea/layer-react.iml +9 -0
- package/.idea/misc.xml +6 -0
- package/.idea/modules.xml +8 -0
- package/.idea/vcs.xml +6 -0
- package/dist/esm/index.js +12360 -11908
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +159 -11
- package/dist/index.js +12287 -11840
- package/dist/index.js.map +4 -4
- package/dist/styles/index.css +80 -12
- package/dist/styles/index.css.map +2 -2
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -1013,7 +1013,7 @@
|
|
|
1013
1013
|
}
|
|
1014
1014
|
.Layer__DatePickerModeSelector__container {
|
|
1015
1015
|
display: flex;
|
|
1016
|
-
justify-content: end;
|
|
1016
|
+
justify-content: flex-end;
|
|
1017
1017
|
padding-inline: var(--spacing-xs);
|
|
1018
1018
|
padding-block: var(--spacing-xs);
|
|
1019
1019
|
}
|
|
@@ -1815,22 +1815,46 @@
|
|
|
1815
1815
|
.Layer__file-thumb {
|
|
1816
1816
|
display: flex;
|
|
1817
1817
|
align-items: flex-start;
|
|
1818
|
-
justify-content:
|
|
1819
|
-
height: 38px;
|
|
1818
|
+
justify-content: space-between;
|
|
1819
|
+
min-height: 38px;
|
|
1820
1820
|
gap: var(--spacing-2xs);
|
|
1821
1821
|
position: relative;
|
|
1822
|
+
box-sizing: border-box;
|
|
1823
|
+
container-type: normal;
|
|
1824
|
+
}
|
|
1825
|
+
.Layer__file-thumb:not(.Layer__file-thumb--floating) {
|
|
1826
|
+
width: 100%;
|
|
1827
|
+
max-width: 680px;
|
|
1828
|
+
}
|
|
1829
|
+
@container (max-width: 300px) {
|
|
1830
|
+
.Layer__file-thumb:not(.Layer__file-thumb--floating) {
|
|
1831
|
+
flex-direction: column;
|
|
1832
|
+
border-bottom: 1px solid var(--color-base-300);
|
|
1833
|
+
}
|
|
1834
|
+
.Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) {
|
|
1835
|
+
padding-left: 0;
|
|
1836
|
+
padding-right: 0;
|
|
1837
|
+
margin-left: -6px;
|
|
1838
|
+
}
|
|
1839
|
+
.Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn {
|
|
1840
|
+
width: 26px;
|
|
1841
|
+
height: 26px;
|
|
1842
|
+
}
|
|
1843
|
+
.Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn svg {
|
|
1844
|
+
width: 14px;
|
|
1845
|
+
height: 14px;
|
|
1846
|
+
}
|
|
1847
|
+
}
|
|
1848
|
+
.Layer__file-thumb__main {
|
|
1849
|
+
display: flex;
|
|
1850
|
+
gap: var(--spacing-2xs);
|
|
1851
|
+
align-items: flex-start;
|
|
1852
|
+
justify-content: flex-start;
|
|
1822
1853
|
}
|
|
1823
1854
|
.Layer__file-thumb__actions {
|
|
1824
|
-
display:
|
|
1825
|
-
position: absolute;
|
|
1826
|
-
top: -20px;
|
|
1827
|
-
right: -10px;
|
|
1855
|
+
display: flex;
|
|
1828
1856
|
gap: var(--spacing-4xs);
|
|
1829
1857
|
padding: var(--spacing-4xs);
|
|
1830
|
-
background-color: var(--color-base-0);
|
|
1831
|
-
border-radius: var(--border-radius-3xs);
|
|
1832
|
-
box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
|
|
1833
|
-
transform: scale(0.8);
|
|
1834
1858
|
}
|
|
1835
1859
|
.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active {
|
|
1836
1860
|
background-color: var(--color-base-50);
|
|
@@ -1841,7 +1865,17 @@
|
|
|
1841
1865
|
.Layer__file-thumb__actions .Layer__file-thumb__actions__remove {
|
|
1842
1866
|
color: var(--color-danger);
|
|
1843
1867
|
}
|
|
1844
|
-
.Layer__file-
|
|
1868
|
+
.Layer__file-thumb__actions.Layer__file-thumb__actions--floating {
|
|
1869
|
+
display: none;
|
|
1870
|
+
position: absolute;
|
|
1871
|
+
top: -20px;
|
|
1872
|
+
right: -10px;
|
|
1873
|
+
background-color: var(--color-base-0);
|
|
1874
|
+
border-radius: var(--border-radius-3xs);
|
|
1875
|
+
box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
|
|
1876
|
+
transform: scale(0.8);
|
|
1877
|
+
}
|
|
1878
|
+
.Layer__file-thumb:hover .Layer__file-thumb__actions--floating {
|
|
1845
1879
|
display: flex;
|
|
1846
1880
|
}
|
|
1847
1881
|
.Layer__file-thumb__img {
|
|
@@ -4448,6 +4482,17 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4448
4482
|
border-color: transparent;
|
|
4449
4483
|
background-color: transparent;
|
|
4450
4484
|
}
|
|
4485
|
+
.Layer__bank-transaction-mobile-list-item__description {
|
|
4486
|
+
padding: var(--spacing-md) 0;
|
|
4487
|
+
border-top: 1px solid var(--border-color);
|
|
4488
|
+
}
|
|
4489
|
+
.Layer__bank-transaction-mobile-list-item__description .Layer__textarea {
|
|
4490
|
+
min-height: 72px;
|
|
4491
|
+
}
|
|
4492
|
+
.Layer__bank-transaction-mobile-list-item__description__label {
|
|
4493
|
+
color: var(--color-base-500);
|
|
4494
|
+
margin-bottom: var(--spacing-2xs);
|
|
4495
|
+
}
|
|
4451
4496
|
.Layer__bank-transaction-mobile-list-item__match-list {
|
|
4452
4497
|
display: flex;
|
|
4453
4498
|
flex-direction: column;
|
|
@@ -4491,6 +4536,22 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4491
4536
|
.Layer__bank-transaction-mobile-list-item__match-item.Layer__bank-transaction-mobile-list-item__match-item--selected .Layer__bank-transaction-mobile-list-item__match-item__name {
|
|
4492
4537
|
color: var(--color-base-1000);
|
|
4493
4538
|
}
|
|
4539
|
+
.Layer__bank-transaction-mobile-list-item__actions--with-receipts {
|
|
4540
|
+
padding: var(--spacing-md) 0;
|
|
4541
|
+
border-top: 1px solid var(--border-color);
|
|
4542
|
+
}
|
|
4543
|
+
.Layer__bank-transaction-mobile-list-item__actions--with-receipts .Layer__file-upload {
|
|
4544
|
+
display: flex;
|
|
4545
|
+
flex-direction: column;
|
|
4546
|
+
gap: var(--spacing-sm);
|
|
4547
|
+
}
|
|
4548
|
+
.Layer__bank-transaction-mobile-list-item__actions--with-receipts .Layer__file-upload__label {
|
|
4549
|
+
color: var(--color-base-500);
|
|
4550
|
+
}
|
|
4551
|
+
.Layer__bank-transaction-mobile-list-item__actions {
|
|
4552
|
+
display: flex;
|
|
4553
|
+
gap: var(--spacing-sm);
|
|
4554
|
+
}
|
|
4494
4555
|
@container (max-width: 760px) {
|
|
4495
4556
|
.Layer__expanded-bank-transaction-row__match-table .Layer__expanded-bank-transaction-row__match-table__header {
|
|
4496
4557
|
display: none;
|
|
@@ -4860,6 +4921,13 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4860
4921
|
}
|
|
4861
4922
|
.Layer__bank-transaction-mobile-list-item__heading__account-name {
|
|
4862
4923
|
color: var(--color-base-500);
|
|
4924
|
+
display: flex;
|
|
4925
|
+
align-items: center;
|
|
4926
|
+
gap: var(--spacing-3xs);
|
|
4927
|
+
}
|
|
4928
|
+
.Layer__bank-transaction-mobile-list-item__heading__account-name svg {
|
|
4929
|
+
padding-top: 1px;
|
|
4930
|
+
padding-left: 2px;
|
|
4863
4931
|
}
|
|
4864
4932
|
.Layer__bank-transaction-mobile-list-item__categorized-name {
|
|
4865
4933
|
color: var(--color-base-500);
|