elements-kit 0.14.0 → 0.16.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/ui/accordion/accordion.css +10 -10
- package/dist/ui/alert/alert.css +6 -6
- package/dist/ui/badge/badge.css +17 -17
- package/dist/ui/button/button.css +33 -33
- package/dist/ui/checkbox/checkbox.css +5 -5
- package/dist/ui/code/code.css +16 -16
- package/dist/ui/link/link.css +3 -3
- package/dist/ui/marketing/marketing.css +2 -2
- package/dist/ui/progress/progress.css +4 -4
- package/dist/ui/radio/radio.css +5 -5
- package/dist/ui/segmented-control/segmented-control.css +7 -9
- package/dist/ui/select/select.css +160 -0
- package/dist/ui/slider/slider.css +4 -4
- package/dist/ui/styles/accent/amber.css +30 -0
- package/dist/ui/styles/accent/base.css +30 -0
- package/dist/ui/styles/accent/blue.css +30 -0
- package/dist/ui/styles/accent/bronze.css +30 -0
- package/dist/ui/styles/accent/brown.css +30 -0
- package/dist/ui/styles/accent/crimson.css +30 -0
- package/dist/ui/styles/accent/cyan.css +30 -0
- package/dist/ui/styles/accent/error.css +30 -0
- package/dist/ui/styles/accent/gold.css +30 -0
- package/dist/ui/styles/accent/grass.css +30 -0
- package/dist/ui/styles/accent/green.css +30 -0
- package/dist/ui/styles/accent/indigo.css +30 -0
- package/dist/ui/styles/accent/info.css +30 -0
- package/dist/ui/styles/accent/iris.css +30 -0
- package/dist/ui/styles/accent/jade.css +30 -0
- package/dist/ui/styles/accent/lime.css +30 -0
- package/dist/ui/styles/accent/mint.css +30 -0
- package/dist/ui/styles/accent/orange.css +30 -0
- package/dist/ui/styles/accent/pink.css +30 -0
- package/dist/ui/styles/accent/plum.css +30 -0
- package/dist/ui/styles/accent/purple.css +30 -0
- package/dist/ui/styles/accent/red.css +30 -0
- package/dist/ui/styles/accent/ruby.css +30 -0
- package/dist/ui/styles/accent/sky.css +30 -0
- package/dist/ui/styles/accent/success.css +30 -0
- package/dist/ui/styles/accent/teal.css +30 -0
- package/dist/ui/styles/accent/tomato.css +30 -0
- package/dist/ui/styles/accent/violet.css +30 -0
- package/dist/ui/styles/accent/warning.css +30 -0
- package/dist/ui/styles/accent/yellow.css +30 -0
- package/dist/ui/styles/theme.css +25 -25
- package/dist/ui/switch/switch.css +7 -7
- package/dist/ui/text-input/text-input.css +10 -10
- package/dist/ui/toggle/toggle.css +7 -7
- package/package.json +1 -1
- package/dist/ui/styles/colors/amber.css +0 -30
- package/dist/ui/styles/colors/base.css +0 -30
- package/dist/ui/styles/colors/blue.css +0 -30
- package/dist/ui/styles/colors/bronze.css +0 -30
- package/dist/ui/styles/colors/brown.css +0 -30
- package/dist/ui/styles/colors/crimson.css +0 -30
- package/dist/ui/styles/colors/cyan.css +0 -30
- package/dist/ui/styles/colors/error.css +0 -30
- package/dist/ui/styles/colors/gold.css +0 -30
- package/dist/ui/styles/colors/grass.css +0 -30
- package/dist/ui/styles/colors/green.css +0 -30
- package/dist/ui/styles/colors/indigo.css +0 -30
- package/dist/ui/styles/colors/info.css +0 -30
- package/dist/ui/styles/colors/iris.css +0 -30
- package/dist/ui/styles/colors/jade.css +0 -30
- package/dist/ui/styles/colors/lime.css +0 -30
- package/dist/ui/styles/colors/mint.css +0 -30
- package/dist/ui/styles/colors/orange.css +0 -30
- package/dist/ui/styles/colors/pink.css +0 -30
- package/dist/ui/styles/colors/plum.css +0 -30
- package/dist/ui/styles/colors/purple.css +0 -30
- package/dist/ui/styles/colors/red.css +0 -30
- package/dist/ui/styles/colors/ruby.css +0 -30
- package/dist/ui/styles/colors/sky.css +0 -30
- package/dist/ui/styles/colors/success.css +0 -30
- package/dist/ui/styles/colors/teal.css +0 -30
- package/dist/ui/styles/colors/tomato.css +0 -30
- package/dist/ui/styles/colors/violet.css +0 -30
- package/dist/ui/styles/colors/warning.css +0 -30
- package/dist/ui/styles/colors/yellow.css +0 -30
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="sky"] {
|
|
2
|
-
--color-1: var(--sky-1);
|
|
3
|
-
--color-2: var(--sky-2);
|
|
4
|
-
--color-3: var(--sky-3);
|
|
5
|
-
--color-4: var(--sky-4);
|
|
6
|
-
--color-5: var(--sky-5);
|
|
7
|
-
--color-6: var(--sky-6);
|
|
8
|
-
--color-7: var(--sky-7);
|
|
9
|
-
--color-8: var(--sky-8);
|
|
10
|
-
--color-9: var(--sky-9);
|
|
11
|
-
--color-10: var(--sky-10);
|
|
12
|
-
--color-11: var(--sky-11);
|
|
13
|
-
--color-12: var(--sky-12);
|
|
14
|
-
--color-a1: var(--sky-a1);
|
|
15
|
-
--color-a2: var(--sky-a2);
|
|
16
|
-
--color-a3: var(--sky-a3);
|
|
17
|
-
--color-a4: var(--sky-a4);
|
|
18
|
-
--color-a5: var(--sky-a5);
|
|
19
|
-
--color-a6: var(--sky-a6);
|
|
20
|
-
--color-a7: var(--sky-a7);
|
|
21
|
-
--color-a8: var(--sky-a8);
|
|
22
|
-
--color-a9: var(--sky-a9);
|
|
23
|
-
--color-a10: var(--sky-a10);
|
|
24
|
-
--color-a11: var(--sky-a11);
|
|
25
|
-
--color-a12: var(--sky-a12);
|
|
26
|
-
--accent-contrast: var(--sky-contrast);
|
|
27
|
-
--accent-surface: var(--sky-surface);
|
|
28
|
-
--accent-indicator: var(--sky-indicator);
|
|
29
|
-
--accent-track: var(--sky-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="success"] {
|
|
2
|
-
--color-1: var(--green-1);
|
|
3
|
-
--color-2: var(--green-2);
|
|
4
|
-
--color-3: var(--green-3);
|
|
5
|
-
--color-4: var(--green-4);
|
|
6
|
-
--color-5: var(--green-5);
|
|
7
|
-
--color-6: var(--green-6);
|
|
8
|
-
--color-7: var(--green-7);
|
|
9
|
-
--color-8: var(--green-8);
|
|
10
|
-
--color-9: var(--green-9);
|
|
11
|
-
--color-10: var(--green-10);
|
|
12
|
-
--color-11: var(--green-11);
|
|
13
|
-
--color-12: var(--green-12);
|
|
14
|
-
--color-a1: var(--green-a1);
|
|
15
|
-
--color-a2: var(--green-a2);
|
|
16
|
-
--color-a3: var(--green-a3);
|
|
17
|
-
--color-a4: var(--green-a4);
|
|
18
|
-
--color-a5: var(--green-a5);
|
|
19
|
-
--color-a6: var(--green-a6);
|
|
20
|
-
--color-a7: var(--green-a7);
|
|
21
|
-
--color-a8: var(--green-a8);
|
|
22
|
-
--color-a9: var(--green-a9);
|
|
23
|
-
--color-a10: var(--green-a10);
|
|
24
|
-
--color-a11: var(--green-a11);
|
|
25
|
-
--color-a12: var(--green-a12);
|
|
26
|
-
--accent-contrast: var(--green-contrast);
|
|
27
|
-
--accent-surface: var(--green-surface);
|
|
28
|
-
--accent-indicator: var(--green-indicator);
|
|
29
|
-
--accent-track: var(--green-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="teal"] {
|
|
2
|
-
--color-1: var(--teal-1);
|
|
3
|
-
--color-2: var(--teal-2);
|
|
4
|
-
--color-3: var(--teal-3);
|
|
5
|
-
--color-4: var(--teal-4);
|
|
6
|
-
--color-5: var(--teal-5);
|
|
7
|
-
--color-6: var(--teal-6);
|
|
8
|
-
--color-7: var(--teal-7);
|
|
9
|
-
--color-8: var(--teal-8);
|
|
10
|
-
--color-9: var(--teal-9);
|
|
11
|
-
--color-10: var(--teal-10);
|
|
12
|
-
--color-11: var(--teal-11);
|
|
13
|
-
--color-12: var(--teal-12);
|
|
14
|
-
--color-a1: var(--teal-a1);
|
|
15
|
-
--color-a2: var(--teal-a2);
|
|
16
|
-
--color-a3: var(--teal-a3);
|
|
17
|
-
--color-a4: var(--teal-a4);
|
|
18
|
-
--color-a5: var(--teal-a5);
|
|
19
|
-
--color-a6: var(--teal-a6);
|
|
20
|
-
--color-a7: var(--teal-a7);
|
|
21
|
-
--color-a8: var(--teal-a8);
|
|
22
|
-
--color-a9: var(--teal-a9);
|
|
23
|
-
--color-a10: var(--teal-a10);
|
|
24
|
-
--color-a11: var(--teal-a11);
|
|
25
|
-
--color-a12: var(--teal-a12);
|
|
26
|
-
--accent-contrast: var(--teal-contrast);
|
|
27
|
-
--accent-surface: var(--teal-surface);
|
|
28
|
-
--accent-indicator: var(--teal-indicator);
|
|
29
|
-
--accent-track: var(--teal-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="tomato"] {
|
|
2
|
-
--color-1: var(--tomato-1);
|
|
3
|
-
--color-2: var(--tomato-2);
|
|
4
|
-
--color-3: var(--tomato-3);
|
|
5
|
-
--color-4: var(--tomato-4);
|
|
6
|
-
--color-5: var(--tomato-5);
|
|
7
|
-
--color-6: var(--tomato-6);
|
|
8
|
-
--color-7: var(--tomato-7);
|
|
9
|
-
--color-8: var(--tomato-8);
|
|
10
|
-
--color-9: var(--tomato-9);
|
|
11
|
-
--color-10: var(--tomato-10);
|
|
12
|
-
--color-11: var(--tomato-11);
|
|
13
|
-
--color-12: var(--tomato-12);
|
|
14
|
-
--color-a1: var(--tomato-a1);
|
|
15
|
-
--color-a2: var(--tomato-a2);
|
|
16
|
-
--color-a3: var(--tomato-a3);
|
|
17
|
-
--color-a4: var(--tomato-a4);
|
|
18
|
-
--color-a5: var(--tomato-a5);
|
|
19
|
-
--color-a6: var(--tomato-a6);
|
|
20
|
-
--color-a7: var(--tomato-a7);
|
|
21
|
-
--color-a8: var(--tomato-a8);
|
|
22
|
-
--color-a9: var(--tomato-a9);
|
|
23
|
-
--color-a10: var(--tomato-a10);
|
|
24
|
-
--color-a11: var(--tomato-a11);
|
|
25
|
-
--color-a12: var(--tomato-a12);
|
|
26
|
-
--accent-contrast: var(--tomato-contrast);
|
|
27
|
-
--accent-surface: var(--tomato-surface);
|
|
28
|
-
--accent-indicator: var(--tomato-indicator);
|
|
29
|
-
--accent-track: var(--tomato-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="violet"] {
|
|
2
|
-
--color-1: var(--violet-1);
|
|
3
|
-
--color-2: var(--violet-2);
|
|
4
|
-
--color-3: var(--violet-3);
|
|
5
|
-
--color-4: var(--violet-4);
|
|
6
|
-
--color-5: var(--violet-5);
|
|
7
|
-
--color-6: var(--violet-6);
|
|
8
|
-
--color-7: var(--violet-7);
|
|
9
|
-
--color-8: var(--violet-8);
|
|
10
|
-
--color-9: var(--violet-9);
|
|
11
|
-
--color-10: var(--violet-10);
|
|
12
|
-
--color-11: var(--violet-11);
|
|
13
|
-
--color-12: var(--violet-12);
|
|
14
|
-
--color-a1: var(--violet-a1);
|
|
15
|
-
--color-a2: var(--violet-a2);
|
|
16
|
-
--color-a3: var(--violet-a3);
|
|
17
|
-
--color-a4: var(--violet-a4);
|
|
18
|
-
--color-a5: var(--violet-a5);
|
|
19
|
-
--color-a6: var(--violet-a6);
|
|
20
|
-
--color-a7: var(--violet-a7);
|
|
21
|
-
--color-a8: var(--violet-a8);
|
|
22
|
-
--color-a9: var(--violet-a9);
|
|
23
|
-
--color-a10: var(--violet-a10);
|
|
24
|
-
--color-a11: var(--violet-a11);
|
|
25
|
-
--color-a12: var(--violet-a12);
|
|
26
|
-
--accent-contrast: var(--violet-contrast);
|
|
27
|
-
--accent-surface: var(--violet-surface);
|
|
28
|
-
--accent-indicator: var(--violet-indicator);
|
|
29
|
-
--accent-track: var(--violet-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="warning"] {
|
|
2
|
-
--color-1: var(--amber-1);
|
|
3
|
-
--color-2: var(--amber-2);
|
|
4
|
-
--color-3: var(--amber-3);
|
|
5
|
-
--color-4: var(--amber-4);
|
|
6
|
-
--color-5: var(--amber-5);
|
|
7
|
-
--color-6: var(--amber-6);
|
|
8
|
-
--color-7: var(--amber-7);
|
|
9
|
-
--color-8: var(--amber-8);
|
|
10
|
-
--color-9: var(--amber-9);
|
|
11
|
-
--color-10: var(--amber-10);
|
|
12
|
-
--color-11: var(--amber-11);
|
|
13
|
-
--color-12: var(--amber-12);
|
|
14
|
-
--color-a1: var(--amber-a1);
|
|
15
|
-
--color-a2: var(--amber-a2);
|
|
16
|
-
--color-a3: var(--amber-a3);
|
|
17
|
-
--color-a4: var(--amber-a4);
|
|
18
|
-
--color-a5: var(--amber-a5);
|
|
19
|
-
--color-a6: var(--amber-a6);
|
|
20
|
-
--color-a7: var(--amber-a7);
|
|
21
|
-
--color-a8: var(--amber-a8);
|
|
22
|
-
--color-a9: var(--amber-a9);
|
|
23
|
-
--color-a10: var(--amber-a10);
|
|
24
|
-
--color-a11: var(--amber-a11);
|
|
25
|
-
--color-a12: var(--amber-a12);
|
|
26
|
-
--accent-contrast: var(--amber-contrast);
|
|
27
|
-
--accent-surface: var(--amber-surface);
|
|
28
|
-
--accent-indicator: var(--amber-indicator);
|
|
29
|
-
--accent-track: var(--amber-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="yellow"] {
|
|
2
|
-
--color-1: var(--yellow-1);
|
|
3
|
-
--color-2: var(--yellow-2);
|
|
4
|
-
--color-3: var(--yellow-3);
|
|
5
|
-
--color-4: var(--yellow-4);
|
|
6
|
-
--color-5: var(--yellow-5);
|
|
7
|
-
--color-6: var(--yellow-6);
|
|
8
|
-
--color-7: var(--yellow-7);
|
|
9
|
-
--color-8: var(--yellow-8);
|
|
10
|
-
--color-9: var(--yellow-9);
|
|
11
|
-
--color-10: var(--yellow-10);
|
|
12
|
-
--color-11: var(--yellow-11);
|
|
13
|
-
--color-12: var(--yellow-12);
|
|
14
|
-
--color-a1: var(--yellow-a1);
|
|
15
|
-
--color-a2: var(--yellow-a2);
|
|
16
|
-
--color-a3: var(--yellow-a3);
|
|
17
|
-
--color-a4: var(--yellow-a4);
|
|
18
|
-
--color-a5: var(--yellow-a5);
|
|
19
|
-
--color-a6: var(--yellow-a6);
|
|
20
|
-
--color-a7: var(--yellow-a7);
|
|
21
|
-
--color-a8: var(--yellow-a8);
|
|
22
|
-
--color-a9: var(--yellow-a9);
|
|
23
|
-
--color-a10: var(--yellow-a10);
|
|
24
|
-
--color-a11: var(--yellow-a11);
|
|
25
|
-
--color-a12: var(--yellow-a12);
|
|
26
|
-
--accent-contrast: var(--yellow-contrast);
|
|
27
|
-
--accent-surface: var(--yellow-surface);
|
|
28
|
-
--accent-indicator: var(--yellow-indicator);
|
|
29
|
-
--accent-track: var(--yellow-track);
|
|
30
|
-
}
|