@layerfi/components 0.1.67 → 0.1.68
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/esm/index.js +1409 -1010
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +139 -17
- package/dist/index.js +1827 -1428
- package/dist/index.js.map +4 -4
- package/dist/styles/index.css +92 -3
- package/dist/styles/index.css.map +3 -3
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -1806,6 +1806,73 @@
|
|
|
1806
1806
|
padding: var(--spacing-xs) var(--spacing-md);
|
|
1807
1807
|
flex: 1;
|
|
1808
1808
|
}
|
|
1809
|
+
.Layer__file-thumb {
|
|
1810
|
+
display: flex;
|
|
1811
|
+
align-items: flex-start;
|
|
1812
|
+
justify-content: flex-start;
|
|
1813
|
+
height: 38px;
|
|
1814
|
+
gap: var(--spacing-2xs);
|
|
1815
|
+
position: relative;
|
|
1816
|
+
}
|
|
1817
|
+
.Layer__file-thumb__actions {
|
|
1818
|
+
display: none;
|
|
1819
|
+
position: absolute;
|
|
1820
|
+
top: -20px;
|
|
1821
|
+
right: -10px;
|
|
1822
|
+
gap: var(--spacing-4xs);
|
|
1823
|
+
padding: var(--spacing-4xs);
|
|
1824
|
+
background-color: var(--color-base-0);
|
|
1825
|
+
border-radius: var(--border-radius-3xs);
|
|
1826
|
+
box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
|
|
1827
|
+
transform: scale(0.8);
|
|
1828
|
+
}
|
|
1829
|
+
.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active {
|
|
1830
|
+
background-color: var(--color-base-50);
|
|
1831
|
+
}
|
|
1832
|
+
.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active:hover {
|
|
1833
|
+
background-color: var(--color-base-100);
|
|
1834
|
+
}
|
|
1835
|
+
.Layer__file-thumb__actions .Layer__file-thumb__actions__remove {
|
|
1836
|
+
color: var(--color-danger);
|
|
1837
|
+
}
|
|
1838
|
+
.Layer__file-thumb:hover .Layer__file-thumb__actions {
|
|
1839
|
+
display: flex;
|
|
1840
|
+
}
|
|
1841
|
+
.Layer__file-thumb__img {
|
|
1842
|
+
width: 100%;
|
|
1843
|
+
height: 100%;
|
|
1844
|
+
height: 38px;
|
|
1845
|
+
width: 38px;
|
|
1846
|
+
border-radius: var(--border-radius-3xs, 4px);
|
|
1847
|
+
background: var(--color-base-300);
|
|
1848
|
+
box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
|
|
1849
|
+
}
|
|
1850
|
+
.Layer__file-thumb__img img {
|
|
1851
|
+
width: 100%;
|
|
1852
|
+
height: 100%;
|
|
1853
|
+
object-fit: cover;
|
|
1854
|
+
}
|
|
1855
|
+
.Layer__file-thumb__details {
|
|
1856
|
+
display: flex;
|
|
1857
|
+
flex-direction: column;
|
|
1858
|
+
align-items: flex-start;
|
|
1859
|
+
gap: var(--spacing-4xs);
|
|
1860
|
+
font-size: var(--text-sm);
|
|
1861
|
+
justify-content: flex-start;
|
|
1862
|
+
padding: var(--spacing-4xs) var(--spacing-2xs);
|
|
1863
|
+
}
|
|
1864
|
+
.Layer__file-thumb__details__date {
|
|
1865
|
+
color: var(--color-base-600);
|
|
1866
|
+
}
|
|
1867
|
+
.Layer__file-thumb__details__uploading {
|
|
1868
|
+
display: flex;
|
|
1869
|
+
align-items: center;
|
|
1870
|
+
gap: var(--spacing-3xs);
|
|
1871
|
+
color: var(--color-info-fg);
|
|
1872
|
+
}
|
|
1873
|
+
.Layer__file-thumb__details__error {
|
|
1874
|
+
color: var(--color-danger);
|
|
1875
|
+
}
|
|
1809
1876
|
.Layer__header {
|
|
1810
1877
|
display: flex;
|
|
1811
1878
|
flex-direction: column;
|
|
@@ -3859,8 +3926,9 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
3859
3926
|
padding: 0 var(--spacing-md);
|
|
3860
3927
|
padding-bottom: var(--spacing-sm);
|
|
3861
3928
|
display: flex;
|
|
3862
|
-
|
|
3863
|
-
|
|
3929
|
+
flex-direction: column;
|
|
3930
|
+
align-items: flex-start;
|
|
3931
|
+
gap: var(--spacing-md);
|
|
3864
3932
|
}
|
|
3865
3933
|
.Layer__bank-transaction-row__actions-cell {
|
|
3866
3934
|
border-left: 1px solid var(--border-color);
|
|
@@ -4007,7 +4075,7 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4007
4075
|
.Layer__table.Layer__bank-transactions__table .Layer__table-cell__amount-col {
|
|
4008
4076
|
position: -webkit-sticky;
|
|
4009
4077
|
position: sticky;
|
|
4010
|
-
right:
|
|
4078
|
+
right: 494px;
|
|
4011
4079
|
width: 150px;
|
|
4012
4080
|
min-width: 150px;
|
|
4013
4081
|
box-sizing: border-box;
|
|
@@ -4015,6 +4083,17 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4015
4083
|
text-align: right;
|
|
4016
4084
|
box-shadow: -8px 0px 20px -2px rgba(255, 255, 255, 0.64);
|
|
4017
4085
|
}
|
|
4086
|
+
.Layer__table.Layer__bank-transactions__table .Layer__bank-transactions__documents-col {
|
|
4087
|
+
position: -webkit-sticky;
|
|
4088
|
+
position: sticky;
|
|
4089
|
+
right: 430px;
|
|
4090
|
+
width: 64px;
|
|
4091
|
+
min-width: 64px;
|
|
4092
|
+
box-sizing: border-box;
|
|
4093
|
+
z-index: 2;
|
|
4094
|
+
text-align: center;
|
|
4095
|
+
box-shadow: -8px 0px 20px -2px rgba(255, 255, 255, 0.64);
|
|
4096
|
+
}
|
|
4018
4097
|
.Layer__table.Layer__bank-transactions__table .Layer__table-cell__category-col {
|
|
4019
4098
|
position: -webkit-sticky;
|
|
4020
4099
|
position: sticky;
|
|
@@ -4043,6 +4122,16 @@ tbody .Layer__table__empty-row:first-child {
|
|
|
4043
4122
|
max-width: 180px;
|
|
4044
4123
|
box-sizing: border-box;
|
|
4045
4124
|
}
|
|
4125
|
+
.Layer__bank-transactions__documents-col {
|
|
4126
|
+
min-width: 64px;
|
|
4127
|
+
width: 64px;
|
|
4128
|
+
max-width: 64px;
|
|
4129
|
+
box-sizing: border-box;
|
|
4130
|
+
text-align: center;
|
|
4131
|
+
}
|
|
4132
|
+
.Layer__bank-transactions__documents-col .Layer__icon-box {
|
|
4133
|
+
background-color: var(--color-base-100);
|
|
4134
|
+
}
|
|
4046
4135
|
@container (min-width: 1400px) {
|
|
4047
4136
|
.Layer__bank-transactions__date-col {
|
|
4048
4137
|
min-width: 160px;
|