elements-kit 0.15.0 → 0.17.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/{benchmark.CX_oY03V-CSLAXL5f.mjs → benchmark.CX_oY03V-CsUg-gW0.mjs} +32 -1
- package/dist/{element-D6xVuWdX.mjs → element-DGuUvJM4.mjs} +1 -1
- package/dist/for.mjs +2 -2
- package/dist/integrations/react.mjs +2 -2
- package/dist/jsx-runtime/index.d.mts +1 -1
- package/dist/jsx-runtime/index.mjs +1 -1
- package/dist/{lib-Dkc7cV5F.mjs → lib-Cg8fI7K5.mjs} +0 -31
- package/dist/render.mjs +1 -1
- package/dist/{scope-CnEvL9Nd.mjs → scope-De6rSJvq.mjs} +1 -1
- package/dist/signals/index.mjs +1 -1
- package/dist/{test.BmQO5GaM-Ddz9cDxc.mjs → test.BmQO5GaM-ZC2MPXQb.mjs} +1 -100
- 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 +5 -5
- package/dist/ui/select/select.css +6 -6
- 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/base/neutral.css +30 -0
- package/dist/ui/styles/palette/neutral.css +127 -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/dist/utilities/_observe.mjs +1 -1
- package/dist/utilities/active-element.mjs +1 -1
- package/dist/utilities/active-element.test.mjs +2 -2
- package/dist/utilities/async.mjs +1 -1
- package/dist/utilities/async.test.mjs +3 -3
- package/dist/utilities/context.mjs +1 -1
- package/dist/utilities/context.test.mjs +3 -3
- package/dist/utilities/debounced.mjs +1 -1
- package/dist/utilities/debounced.test.mjs +3 -3
- package/dist/utilities/dom-lifecycle.bench.mjs +1 -1
- package/dist/utilities/dom-lifecycle.mjs +1 -1
- package/dist/utilities/dom-lifecycle.test.mjs +2 -2
- package/dist/utilities/element-rect.mjs +1 -1
- package/dist/utilities/element-rect.test.mjs +3 -3
- package/dist/utilities/element-scroll.test.mjs +3 -3
- package/dist/utilities/event-driven.mjs +1 -1
- package/dist/utilities/event-listener.mjs +1 -1
- package/dist/utilities/event-listener.test.mjs +3 -3
- package/dist/utilities/focus-within.mjs +1 -1
- package/dist/utilities/focus-within.test.mjs +3 -3
- package/dist/utilities/hover.mjs +1 -1
- package/dist/utilities/hover.test.mjs +3 -3
- package/dist/utilities/intersection-observer.test.mjs +3 -3
- package/dist/utilities/interval.mjs +1 -1
- package/dist/utilities/interval.test.mjs +3 -3
- package/dist/utilities/location.mjs +1 -1
- package/dist/utilities/location.test.mjs +2 -2
- package/dist/utilities/long-press.test.mjs +3 -3
- package/dist/utilities/media-devices.mjs +1 -1
- package/dist/utilities/media-devices.test.mjs +3 -3
- package/dist/utilities/media-player.test.mjs +3 -3
- package/dist/utilities/media-query.mjs +1 -1
- package/dist/utilities/mutation-observer.test.mjs +3 -3
- package/dist/utilities/network.mjs +1 -1
- package/dist/utilities/network.test.mjs +2 -2
- package/dist/utilities/on-click-outside.test.mjs +3 -3
- package/dist/utilities/orientation.mjs +1 -1
- package/dist/utilities/previous.mjs +1 -1
- package/dist/utilities/previous.test.mjs +3 -3
- package/dist/utilities/promise.mjs +1 -1
- package/dist/utilities/promise.test.mjs +3 -3
- package/dist/utilities/retry.mjs +1 -1
- package/dist/utilities/retry.test.mjs +3 -3
- package/dist/utilities/routing.mjs +1 -1
- package/dist/utilities/routing.test.mjs +2 -2
- package/dist/utilities/search-params.test.mjs +3 -3
- package/dist/utilities/ssr.test.mjs +2 -2
- package/dist/utilities/storage.test.mjs +3 -3
- package/dist/utilities/throttled.mjs +1 -1
- package/dist/utilities/throttled.test.mjs +3 -3
- package/dist/utilities/timeout.mjs +1 -1
- package/dist/utilities/timeout.test.mjs +3 -3
- package/dist/utilities/window-focus.mjs +1 -1
- package/dist/utilities/window-size.mjs +1 -1
- package/dist/utilities/window-size.test.mjs +2 -2
- package/package.json +1 -1
- package/dist/ui/styles/base/gray.css +0 -30
- 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
- package/dist/ui/styles/palette/gray.css +0 -127
|
@@ -0,0 +1,127 @@
|
|
|
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
|
+
}
|
package/dist/ui/styles/theme.css
CHANGED
|
@@ -102,31 +102,31 @@
|
|
|
102
102
|
color-scheme: dark;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
:root, [data-
|
|
106
|
-
--focus-1: var(--
|
|
107
|
-
--focus-2: var(--
|
|
108
|
-
--focus-3: var(--
|
|
109
|
-
--focus-4: var(--
|
|
110
|
-
--focus-5: var(--
|
|
111
|
-
--focus-6: var(--
|
|
112
|
-
--focus-7: var(--
|
|
113
|
-
--focus-8: var(--
|
|
114
|
-
--focus-9: var(--
|
|
115
|
-
--focus-10: var(--
|
|
116
|
-
--focus-11: var(--
|
|
117
|
-
--focus-12: var(--
|
|
118
|
-
--focus-a1: var(--
|
|
119
|
-
--focus-a2: var(--
|
|
120
|
-
--focus-a3: var(--
|
|
121
|
-
--focus-a4: var(--
|
|
122
|
-
--focus-a5: var(--
|
|
123
|
-
--focus-a6: var(--
|
|
124
|
-
--focus-a7: var(--
|
|
125
|
-
--focus-a8: var(--
|
|
126
|
-
--focus-a9: var(--
|
|
127
|
-
--focus-a10: var(--
|
|
128
|
-
--focus-a11: var(--
|
|
129
|
-
--focus-a12: var(--
|
|
105
|
+
:root, [data-accent]:where(:not([data-accent=""], [data-accent="gray"])) {
|
|
106
|
+
--focus-1: var(--accent-1);
|
|
107
|
+
--focus-2: var(--accent-2);
|
|
108
|
+
--focus-3: var(--accent-3);
|
|
109
|
+
--focus-4: var(--accent-4);
|
|
110
|
+
--focus-5: var(--accent-5);
|
|
111
|
+
--focus-6: var(--accent-6);
|
|
112
|
+
--focus-7: var(--accent-7);
|
|
113
|
+
--focus-8: var(--accent-8);
|
|
114
|
+
--focus-9: var(--accent-9);
|
|
115
|
+
--focus-10: var(--accent-10);
|
|
116
|
+
--focus-11: var(--accent-11);
|
|
117
|
+
--focus-12: var(--accent-12);
|
|
118
|
+
--focus-a1: var(--accent-a1);
|
|
119
|
+
--focus-a2: var(--accent-a2);
|
|
120
|
+
--focus-a3: var(--accent-a3);
|
|
121
|
+
--focus-a4: var(--accent-a4);
|
|
122
|
+
--focus-a5: var(--accent-a5);
|
|
123
|
+
--focus-a6: var(--accent-a6);
|
|
124
|
+
--focus-a7: var(--accent-a7);
|
|
125
|
+
--focus-a8: var(--accent-a8);
|
|
126
|
+
--focus-a9: var(--accent-a9);
|
|
127
|
+
--focus-a10: var(--accent-a10);
|
|
128
|
+
--focus-a11: var(--accent-a11);
|
|
129
|
+
--focus-a12: var(--accent-a12);
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
::selection {
|
|
@@ -69,12 +69,12 @@
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.x-switch:where(:not([data-variant="soft"])):where(:checked) {
|
|
72
|
-
background-color: var(--
|
|
73
|
-
box-shadow: inset 0 0 0 1px var(--
|
|
72
|
+
background-color: var(--accent-9);
|
|
73
|
+
box-shadow: inset 0 0 0 1px var(--accent-a4);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.x-switch:where(:not([data-variant="soft"])):where([data-high-contrast]:checked) {
|
|
77
|
-
background-color: var(--
|
|
77
|
+
background-color: var(--accent-12);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.x-switch:where(:not([data-variant="soft"])):after {
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
.x-switch:where(:not([data-variant="soft"])):where(:checked):after {
|
|
87
87
|
box-shadow: 0 1px 3px var(--black-a2),
|
|
88
88
|
0 2px 4px -1px var(--black-a1),
|
|
89
|
-
0 0 0 1px var(--
|
|
89
|
+
0 0 0 1px var(--accent-a4),
|
|
90
90
|
-1px 0 1px var(--black-a2);
|
|
91
91
|
}
|
|
92
92
|
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.x-switch:where([data-variant="soft"]):where(:checked) {
|
|
110
|
-
background-color: var(--
|
|
110
|
+
background-color: var(--accent-a5);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
.x-switch:where([data-variant="soft"]):after {
|
|
@@ -118,8 +118,8 @@
|
|
|
118
118
|
|
|
119
119
|
.x-switch:where([data-variant="soft"]):where(:checked):after {
|
|
120
120
|
box-shadow: 0 0 0 1px var(--black-a1),
|
|
121
|
-
0 1px 3px var(--
|
|
122
|
-
0 2px 4px -1px var(--
|
|
121
|
+
0 1px 3px var(--accent-a3),
|
|
122
|
+
0 2px 4px -1px var(--accent-a3);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.x-switch:where([data-variant="soft"]):where([data-disabled], :disabled) {
|
|
@@ -320,29 +320,29 @@
|
|
|
320
320
|
color: var(--base-color-a11);
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
.x-text-input:where(:not([data-variant="soft"])) > :where(:not(input, textarea))[data-accent
|
|
324
|
-
color: var(--
|
|
323
|
+
.x-text-input:where(:not([data-variant="soft"])) > :where(:not(input, textarea))[data-accent] {
|
|
324
|
+
color: var(--accent-a11);
|
|
325
325
|
}
|
|
326
326
|
|
|
327
327
|
.x-text-input:where([data-variant="soft"]) {
|
|
328
328
|
--text-input-border-width: 0px;
|
|
329
|
-
--text-input-selection-color: var(--
|
|
330
|
-
--text-input-focus-color: var(--
|
|
331
|
-
background-color: var(--
|
|
332
|
-
color: var(--
|
|
329
|
+
--text-input-selection-color: var(--accent-a5);
|
|
330
|
+
--text-input-focus-color: var(--accent-8);
|
|
331
|
+
background-color: var(--accent-a3);
|
|
332
|
+
color: var(--accent-12);
|
|
333
333
|
}
|
|
334
334
|
|
|
335
335
|
.x-text-input:where([data-variant="soft"]):where(input)::placeholder, .x-text-input:where([data-variant="soft"]):where(textarea)::placeholder, .x-text-input:where([data-variant="soft"]):where(:has( > :is(input, textarea))) > :where(:is(input, textarea))::placeholder {
|
|
336
|
-
color: var(--
|
|
336
|
+
color: var(--accent-12);
|
|
337
337
|
opacity: .6;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.x-text-input:where([data-variant="soft"]) > :where(:not(input, textarea)) {
|
|
341
|
-
color: var(--
|
|
341
|
+
color: var(--accent-12);
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.x-text-input:where([data-variant="soft"]) > :where(:not(input, textarea))[data-accent
|
|
345
|
-
color: var(--
|
|
344
|
+
.x-text-input:where([data-variant="soft"]) > :where(:not(input, textarea))[data-accent] {
|
|
345
|
+
color: var(--accent-a11);
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
.x-text-input:where(:is(input, textarea)):where(:disabled, :read-only) {
|
|
@@ -79,15 +79,15 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.x-toggle:where(:not([data-variant]), [data-variant="surface"]):where(:has(input:checked)) {
|
|
82
|
-
background-color: var(--
|
|
83
|
-
box-shadow: inset 0 0 0 1px var(--
|
|
84
|
-
color: var(--
|
|
82
|
+
background-color: var(--accent-a4);
|
|
83
|
+
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
84
|
+
color: var(--accent-a12, var(--accent-12));
|
|
85
85
|
font-weight: 600;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
@media (hover: hover) {
|
|
89
89
|
.x-toggle:where(:not([data-variant]), [data-variant="surface"]):where(:has(input:checked):hover) {
|
|
90
|
-
background-color: var(--
|
|
90
|
+
background-color: var(--accent-a5);
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
|
|
@@ -104,13 +104,13 @@
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.x-toggle:where([data-variant="soft"]):where(:has(input:checked)) {
|
|
107
|
-
background-color: var(--
|
|
108
|
-
color: var(--
|
|
107
|
+
background-color: var(--accent-a4);
|
|
108
|
+
color: var(--accent-a12, var(--accent-12));
|
|
109
109
|
font-weight: 600;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
@media (hover: hover) {
|
|
113
113
|
.x-toggle:where([data-variant="soft"]):where(:has(input:checked):hover) {
|
|
114
|
-
background-color: var(--
|
|
114
|
+
background-color: var(--accent-a6);
|
|
115
115
|
}
|
|
116
116
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { activeElement } from "./active-element.mjs";
|
|
4
4
|
//#region src/utilities/active-element.test.ts
|
|
5
5
|
describe("activeElement (singleton)", () => {
|
package/dist/utilities/async.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as untracked, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { g as untracked, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import { resolve } from "../signals/index.mjs";
|
|
3
3
|
import { promise } from "./promise.mjs";
|
|
4
4
|
//#region src/utilities/async.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { m as signal, p as onCleanup, s as effect } from "../lib-
|
|
1
|
+
import { m as signal, p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { Async, async } from "./async.mjs";
|
|
6
6
|
import { createInterval } from "./interval.mjs";
|
|
7
7
|
//#region src/utilities/async.test.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { getContext, setContext } from "./context.mjs";
|
|
6
6
|
//#region src/utilities/context.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createDebounced } from "./debounced.mjs";
|
|
6
6
|
//#region src/utilities/debounced.test.ts
|
|
7
7
|
beforeEach(() => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as describe, t as bench } from "../benchmark.CX_oY03V-
|
|
1
|
+
import { l as describe, t as bench } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
2
|
//#region src/utilities/dom-lifecycle.bench.ts
|
|
3
3
|
describe("dom-lifecycle — registration cost", () => {
|
|
4
4
|
bench("register 100 entries on already-connected elements", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { DomLifecycleElement } from "./dom-lifecycle.mjs";
|
|
4
4
|
//#region src/utilities/dom-lifecycle.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createElementRect } from "./element-rect.mjs";
|
|
6
6
|
//#region src/utilities/element-rect.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createElementScroll } from "./element-scroll.mjs";
|
|
6
6
|
//#region src/utilities/element-scroll.test.ts
|
|
7
7
|
describe("createElementScroll", () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-
|
|
1
|
+
import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
//#region src/utilities/event-driven.ts
|
|
4
4
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { c as effectScope, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
import { on } from "./event-listener.mjs";
|
|
4
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
5
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
4
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
5
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
6
6
|
//#region src/utilities/event-listener.test.ts
|
|
7
7
|
afterEach(() => {
|
|
8
8
|
document.body.innerHTML = "";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createFocusWithin } from "./focus-within.mjs";
|
|
6
6
|
//#region src/utilities/focus-within.test.ts
|
|
7
7
|
afterEach(() => {
|
package/dist/utilities/hover.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createHover } from "./hover.mjs";
|
|
6
6
|
//#region src/utilities/hover.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createIntersectionObserver } from "./intersection-observer.mjs";
|
|
6
6
|
//#region src/utilities/intersection-observer.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { async } from "./async.mjs";
|
|
6
6
|
import { createInterval } from "./interval.mjs";
|
|
7
7
|
//#region src/utilities/interval.test.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-
|
|
1
|
+
import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
import { fromEvent } from "./event-driven.mjs";
|
|
4
4
|
import { isBrowser } from "./environment.mjs";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { currentLocation } from "./location.mjs";
|
|
4
4
|
//#region src/utilities/location.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createLongPress } from "./long-press.mjs";
|
|
6
6
|
//#region src/utilities/long-press.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMediaDevices } from "./media-devices.mjs";
|
|
6
6
|
//#region src/utilities/media-devices.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMediaPlayer } from "./media-player.mjs";
|
|
6
6
|
//#region src/utilities/media-player.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMutationObserver } from "./mutation-observer.mjs";
|
|
6
6
|
//#region src/utilities/mutation-observer.test.ts
|
|
7
7
|
afterEach(() => {
|