elements-kit 0.17.0 → 0.18.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 (102) hide show
  1. package/dist/{benchmark.CX_oY03V-CsUg-gW0.mjs → benchmark.CX_oY03V-CSLAXL5f.mjs} +1 -32
  2. package/dist/{element-DGuUvJM4.mjs → element-D6xVuWdX.mjs} +1 -1
  3. package/dist/for.mjs +2 -2
  4. package/dist/integrations/react.mjs +2 -2
  5. package/dist/jsx-runtime/index.d.mts +1 -1
  6. package/dist/jsx-runtime/index.mjs +1 -1
  7. package/dist/{lib-Cg8fI7K5.mjs → lib-Dkc7cV5F.mjs} +31 -0
  8. package/dist/render.mjs +1 -1
  9. package/dist/{scope-De6rSJvq.mjs → scope-CnEvL9Nd.mjs} +1 -1
  10. package/dist/signals/index.mjs +1 -1
  11. package/dist/{test.BmQO5GaM-ZC2MPXQb.mjs → test.BmQO5GaM-Ddz9cDxc.mjs} +100 -1
  12. package/dist/ui/accordion/accordion.css +5 -5
  13. package/dist/ui/badge/badge.css +1 -1
  14. package/dist/ui/button/button.css +14 -14
  15. package/dist/ui/card/card.css +36 -36
  16. package/dist/ui/checkbox/checkbox.css +6 -6
  17. package/dist/ui/code/code.css +1 -1
  18. package/dist/ui/kbd/kbd.css +2 -2
  19. package/dist/ui/marketing/marketing.css +12 -12
  20. package/dist/ui/progress/progress.css +6 -6
  21. package/dist/ui/radio/radio.css +7 -7
  22. package/dist/ui/segmented-control/segmented-control.css +17 -17
  23. package/dist/ui/select/select.css +9 -9
  24. package/dist/ui/slider/slider.css +7 -7
  25. package/dist/ui/styles/accent/neutral.css +30 -0
  26. package/dist/ui/styles/material.css +1 -1
  27. package/dist/ui/styles/neutral/gray.css +30 -0
  28. package/dist/ui/styles/neutral/mauve.css +30 -0
  29. package/dist/ui/styles/neutral/olive.css +30 -0
  30. package/dist/ui/styles/neutral/sage.css +30 -0
  31. package/dist/ui/styles/neutral/sand.css +30 -0
  32. package/dist/ui/styles/neutral/slate.css +30 -0
  33. package/dist/ui/styles/palette/gray.css +127 -0
  34. package/dist/ui/styles/shadow.css +42 -42
  35. package/dist/ui/styles/theme.css +2 -2
  36. package/dist/ui/switch/switch.css +7 -7
  37. package/dist/ui/text-input/text-input.css +17 -17
  38. package/dist/ui/toggle/toggle.css +6 -6
  39. package/dist/utilities/_observe.mjs +1 -1
  40. package/dist/utilities/active-element.mjs +1 -1
  41. package/dist/utilities/active-element.test.mjs +2 -2
  42. package/dist/utilities/async.mjs +1 -1
  43. package/dist/utilities/async.test.mjs +3 -3
  44. package/dist/utilities/context.mjs +1 -1
  45. package/dist/utilities/context.test.mjs +3 -3
  46. package/dist/utilities/debounced.mjs +1 -1
  47. package/dist/utilities/debounced.test.mjs +3 -3
  48. package/dist/utilities/dom-lifecycle.bench.mjs +1 -1
  49. package/dist/utilities/dom-lifecycle.mjs +1 -1
  50. package/dist/utilities/dom-lifecycle.test.mjs +2 -2
  51. package/dist/utilities/element-rect.mjs +1 -1
  52. package/dist/utilities/element-rect.test.mjs +3 -3
  53. package/dist/utilities/element-scroll.test.mjs +3 -3
  54. package/dist/utilities/event-driven.mjs +1 -1
  55. package/dist/utilities/event-listener.mjs +1 -1
  56. package/dist/utilities/event-listener.test.mjs +3 -3
  57. package/dist/utilities/focus-within.mjs +1 -1
  58. package/dist/utilities/focus-within.test.mjs +3 -3
  59. package/dist/utilities/hover.mjs +1 -1
  60. package/dist/utilities/hover.test.mjs +3 -3
  61. package/dist/utilities/intersection-observer.test.mjs +3 -3
  62. package/dist/utilities/interval.mjs +1 -1
  63. package/dist/utilities/interval.test.mjs +3 -3
  64. package/dist/utilities/location.mjs +1 -1
  65. package/dist/utilities/location.test.mjs +2 -2
  66. package/dist/utilities/long-press.test.mjs +3 -3
  67. package/dist/utilities/media-devices.mjs +1 -1
  68. package/dist/utilities/media-devices.test.mjs +3 -3
  69. package/dist/utilities/media-player.test.mjs +3 -3
  70. package/dist/utilities/media-query.mjs +1 -1
  71. package/dist/utilities/mutation-observer.test.mjs +3 -3
  72. package/dist/utilities/network.mjs +1 -1
  73. package/dist/utilities/network.test.mjs +2 -2
  74. package/dist/utilities/on-click-outside.test.mjs +3 -3
  75. package/dist/utilities/orientation.mjs +1 -1
  76. package/dist/utilities/previous.mjs +1 -1
  77. package/dist/utilities/previous.test.mjs +3 -3
  78. package/dist/utilities/promise.mjs +1 -1
  79. package/dist/utilities/promise.test.mjs +3 -3
  80. package/dist/utilities/retry.mjs +1 -1
  81. package/dist/utilities/retry.test.mjs +3 -3
  82. package/dist/utilities/routing.mjs +1 -1
  83. package/dist/utilities/routing.test.mjs +2 -2
  84. package/dist/utilities/search-params.test.mjs +3 -3
  85. package/dist/utilities/ssr.test.mjs +2 -2
  86. package/dist/utilities/storage.test.mjs +3 -3
  87. package/dist/utilities/throttled.mjs +1 -1
  88. package/dist/utilities/throttled.test.mjs +3 -3
  89. package/dist/utilities/timeout.mjs +1 -1
  90. package/dist/utilities/timeout.test.mjs +3 -3
  91. package/dist/utilities/window-focus.mjs +1 -1
  92. package/dist/utilities/window-size.mjs +1 -1
  93. package/dist/utilities/window-size.test.mjs +2 -2
  94. package/package.json +1 -1
  95. package/dist/ui/styles/accent/base.css +0 -30
  96. package/dist/ui/styles/base/mauve.css +0 -30
  97. package/dist/ui/styles/base/neutral.css +0 -30
  98. package/dist/ui/styles/base/olive.css +0 -30
  99. package/dist/ui/styles/base/sage.css +0 -30
  100. package/dist/ui/styles/base/sand.css +0 -30
  101. package/dist/ui/styles/base/slate.css +0 -30
  102. package/dist/ui/styles/palette/neutral.css +0 -127
package/dist/ui/styles/palette/neutral.css DELETED
@@ -1,127 +0,0 @@
1
- :root, .light, .light-theme {
2
- --neutral-1: #fcfcfc;
3
- --neutral-2: #f9f9f9;
4
- --neutral-3: #f0f0f0;
5
- --neutral-4: #e8e8e8;
6
- --neutral-5: #e0e0e0;
7
- --neutral-6: #d9d9d9;
8
- --neutral-7: #cecece;
9
- --neutral-8: #bbb;
10
- --neutral-9: #8d8d8d;
11
- --neutral-10: #838383;
12
- --neutral-11: #646464;
13
- --neutral-12: #202020;
14
- --neutral-a1: #00000003;
15
- --neutral-a2: #00000006;
16
- --neutral-a3: #0000000f;
17
- --neutral-a4: #00000017;
18
- --neutral-a5: #0000001f;
19
- --neutral-a6: #00000026;
20
- --neutral-a7: #00000031;
21
- --neutral-a8: #0004;
22
- --neutral-a9: #00000072;
23
- --neutral-a10: #0000007c;
24
- --neutral-a11: #0000009b;
25
- --neutral-a12: #000000df;
26
- --neutral-surface: #fffc;
27
- --neutral-indicator: var(--neutral-9);
28
- --neutral-track: var(--neutral-9);
29
- }
30
-
31
- @supports (color: color(display-p3 1 1 1)) {
32
- @media (color-gamut: p3) {
33
- :root, .light, .light-theme {
34
- --neutral-1: color(display-p3 .988 .988 .988);
35
- --neutral-2: color(display-p3 .975 .975 .975);
36
- --neutral-3: color(display-p3 .939 .939 .939);
37
- --neutral-4: color(display-p3 .908 .908 .908);
38
- --neutral-5: color(display-p3 .88 .88 .88);
39
- --neutral-6: color(display-p3 .849 .849 .849);
40
- --neutral-7: color(display-p3 .807 .807 .807);
41
- --neutral-8: color(display-p3 .732 .732 .732);
42
- --neutral-9: color(display-p3 .553 .553 .553);
43
- --neutral-10: color(display-p3 .512 .512 .512);
44
- --neutral-11: color(display-p3 .392 .392 .392);
45
- --neutral-12: color(display-p3 .125 .125 .125);
46
- --neutral-a1: color(display-p3 0 0 0 / .012);
47
- --neutral-a2: color(display-p3 0 0 0 / .024);
48
- --neutral-a3: color(display-p3 0 0 0 / .063);
49
- --neutral-a4: color(display-p3 0 0 0 / .09);
50
- --neutral-a5: color(display-p3 0 0 0 / .122);
51
- --neutral-a6: color(display-p3 0 0 0 / .153);
52
- --neutral-a7: color(display-p3 0 0 0 / .192);
53
- --neutral-a8: color(display-p3 0 0 0 / .267);
54
- --neutral-a9: color(display-p3 0 0 0 / .447);
55
- --neutral-a10: color(display-p3 0 0 0 / .486);
56
- --neutral-a11: color(display-p3 0 0 0 / .608);
57
- --neutral-a12: color(display-p3 0 0 0 / .875);
58
- --neutral-surface: color(display-p3 1 1 1 / .8);
59
- }
60
- }
61
- }
62
-
63
- .dark, .dark-theme {
64
- --neutral-1: #111;
65
- --neutral-2: #191919;
66
- --neutral-3: #222;
67
- --neutral-4: #2a2a2a;
68
- --neutral-5: #313131;
69
- --neutral-6: #3a3a3a;
70
- --neutral-7: #484848;
71
- --neutral-8: #606060;
72
- --neutral-9: #6e6e6e;
73
- --neutral-10: #7b7b7b;
74
- --neutral-11: #b4b4b4;
75
- --neutral-12: #eee;
76
- --neutral-a1: #0000;
77
- --neutral-a2: #ffffff09;
78
- --neutral-a3: #ffffff12;
79
- --neutral-a4: #ffffff1b;
80
- --neutral-a5: #fff2;
81
- --neutral-a6: #ffffff2c;
82
- --neutral-a7: #ffffff3b;
83
- --neutral-a8: #fff5;
84
- --neutral-a9: #ffffff64;
85
- --neutral-a10: #ffffff72;
86
- --neutral-a11: #ffffffaf;
87
- --neutral-a12: #ffffffed;
88
- --neutral-surface: #21212180;
89
- --neutral-indicator: var(--neutral-9);
90
- --neutral-track: var(--neutral-9);
91
- }
92
-
93
- @supports (color: color(display-p3 1 1 1)) {
94
- @media (color-gamut: p3) {
95
- .dark, .dark-theme {
96
- --neutral-1: color(display-p3 .067 .067 .067);
97
- --neutral-2: color(display-p3 .098 .098 .098);
98
- --neutral-3: color(display-p3 .135 .135 .135);
99
- --neutral-4: color(display-p3 .163 .163 .163);
100
- --neutral-5: color(display-p3 .192 .192 .192);
101
- --neutral-6: color(display-p3 .228 .228 .228);
102
- --neutral-7: color(display-p3 .283 .283 .283);
103
- --neutral-8: color(display-p3 .375 .375 .375);
104
- --neutral-9: color(display-p3 .431 .431 .431);
105
- --neutral-10: color(display-p3 .484 .484 .484);
106
- --neutral-11: color(display-p3 .706 .706 .706);
107
- --neutral-12: color(display-p3 .933 .933 .933);
108
- --neutral-a1: color(display-p3 0 0 0 / 0);
109
- --neutral-a2: color(display-p3 1 1 1 / .034);
110
- --neutral-a3: color(display-p3 1 1 1 / .071);
111
- --neutral-a4: color(display-p3 1 1 1 / .105);
112
- --neutral-a5: color(display-p3 1 1 1 / .134);
113
- --neutral-a6: color(display-p3 1 1 1 / .172);
114
- --neutral-a7: color(display-p3 1 1 1 / .231);
115
- --neutral-a8: color(display-p3 1 1 1 / .332);
116
- --neutral-a9: color(display-p3 1 1 1 / .391);
117
- --neutral-a10: color(display-p3 1 1 1 / .445);
118
- --neutral-a11: color(display-p3 1 1 1 / .685);
119
- --neutral-a12: color(display-p3 1 1 1 / .929);
120
- --neutral-surface: color(display-p3 .1255 .1255 .1255 / .5);
121
- }
122
- }
123
- }
124
-
125
- :root {
126
- --neutral-contrast: white;
127
- }