@sigx/zero-daisyui 0.9.0 → 0.10.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/README.md +3 -1
- package/dist/css/components/drawer.css +42 -6
- package/dist/css/index.css +42 -6
- package/dist/lynx/components/button.css +2 -2
- package/dist/lynx/components/carousel.css +10 -10
- package/dist/lynx/components/checkbox.css +7 -7
- package/dist/lynx/components/combobox.css +2 -2
- package/dist/lynx/components/dialog.css +2 -2
- package/dist/lynx/components/diff.css +10 -10
- package/dist/lynx/components/drawer.css +24 -2
- package/dist/lynx/components/grid.css +1 -1
- package/dist/lynx/components/hover-card.css +1 -1
- package/dist/lynx/components/menu.css +2 -2
- package/dist/lynx/components/navbar.css +5 -5
- package/dist/lynx/components/number-input.css +1 -1
- package/dist/lynx/components/popover.css +1 -1
- package/dist/lynx/components/radio-group.css +6 -6
- package/dist/lynx/components/select.css +39 -10
- package/dist/lynx/components/slider.css +2 -2
- package/dist/lynx/components/tabs.css +1 -1
- package/dist/lynx/components/toast.css +2 -2
- package/dist/lynx/components/tooltip.css +1 -1
- package/dist/lynx/index.css +233 -182
- package/dist/lynx/manifest.json +3 -3
- package/dist/lynx/tokens.css +114 -114
- package/dist/manifest.json +1 -1
- package/dist/recipes.d.ts.map +1 -1
- package/dist/recipes.js +96 -12
- package/dist/recipes.js.map +1 -1
- package/dist/report.json +180 -1
- package/package.json +4 -4
- package/src/recipes.ts +98 -12
package/dist/lynx/manifest.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://signalxjs.github.io/zero/schemas/lynx-manifest.schema.json",
|
|
3
3
|
"manifestVersion": 1,
|
|
4
|
-
"zeroVersion": "0.
|
|
4
|
+
"zeroVersion": "0.10.0",
|
|
5
5
|
"name": "daisyui",
|
|
6
6
|
"themes": [
|
|
7
7
|
{
|
|
@@ -2289,7 +2289,7 @@
|
|
|
2289
2289
|
"target": "lynx",
|
|
2290
2290
|
"classGrammarVersion": 2,
|
|
2291
2291
|
"capabilities": {
|
|
2292
|
-
"translated":
|
|
2293
|
-
"dropped":
|
|
2292
|
+
"translated": 95,
|
|
2293
|
+
"dropped": 464
|
|
2294
2294
|
}
|
|
2295
2295
|
}
|
package/dist/lynx/tokens.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
.zx-root {
|
|
2
|
-
--radius-selector:
|
|
3
|
-
--radius-field:
|
|
4
|
-
--radius-box:
|
|
5
|
-
--size-selector:
|
|
6
|
-
--size-field:
|
|
7
|
-
--text-xs:
|
|
8
|
-
--text-sm:
|
|
9
|
-
--text-md:
|
|
10
|
-
--text-lg:
|
|
11
|
-
--text-xl:
|
|
12
|
-
--text-2xl:
|
|
13
|
-
--text-3xl:
|
|
2
|
+
--radius-selector: 4px;
|
|
3
|
+
--radius-field: 4px;
|
|
4
|
+
--radius-box: 8px;
|
|
5
|
+
--size-selector: 4px;
|
|
6
|
+
--size-field: 4px;
|
|
7
|
+
--text-xs: 12px;
|
|
8
|
+
--text-sm: 14px;
|
|
9
|
+
--text-md: 16px;
|
|
10
|
+
--text-lg: 18px;
|
|
11
|
+
--text-xl: 20px;
|
|
12
|
+
--text-2xl: 24px;
|
|
13
|
+
--text-3xl: 30px;
|
|
14
14
|
--border: 1px;
|
|
15
15
|
--disabled-opacity: 0.4;
|
|
16
16
|
--color-primary: #422ad5;
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
--color-success-soft: #ebfaf1;
|
|
42
42
|
--color-warning-soft: #fff7e9;
|
|
43
43
|
--color-error-soft: #ffedef;
|
|
44
|
-
--radius-selector:
|
|
45
|
-
--radius-field:
|
|
46
|
-
--radius-box:
|
|
47
|
-
--size-selector:
|
|
48
|
-
--size-field:
|
|
44
|
+
--radius-selector: 8px;
|
|
45
|
+
--radius-field: 4px;
|
|
46
|
+
--radius-box: 8px;
|
|
47
|
+
--size-selector: 4px;
|
|
48
|
+
--size-field: 4px;
|
|
49
49
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
50
50
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
51
51
|
--weight-normal: 400;
|
|
@@ -57,18 +57,18 @@
|
|
|
57
57
|
--leading-normal: 1.5;
|
|
58
58
|
--tracking-normal: 0em;
|
|
59
59
|
--tracking-wide: 0.05em;
|
|
60
|
-
--space-2xs:
|
|
61
|
-
--space-xs:
|
|
62
|
-
--space-sm:
|
|
63
|
-
--space-md:
|
|
64
|
-
--space-lg:
|
|
65
|
-
--space-xl:
|
|
66
|
-
--space-2xl:
|
|
67
|
-
--measure-xs:
|
|
68
|
-
--measure-sm:
|
|
69
|
-
--measure-md:
|
|
70
|
-
--measure-lg:
|
|
71
|
-
--measure-xl:
|
|
60
|
+
--space-2xs: 2px;
|
|
61
|
+
--space-xs: 4px;
|
|
62
|
+
--space-sm: 6px;
|
|
63
|
+
--space-md: 8px;
|
|
64
|
+
--space-lg: 12px;
|
|
65
|
+
--space-xl: 16px;
|
|
66
|
+
--space-2xl: 20px;
|
|
67
|
+
--measure-xs: 320px;
|
|
68
|
+
--measure-sm: 384px;
|
|
69
|
+
--measure-md: 448px;
|
|
70
|
+
--measure-lg: 512px;
|
|
71
|
+
--measure-xl: 576px;
|
|
72
72
|
--measure-prose: 65ch;
|
|
73
73
|
--shadow-xs: 0 1px 2px #00000014;
|
|
74
74
|
--shadow-sm: 0 1px 2px #00000026;
|
|
@@ -118,11 +118,11 @@
|
|
|
118
118
|
--color-success-soft: #ebfaf1;
|
|
119
119
|
--color-warning-soft: #fff7e9;
|
|
120
120
|
--color-error-soft: #ffedef;
|
|
121
|
-
--radius-selector:
|
|
122
|
-
--radius-field:
|
|
123
|
-
--radius-box:
|
|
124
|
-
--size-selector:
|
|
125
|
-
--size-field:
|
|
121
|
+
--radius-selector: 8px;
|
|
122
|
+
--radius-field: 4px;
|
|
123
|
+
--radius-box: 8px;
|
|
124
|
+
--size-selector: 4px;
|
|
125
|
+
--size-field: 4px;
|
|
126
126
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
127
127
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
128
128
|
--weight-normal: 400;
|
|
@@ -134,18 +134,18 @@
|
|
|
134
134
|
--leading-normal: 1.5;
|
|
135
135
|
--tracking-normal: 0em;
|
|
136
136
|
--tracking-wide: 0.05em;
|
|
137
|
-
--space-2xs:
|
|
138
|
-
--space-xs:
|
|
139
|
-
--space-sm:
|
|
140
|
-
--space-md:
|
|
141
|
-
--space-lg:
|
|
142
|
-
--space-xl:
|
|
143
|
-
--space-2xl:
|
|
144
|
-
--measure-xs:
|
|
145
|
-
--measure-sm:
|
|
146
|
-
--measure-md:
|
|
147
|
-
--measure-lg:
|
|
148
|
-
--measure-xl:
|
|
137
|
+
--space-2xs: 2px;
|
|
138
|
+
--space-xs: 4px;
|
|
139
|
+
--space-sm: 6px;
|
|
140
|
+
--space-md: 8px;
|
|
141
|
+
--space-lg: 12px;
|
|
142
|
+
--space-xl: 16px;
|
|
143
|
+
--space-2xl: 20px;
|
|
144
|
+
--measure-xs: 320px;
|
|
145
|
+
--measure-sm: 384px;
|
|
146
|
+
--measure-md: 448px;
|
|
147
|
+
--measure-lg: 512px;
|
|
148
|
+
--measure-xl: 576px;
|
|
149
149
|
--measure-prose: 65ch;
|
|
150
150
|
--shadow-xs: 0 1px 2px #00000014;
|
|
151
151
|
--shadow-sm: 0 1px 2px #00000026;
|
|
@@ -195,11 +195,11 @@
|
|
|
195
195
|
--color-success-soft: #243c3a;
|
|
196
196
|
--color-warning-soft: #3c3931;
|
|
197
197
|
--color-error-soft: #3f2f37;
|
|
198
|
-
--radius-selector:
|
|
199
|
-
--radius-field:
|
|
200
|
-
--radius-box:
|
|
201
|
-
--size-selector:
|
|
202
|
-
--size-field:
|
|
198
|
+
--radius-selector: 8px;
|
|
199
|
+
--radius-field: 4px;
|
|
200
|
+
--radius-box: 8px;
|
|
201
|
+
--size-selector: 4px;
|
|
202
|
+
--size-field: 4px;
|
|
203
203
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
204
204
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
205
205
|
--weight-normal: 400;
|
|
@@ -211,18 +211,18 @@
|
|
|
211
211
|
--leading-normal: 1.5;
|
|
212
212
|
--tracking-normal: 0em;
|
|
213
213
|
--tracking-wide: 0.05em;
|
|
214
|
-
--space-2xs:
|
|
215
|
-
--space-xs:
|
|
216
|
-
--space-sm:
|
|
217
|
-
--space-md:
|
|
218
|
-
--space-lg:
|
|
219
|
-
--space-xl:
|
|
220
|
-
--space-2xl:
|
|
221
|
-
--measure-xs:
|
|
222
|
-
--measure-sm:
|
|
223
|
-
--measure-md:
|
|
224
|
-
--measure-lg:
|
|
225
|
-
--measure-xl:
|
|
214
|
+
--space-2xs: 2px;
|
|
215
|
+
--space-xs: 4px;
|
|
216
|
+
--space-sm: 6px;
|
|
217
|
+
--space-md: 8px;
|
|
218
|
+
--space-lg: 12px;
|
|
219
|
+
--space-xl: 16px;
|
|
220
|
+
--space-2xl: 20px;
|
|
221
|
+
--measure-xs: 320px;
|
|
222
|
+
--measure-sm: 384px;
|
|
223
|
+
--measure-md: 448px;
|
|
224
|
+
--measure-lg: 512px;
|
|
225
|
+
--measure-xl: 576px;
|
|
226
226
|
--measure-prose: 65ch;
|
|
227
227
|
--shadow-xs: 0 1px 2px #00000014;
|
|
228
228
|
--shadow-sm: 0 1px 2px #00000026;
|
|
@@ -272,11 +272,11 @@
|
|
|
272
272
|
--color-success-soft: #354b4f;
|
|
273
273
|
--color-warning-soft: #454845;
|
|
274
274
|
--color-error-soft: #49434b;
|
|
275
|
-
--radius-selector:
|
|
276
|
-
--radius-field:
|
|
277
|
-
--radius-box:
|
|
278
|
-
--size-selector:
|
|
279
|
-
--size-field:
|
|
275
|
+
--radius-selector: 16px;
|
|
276
|
+
--radius-field: 8px;
|
|
277
|
+
--radius-box: 16px;
|
|
278
|
+
--size-selector: 4px;
|
|
279
|
+
--size-field: 4px;
|
|
280
280
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
281
281
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
282
282
|
--weight-normal: 400;
|
|
@@ -288,18 +288,18 @@
|
|
|
288
288
|
--leading-normal: 1.5;
|
|
289
289
|
--tracking-normal: 0em;
|
|
290
290
|
--tracking-wide: 0.05em;
|
|
291
|
-
--space-2xs:
|
|
292
|
-
--space-xs:
|
|
293
|
-
--space-sm:
|
|
294
|
-
--space-md:
|
|
295
|
-
--space-lg:
|
|
296
|
-
--space-xl:
|
|
297
|
-
--space-2xl:
|
|
298
|
-
--measure-xs:
|
|
299
|
-
--measure-sm:
|
|
300
|
-
--measure-md:
|
|
301
|
-
--measure-lg:
|
|
302
|
-
--measure-xl:
|
|
291
|
+
--space-2xs: 2px;
|
|
292
|
+
--space-xs: 4px;
|
|
293
|
+
--space-sm: 6px;
|
|
294
|
+
--space-md: 8px;
|
|
295
|
+
--space-lg: 12px;
|
|
296
|
+
--space-xl: 16px;
|
|
297
|
+
--space-2xl: 20px;
|
|
298
|
+
--measure-xs: 320px;
|
|
299
|
+
--measure-sm: 384px;
|
|
300
|
+
--measure-md: 448px;
|
|
301
|
+
--measure-lg: 512px;
|
|
302
|
+
--measure-xl: 576px;
|
|
303
303
|
--measure-prose: 65ch;
|
|
304
304
|
--shadow-xs: 0 1px 2px #00000014;
|
|
305
305
|
--shadow-sm: 0 1px 2px #00000026;
|
|
@@ -349,11 +349,11 @@
|
|
|
349
349
|
--color-success-soft: #e3e9e8;
|
|
350
350
|
--color-warning-soft: #ecebe8;
|
|
351
351
|
--color-error-soft: #e8dee3;
|
|
352
|
-
--radius-selector:
|
|
353
|
-
--radius-field:
|
|
354
|
-
--radius-box:
|
|
355
|
-
--size-selector:
|
|
356
|
-
--size-field:
|
|
352
|
+
--radius-selector: 16px;
|
|
353
|
+
--radius-field: 4px;
|
|
354
|
+
--radius-box: 8px;
|
|
355
|
+
--size-selector: 4px;
|
|
356
|
+
--size-field: 4px;
|
|
357
357
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
358
358
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
359
359
|
--weight-normal: 400;
|
|
@@ -365,18 +365,18 @@
|
|
|
365
365
|
--leading-normal: 1.5;
|
|
366
366
|
--tracking-normal: 0em;
|
|
367
367
|
--tracking-wide: 0.05em;
|
|
368
|
-
--space-2xs:
|
|
369
|
-
--space-xs:
|
|
370
|
-
--space-sm:
|
|
371
|
-
--space-md:
|
|
372
|
-
--space-lg:
|
|
373
|
-
--space-xl:
|
|
374
|
-
--space-2xl:
|
|
375
|
-
--measure-xs:
|
|
376
|
-
--measure-sm:
|
|
377
|
-
--measure-md:
|
|
378
|
-
--measure-lg:
|
|
379
|
-
--measure-xl:
|
|
368
|
+
--space-2xs: 2px;
|
|
369
|
+
--space-xs: 4px;
|
|
370
|
+
--space-sm: 6px;
|
|
371
|
+
--space-md: 8px;
|
|
372
|
+
--space-lg: 12px;
|
|
373
|
+
--space-xl: 16px;
|
|
374
|
+
--space-2xl: 20px;
|
|
375
|
+
--measure-xs: 320px;
|
|
376
|
+
--measure-sm: 384px;
|
|
377
|
+
--measure-md: 448px;
|
|
378
|
+
--measure-lg: 512px;
|
|
379
|
+
--measure-xl: 576px;
|
|
380
380
|
--measure-prose: 65ch;
|
|
381
381
|
--shadow-xs: 0 1px 2px #00000014;
|
|
382
382
|
--shadow-sm: 0 1px 2px #00000026;
|
|
@@ -426,11 +426,11 @@
|
|
|
426
426
|
--color-success-soft: #273736;
|
|
427
427
|
--color-warning-soft: #303433;
|
|
428
428
|
--color-error-soft: #333238;
|
|
429
|
-
--radius-selector:
|
|
430
|
-
--radius-field:
|
|
431
|
-
--radius-box:
|
|
432
|
-
--size-selector:
|
|
433
|
-
--size-field:
|
|
429
|
+
--radius-selector: 16px;
|
|
430
|
+
--radius-field: 8px;
|
|
431
|
+
--radius-box: 16px;
|
|
432
|
+
--size-selector: 4px;
|
|
433
|
+
--size-field: 4px;
|
|
434
434
|
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
435
435
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
436
436
|
--weight-normal: 400;
|
|
@@ -442,18 +442,18 @@
|
|
|
442
442
|
--leading-normal: 1.5;
|
|
443
443
|
--tracking-normal: 0em;
|
|
444
444
|
--tracking-wide: 0.05em;
|
|
445
|
-
--space-2xs:
|
|
446
|
-
--space-xs:
|
|
447
|
-
--space-sm:
|
|
448
|
-
--space-md:
|
|
449
|
-
--space-lg:
|
|
450
|
-
--space-xl:
|
|
451
|
-
--space-2xl:
|
|
452
|
-
--measure-xs:
|
|
453
|
-
--measure-sm:
|
|
454
|
-
--measure-md:
|
|
455
|
-
--measure-lg:
|
|
456
|
-
--measure-xl:
|
|
445
|
+
--space-2xs: 2px;
|
|
446
|
+
--space-xs: 4px;
|
|
447
|
+
--space-sm: 6px;
|
|
448
|
+
--space-md: 8px;
|
|
449
|
+
--space-lg: 12px;
|
|
450
|
+
--space-xl: 16px;
|
|
451
|
+
--space-2xl: 20px;
|
|
452
|
+
--measure-xs: 320px;
|
|
453
|
+
--measure-sm: 384px;
|
|
454
|
+
--measure-md: 448px;
|
|
455
|
+
--measure-lg: 512px;
|
|
456
|
+
--measure-xl: 576px;
|
|
457
457
|
--measure-prose: 65ch;
|
|
458
458
|
--shadow-xs: 0 1px 2px #00000014;
|
|
459
459
|
--shadow-sm: 0 1px 2px #00000026;
|
package/dist/manifest.json
CHANGED
package/dist/recipes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../src/recipes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAwB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2PxE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,IAAI,EAAE,WAqVlB,CAAC;AA4BF,eAAO,MAAM,WAAW,EAAE,WA+EzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,WA0R1B,CAAC;AAmJF,eAAO,MAAM,MAAM,EAAE,WA0GpB,CAAC;AA4CF,eAAO,MAAM,OAAO,EAAE,WAoDrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WA0CrB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,WAyCvB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,WAsKlB,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,WAmCrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAgDnB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,WA4CtB,CAAC;AA2DF,eAAO,MAAM,QAAQ,EAAE,WA2MtB,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,WAoIxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,WAkC3B,CAAC;AAgCF,eAAO,MAAM,QAAQ,EAAE,WAiGtB,CAAC;AAMF,eAAO,MAAM,MAAM,EAAE,WAocpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAkGvB,CAAC;
|
|
1
|
+
{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../src/recipes.ts"],"names":[],"mappings":"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"}
|
package/dist/recipes.js
CHANGED
|
@@ -2851,6 +2851,36 @@ const fieldControl = {
|
|
|
2851
2851
|
* a part inside the trigger can make room for the button laid over it.
|
|
2852
2852
|
*/
|
|
2853
2853
|
const SELECT_CLEARABLE = '[data-scope="select"][data-part="root"]:has(> [data-scope="select"][data-part="clear-trigger"]) &';
|
|
2854
|
+
/**
|
|
2855
|
+
* The select trigger's lynx steps — `[inline padding in --size-field units,
|
|
2856
|
+
* font-size step]` — as the size variants set them (`lynxBtnPad` and the
|
|
2857
|
+
* web ramp's `fontSize`). One table, so the clear-trigger's offset below
|
|
2858
|
+
* cannot drift from the trigger it sits in.
|
|
2859
|
+
*/
|
|
2860
|
+
const SELECT_LYNX_STEPS = {
|
|
2861
|
+
xs: [2, 'xs'],
|
|
2862
|
+
sm: [3, 'sm'],
|
|
2863
|
+
md: [4, 'sm'],
|
|
2864
|
+
lg: [5, 'md'],
|
|
2865
|
+
xl: [6, 'lg'],
|
|
2866
|
+
};
|
|
2867
|
+
/**
|
|
2868
|
+
* Where the lynx clear-trigger's 1.5rem chip sits at one size step
|
|
2869
|
+
* (signalxjs/lynx#1184): centred in the field — the root is exactly the
|
|
2870
|
+
* trigger's height, so half the field less half the chip, from the top —
|
|
2871
|
+
* and one `--space-xs` short of the chevron's 1em box, which sits inside the
|
|
2872
|
+
* trigger's border and end padding at that step's font size. Physical
|
|
2873
|
+
* `top`/`right` and direct `calc(var())` only: lynx resolves no logical
|
|
2874
|
+
* insets on Android and no `min()`, and drops a `var()` that holds a
|
|
2875
|
+
* `calc()`.
|
|
2876
|
+
*/
|
|
2877
|
+
const lynxSelectClear = (step) => {
|
|
2878
|
+
const [pad, text] = SELECT_LYNX_STEPS[step];
|
|
2879
|
+
return {
|
|
2880
|
+
top: `calc(var(--size-field) * ${FIELD_STEPS[step] / 2} - 0.75rem)`,
|
|
2881
|
+
right: `calc(var(--border) + var(--size-field) * ${pad} + var(--text-${text}) + var(--space-xs))`,
|
|
2882
|
+
};
|
|
2883
|
+
};
|
|
2854
2884
|
export const select = {
|
|
2855
2885
|
component: 'select',
|
|
2856
2886
|
// Accent as text/border ink only — daisy's highlighted item is a neutral
|
|
@@ -3056,9 +3086,23 @@ export const select = {
|
|
|
3056
3086
|
// A touch list has no highlight: the pressed item takes the
|
|
3057
3087
|
// highlighted item's wash.
|
|
3058
3088
|
item: { states: { pressed: { background: 'var(--color-base-200)' } } },
|
|
3089
|
+
// The × and the ▾ get a spacing contract (signalxjs/lynx#1184).
|
|
3090
|
+
// The web offsets the clear-trigger by "the md padding + 1em",
|
|
3091
|
+
// and the 1em is the clear-trigger's own text-sm: at lg/xl the
|
|
3092
|
+
// trigger's padding and chevron both grow, so the × slid onto
|
|
3093
|
+
// the ▾. Here the chevron is a 1em box (right-aligned, so an
|
|
3094
|
+
// unclearable select looks as before) and the clear-trigger a
|
|
3095
|
+
// 1.5rem square (WCAG 2.5.8's target) placed per size beside
|
|
3096
|
+
// it — see `lynxSelectClear`. The web's `min()` height and
|
|
3097
|
+
// `margin-block: auto` centring are dropped on lynx, which
|
|
3098
|
+
// left the box stretched to the field's full height: its
|
|
3099
|
+
// focus ring was a tall pill. The ring is inset, so it hugs
|
|
3100
|
+
// the chip and can never reach the chevron, and no gap shadow
|
|
3101
|
+
// paints past the chip's rounded corners.
|
|
3102
|
+
indicator: { base: { width: '1em', textAlign: 'right' } },
|
|
3059
3103
|
'clear-trigger': {
|
|
3060
|
-
base: {
|
|
3061
|
-
states: lynxFocus(),
|
|
3104
|
+
base: { ...lynxSelectClear('md'), width: '1.5rem', height: '1.5rem', minWidth: '1.5rem', boxSizing: 'border-box' },
|
|
3105
|
+
states: lynxFocus({ inset: true }),
|
|
3062
3106
|
},
|
|
3063
3107
|
},
|
|
3064
3108
|
variants: {
|
|
@@ -3067,7 +3111,10 @@ export const select = {
|
|
|
3067
3111
|
color: Object.fromEntries(ROLES.map((c) => [c, { popup: { base: {
|
|
3068
3112
|
'--select-accent': `var(--color-${c})`,
|
|
3069
3113
|
} } }])),
|
|
3070
|
-
size:
|
|
3114
|
+
size: Object.fromEntries(Object.keys(SELECT_LYNX_STEPS).map((step) => [step, {
|
|
3115
|
+
trigger: { base: lynxBtnPad(SELECT_LYNX_STEPS[step][0]) },
|
|
3116
|
+
'clear-trigger': { base: lynxSelectClear(step) },
|
|
3117
|
+
}])),
|
|
3071
3118
|
},
|
|
3072
3119
|
},
|
|
3073
3120
|
},
|
|
@@ -7187,9 +7234,11 @@ export const steps = {
|
|
|
7187
7234
|
/**
|
|
7188
7235
|
* The modal sheet's slide (#83): in from its edge, back out to it.
|
|
7189
7236
|
*
|
|
7190
|
-
* `translate` is physical, so the travel is a custom property
|
|
7191
|
-
*
|
|
7192
|
-
* and rightward in RTL (the `rtl` hedge, as
|
|
7237
|
+
* `translate` is physical, so the travel is a custom property — the whole
|
|
7238
|
+
* `x y` pair — that flips with the placement AND the direction: off the
|
|
7239
|
+
* reading start is leftward in LTR and rightward in RTL (the `rtl` hedge, as
|
|
7240
|
+
* everywhere here), while a `top` / `bottom` sheet travels on Y and mirrors
|
|
7241
|
+
* in neither (#291). Keyed on
|
|
7193
7242
|
* `data-l-dock="sheet"`, the regime, which holds through the exit where
|
|
7194
7243
|
* `:modal` does not, so the slide-out leaves from the sheet's own box.
|
|
7195
7244
|
* Opacity stays at 1: the travel is the transition. Each direction rides the
|
|
@@ -7203,16 +7252,19 @@ const sheetSlide = (enter, exit) => {
|
|
|
7203
7252
|
return `translate ${tempo}, display ${duration} allow-discrete, overlay ${duration} allow-discrete`;
|
|
7204
7253
|
};
|
|
7205
7254
|
return {
|
|
7206
|
-
base: { '--drawer-travel': '-100%' },
|
|
7255
|
+
base: { '--drawer-travel': '-100% 0' },
|
|
7207
7256
|
selectors: {
|
|
7208
|
-
'&[data-placement="end"]': { '--drawer-travel': '100%' },
|
|
7209
|
-
[`&[data-placement="start"]${rtl}`]: { '--drawer-travel': '100%' },
|
|
7210
|
-
[`&[data-placement="end"]${rtl}`]: { '--drawer-travel': '-100%' },
|
|
7211
|
-
|
|
7257
|
+
'&[data-placement="end"]': { '--drawer-travel': '100% 0' },
|
|
7258
|
+
[`&[data-placement="start"]${rtl}`]: { '--drawer-travel': '100% 0' },
|
|
7259
|
+
[`&[data-placement="end"]${rtl}`]: { '--drawer-travel': '-100% 0' },
|
|
7260
|
+
// The block edges travel on Y, and no direction mirrors them (#291).
|
|
7261
|
+
'&[data-placement="top"]': { '--drawer-travel': '0 -100%' },
|
|
7262
|
+
'&[data-placement="bottom"]': { '--drawer-travel': '0 100%' },
|
|
7263
|
+
[sheet]: { opacity: '1', translate: 'var(--drawer-travel)', transition: travel(exit) },
|
|
7212
7264
|
[open]: { translate: 'none', transition: travel(enter) },
|
|
7213
7265
|
},
|
|
7214
7266
|
at: {
|
|
7215
|
-
'starting-style': { selectors: { [open]: { opacity: '1', translate: 'var(--drawer-travel)
|
|
7267
|
+
'starting-style': { selectors: { [open]: { opacity: '1', translate: 'var(--drawer-travel)' } } },
|
|
7216
7268
|
'reduced-motion': { selectors: { [sheet]: { transition: 'none' }, [open]: { transition: 'none' } } },
|
|
7217
7269
|
},
|
|
7218
7270
|
};
|
|
@@ -7278,6 +7330,38 @@ export const drawer = {
|
|
|
7278
7330
|
},
|
|
7279
7331
|
'&[data-placement="start"][data-l-dock="sheet"]': { insetInlineStart: '0', insetInlineEnd: 'auto' },
|
|
7280
7332
|
'&[data-placement="end"][data-l-dock="sheet"]': { insetInlineStart: 'auto', insetInlineEnd: '0' },
|
|
7333
|
+
/**
|
|
7334
|
+
* The block edges (#291): a sheet across the viewport's width,
|
|
7335
|
+
* pinned with `inset-block-*` — nothing here mirrors in RTL. Its
|
|
7336
|
+
* height is this recipe's: content-sized up to most of the
|
|
7337
|
+
* viewport, so the scrim stays in reach. Full width by default —
|
|
7338
|
+
* `measure` still caps the INLINE size (centred by the auto
|
|
7339
|
+
* margins), which the `:where()` keeps below the layout step
|
|
7340
|
+
* table's specificity whatever order the files load in.
|
|
7341
|
+
*/
|
|
7342
|
+
'&:where([data-placement="top"], [data-placement="bottom"])': { '--l-measure': 'none' },
|
|
7343
|
+
'&[data-placement="top"][data-l-dock="sheet"]': {
|
|
7344
|
+
insetBlockStart: '0',
|
|
7345
|
+
insetBlockEnd: 'auto',
|
|
7346
|
+
insetInlineStart: '0',
|
|
7347
|
+
insetInlineEnd: '0',
|
|
7348
|
+
marginInline: 'auto',
|
|
7349
|
+
blockSize: 'auto',
|
|
7350
|
+
maxBlockSize: '85dvh',
|
|
7351
|
+
borderEndStartRadius: 'var(--radius-box)',
|
|
7352
|
+
borderEndEndRadius: 'var(--radius-box)',
|
|
7353
|
+
},
|
|
7354
|
+
'&[data-placement="bottom"][data-l-dock="sheet"]': {
|
|
7355
|
+
insetBlockStart: 'auto',
|
|
7356
|
+
insetBlockEnd: '0',
|
|
7357
|
+
insetInlineStart: '0',
|
|
7358
|
+
insetInlineEnd: '0',
|
|
7359
|
+
marginInline: 'auto',
|
|
7360
|
+
blockSize: 'auto',
|
|
7361
|
+
maxBlockSize: '85dvh',
|
|
7362
|
+
borderStartStartRadius: 'var(--radius-box)',
|
|
7363
|
+
borderStartEndRadius: 'var(--radius-box)',
|
|
7364
|
+
},
|
|
7281
7365
|
},
|
|
7282
7366
|
}),
|
|
7283
7367
|
backdrop: {
|