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.
Files changed (78) hide show
  1. package/dist/ui/accordion/accordion.css +10 -10
  2. package/dist/ui/alert/alert.css +6 -6
  3. package/dist/ui/badge/badge.css +17 -17
  4. package/dist/ui/button/button.css +33 -33
  5. package/dist/ui/checkbox/checkbox.css +5 -5
  6. package/dist/ui/code/code.css +16 -16
  7. package/dist/ui/link/link.css +3 -3
  8. package/dist/ui/marketing/marketing.css +2 -2
  9. package/dist/ui/progress/progress.css +4 -4
  10. package/dist/ui/radio/radio.css +5 -5
  11. package/dist/ui/segmented-control/segmented-control.css +7 -9
  12. package/dist/ui/select/select.css +160 -0
  13. package/dist/ui/slider/slider.css +4 -4
  14. package/dist/ui/styles/accent/amber.css +30 -0
  15. package/dist/ui/styles/accent/base.css +30 -0
  16. package/dist/ui/styles/accent/blue.css +30 -0
  17. package/dist/ui/styles/accent/bronze.css +30 -0
  18. package/dist/ui/styles/accent/brown.css +30 -0
  19. package/dist/ui/styles/accent/crimson.css +30 -0
  20. package/dist/ui/styles/accent/cyan.css +30 -0
  21. package/dist/ui/styles/accent/error.css +30 -0
  22. package/dist/ui/styles/accent/gold.css +30 -0
  23. package/dist/ui/styles/accent/grass.css +30 -0
  24. package/dist/ui/styles/accent/green.css +30 -0
  25. package/dist/ui/styles/accent/indigo.css +30 -0
  26. package/dist/ui/styles/accent/info.css +30 -0
  27. package/dist/ui/styles/accent/iris.css +30 -0
  28. package/dist/ui/styles/accent/jade.css +30 -0
  29. package/dist/ui/styles/accent/lime.css +30 -0
  30. package/dist/ui/styles/accent/mint.css +30 -0
  31. package/dist/ui/styles/accent/orange.css +30 -0
  32. package/dist/ui/styles/accent/pink.css +30 -0
  33. package/dist/ui/styles/accent/plum.css +30 -0
  34. package/dist/ui/styles/accent/purple.css +30 -0
  35. package/dist/ui/styles/accent/red.css +30 -0
  36. package/dist/ui/styles/accent/ruby.css +30 -0
  37. package/dist/ui/styles/accent/sky.css +30 -0
  38. package/dist/ui/styles/accent/success.css +30 -0
  39. package/dist/ui/styles/accent/teal.css +30 -0
  40. package/dist/ui/styles/accent/tomato.css +30 -0
  41. package/dist/ui/styles/accent/violet.css +30 -0
  42. package/dist/ui/styles/accent/warning.css +30 -0
  43. package/dist/ui/styles/accent/yellow.css +30 -0
  44. package/dist/ui/styles/theme.css +25 -25
  45. package/dist/ui/switch/switch.css +7 -7
  46. package/dist/ui/text-input/text-input.css +10 -10
  47. package/dist/ui/toggle/toggle.css +7 -7
  48. package/package.json +1 -1
  49. package/dist/ui/styles/colors/amber.css +0 -30
  50. package/dist/ui/styles/colors/base.css +0 -30
  51. package/dist/ui/styles/colors/blue.css +0 -30
  52. package/dist/ui/styles/colors/bronze.css +0 -30
  53. package/dist/ui/styles/colors/brown.css +0 -30
  54. package/dist/ui/styles/colors/crimson.css +0 -30
  55. package/dist/ui/styles/colors/cyan.css +0 -30
  56. package/dist/ui/styles/colors/error.css +0 -30
  57. package/dist/ui/styles/colors/gold.css +0 -30
  58. package/dist/ui/styles/colors/grass.css +0 -30
  59. package/dist/ui/styles/colors/green.css +0 -30
  60. package/dist/ui/styles/colors/indigo.css +0 -30
  61. package/dist/ui/styles/colors/info.css +0 -30
  62. package/dist/ui/styles/colors/iris.css +0 -30
  63. package/dist/ui/styles/colors/jade.css +0 -30
  64. package/dist/ui/styles/colors/lime.css +0 -30
  65. package/dist/ui/styles/colors/mint.css +0 -30
  66. package/dist/ui/styles/colors/orange.css +0 -30
  67. package/dist/ui/styles/colors/pink.css +0 -30
  68. package/dist/ui/styles/colors/plum.css +0 -30
  69. package/dist/ui/styles/colors/purple.css +0 -30
  70. package/dist/ui/styles/colors/red.css +0 -30
  71. package/dist/ui/styles/colors/ruby.css +0 -30
  72. package/dist/ui/styles/colors/sky.css +0 -30
  73. package/dist/ui/styles/colors/success.css +0 -30
  74. package/dist/ui/styles/colors/teal.css +0 -30
  75. package/dist/ui/styles/colors/tomato.css +0 -30
  76. package/dist/ui/styles/colors/violet.css +0 -30
  77. package/dist/ui/styles/colors/warning.css +0 -30
  78. 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
- }