@aivenio/aquarium 1.46.0 → 1.48.0
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/_variables.scss +1 -1
- package/dist/atoms.cjs +149 -14
- package/dist/atoms.mjs +148 -14
- package/dist/src/atoms/Alert/Alert.d.ts +14 -0
- package/dist/src/atoms/Alert/Alert.js +60 -3
- package/dist/src/atoms/Card/Card.d.ts +1 -1
- package/dist/src/atoms/DataList/DataList.js +3 -3
- package/dist/src/atoms/Navigation/Navigation.js +2 -2
- package/dist/src/atoms/Section/Section.d.ts +1 -1
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Select/Select.js +4 -5
- package/dist/src/atoms/Table/Table.d.ts +9 -1
- package/dist/src/atoms/Table/Table.js +4 -2
- package/dist/src/molecules/Accordion/Accordion.d.ts +1 -0
- package/dist/src/molecules/Accordion/Accordion.js +2 -2
- package/dist/src/molecules/Alert/Alert.d.ts +7 -1
- package/dist/src/molecules/Alert/Alert.js +22 -4
- package/dist/src/molecules/Avatar/Avatar.d.ts +5 -0
- package/dist/src/molecules/Avatar/Avatar.js +3 -3
- package/dist/src/molecules/Banner/Banner.js +3 -2
- package/dist/src/molecules/Card/Card.js +2 -2
- package/dist/src/molecules/Card/types.d.ts +2 -1
- package/dist/src/molecules/DataList/DataList.d.ts +9 -2
- package/dist/src/molecules/DataList/DataList.js +20 -12
- package/dist/src/molecules/DataList/DataListSkeleton.js +4 -4
- package/dist/src/molecules/DataTable/DataTable.d.ts +9 -2
- package/dist/src/molecules/DataTable/DataTable.js +8 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/PageHeader/PageHeader.js +2 -2
- package/dist/src/molecules/Pagination/Pagination.js +3 -3
- package/dist/src/molecules/Popover/Popover.js +4 -3
- package/dist/src/molecules/Section/Section.js +7 -6
- package/dist/src/molecules/Table/Table.d.ts +1 -0
- package/dist/src/molecules/Table/Table.js +2 -1
- package/dist/src/molecules/Template/Template.d.ts +1 -0
- package/dist/src/molecules/Template/Template.js +3 -3
- package/dist/src/molecules/Typography/Typography.d.ts +4 -0
- package/dist/src/molecules/Typography/Typography.js +28 -4
- package/dist/src/utils/setupTests.js +2 -2
- package/dist/src/utils/table/useTableSort.d.ts +3 -1
- package/dist/src/utils/table/useTableSort.js +3 -3
- package/dist/styles.css +62 -6
- package/dist/system.cjs +527 -335
- package/dist/system.mjs +521 -329
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -976,6 +976,12 @@ input[type='number'].no-arrows {
|
|
|
976
976
|
top: 0;
|
|
977
977
|
bottom: 0;
|
|
978
978
|
}
|
|
979
|
+
.right-4{
|
|
980
|
+
right: 12px;
|
|
981
|
+
}
|
|
982
|
+
.top-\[18px\]{
|
|
983
|
+
top: 18px;
|
|
984
|
+
}
|
|
979
985
|
.top-0{
|
|
980
986
|
top: 0;
|
|
981
987
|
}
|
|
@@ -1012,24 +1018,24 @@ input[type='number'].no-arrows {
|
|
|
1012
1018
|
.bottom-0{
|
|
1013
1019
|
bottom: 0;
|
|
1014
1020
|
}
|
|
1021
|
+
.z-10{
|
|
1022
|
+
z-index: 10;
|
|
1023
|
+
}
|
|
1015
1024
|
.z-modal{
|
|
1016
1025
|
z-index: 100;
|
|
1017
1026
|
}
|
|
1018
1027
|
.-z-10{
|
|
1019
1028
|
z-index: -10;
|
|
1020
1029
|
}
|
|
1021
|
-
.z-10{
|
|
1022
|
-
z-index: 10;
|
|
1023
|
-
}
|
|
1024
1030
|
.z-20{
|
|
1025
1031
|
z-index: 20;
|
|
1026
1032
|
}
|
|
1027
|
-
.z-40{
|
|
1028
|
-
z-index: 40;
|
|
1029
|
-
}
|
|
1030
1033
|
.z-0{
|
|
1031
1034
|
z-index: 0;
|
|
1032
1035
|
}
|
|
1036
|
+
.z-40{
|
|
1037
|
+
z-index: 40;
|
|
1038
|
+
}
|
|
1033
1039
|
.col-span-full{
|
|
1034
1040
|
grid-column: 1 / -1;
|
|
1035
1041
|
}
|
|
@@ -1708,6 +1714,10 @@ input[type='number'].no-arrows {
|
|
|
1708
1714
|
background-color: #fff8ea;
|
|
1709
1715
|
background-color: var(--aquarium-colors-warning-5, #fff8ea);
|
|
1710
1716
|
}
|
|
1717
|
+
.bg-primary-5{
|
|
1718
|
+
background-color: #f3f6ff;
|
|
1719
|
+
background-color: var(--aquarium-colors-primary-5, #f3f6ff);
|
|
1720
|
+
}
|
|
1711
1721
|
.bg-grey-0{
|
|
1712
1722
|
background-color: #f7f7fa;
|
|
1713
1723
|
background-color: var(--aquarium-colors-grey-0, #f7f7fa);
|
|
@@ -1822,6 +1832,38 @@ input[type='number'].no-arrows {
|
|
|
1822
1832
|
.bg-cover{
|
|
1823
1833
|
background-size: cover;
|
|
1824
1834
|
}
|
|
1835
|
+
.fill-primary-10{
|
|
1836
|
+
fill: #e3e9ff;
|
|
1837
|
+
fill: var(--aquarium-colors-primary-10, #e3e9ff);
|
|
1838
|
+
}
|
|
1839
|
+
.fill-success-10{
|
|
1840
|
+
fill: #cbffc9;
|
|
1841
|
+
fill: var(--aquarium-colors-success-10, #cbffc9);
|
|
1842
|
+
}
|
|
1843
|
+
.fill-warning-20{
|
|
1844
|
+
fill: #feebb2;
|
|
1845
|
+
fill: var(--aquarium-colors-warning-20, #feebb2);
|
|
1846
|
+
}
|
|
1847
|
+
.fill-error-10{
|
|
1848
|
+
fill: #ffcbd2;
|
|
1849
|
+
fill: var(--aquarium-colors-error-10, #ffcbd2);
|
|
1850
|
+
}
|
|
1851
|
+
.stroke-primary-60{
|
|
1852
|
+
stroke: #818eec;
|
|
1853
|
+
stroke: var(--aquarium-colors-primary-60, #818eec);
|
|
1854
|
+
}
|
|
1855
|
+
.stroke-success-40{
|
|
1856
|
+
stroke: #60db57;
|
|
1857
|
+
stroke: var(--aquarium-colors-success-40, #60db57);
|
|
1858
|
+
}
|
|
1859
|
+
.stroke-warning-100{
|
|
1860
|
+
stroke: #fe6d00;
|
|
1861
|
+
stroke: var(--aquarium-colors-warning-100, #fe6d00);
|
|
1862
|
+
}
|
|
1863
|
+
.stroke-error-100{
|
|
1864
|
+
stroke: #aa0000;
|
|
1865
|
+
stroke: var(--aquarium-colors-error-100, #aa0000);
|
|
1866
|
+
}
|
|
1825
1867
|
.object-cover{
|
|
1826
1868
|
-o-object-fit: cover;
|
|
1827
1869
|
object-fit: cover;
|
|
@@ -1861,6 +1903,10 @@ input[type='number'].no-arrows {
|
|
|
1861
1903
|
padding-top: 8px;
|
|
1862
1904
|
padding-bottom: 8px;
|
|
1863
1905
|
}
|
|
1906
|
+
.px-\[60px\]{
|
|
1907
|
+
padding-left: 60px;
|
|
1908
|
+
padding-right: 60px;
|
|
1909
|
+
}
|
|
1864
1910
|
.py-2{
|
|
1865
1911
|
padding-top: 4px;
|
|
1866
1912
|
padding-bottom: 4px;
|
|
@@ -1979,6 +2025,9 @@ input[type='number'].no-arrows {
|
|
|
1979
2025
|
.font-normal{
|
|
1980
2026
|
font-weight: 400;
|
|
1981
2027
|
}
|
|
2028
|
+
.font-semibold{
|
|
2029
|
+
font-weight: 600;
|
|
2030
|
+
}
|
|
1982
2031
|
.uppercase{
|
|
1983
2032
|
text-transform: uppercase;
|
|
1984
2033
|
}
|
|
@@ -2358,6 +2407,9 @@ input[type='number'].no-arrows {
|
|
|
2358
2407
|
.opacity-60{
|
|
2359
2408
|
opacity: 0.6;
|
|
2360
2409
|
}
|
|
2410
|
+
.opacity-40{
|
|
2411
|
+
opacity: 0.4;
|
|
2412
|
+
}
|
|
2361
2413
|
.shadow-16dp{
|
|
2362
2414
|
--tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
|
|
2363
2415
|
--tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
|
|
@@ -2420,6 +2472,10 @@ input[type='number'].no-arrows {
|
|
|
2420
2472
|
--tw-blur: blur(8px);
|
|
2421
2473
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2422
2474
|
}
|
|
2475
|
+
.grayscale{
|
|
2476
|
+
--tw-grayscale: grayscale(100%);
|
|
2477
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2478
|
+
}
|
|
2423
2479
|
.filter{
|
|
2424
2480
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2425
2481
|
}
|