@withlayers/tokens 0.17.0 → 0.20.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/index.css +203 -148
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -225,137 +225,6 @@
|
|
|
225
225
|
--l--theme--size--measure--lg: 48rem;
|
|
226
226
|
--l--theme--size--measure--xl: 64rem;
|
|
227
227
|
--l--theme--size--measure--xxl: 80rem;
|
|
228
|
-
--l--theme--button--border--style: var(--l--border--style--solid);
|
|
229
|
-
--l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
|
|
230
|
-
--l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
|
|
231
|
-
--l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
232
|
-
--l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
|
|
233
|
-
--l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
|
|
234
|
-
--l--theme--button--color--background--secondary--on-default--rest: var(--l--color--dark-alpha--0);
|
|
235
|
-
--l--theme--button--color--background--secondary--on-default--active: var(--l--color--dark-alpha--10);
|
|
236
|
-
--l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--dark-alpha--0);
|
|
237
|
-
--l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--0);
|
|
238
|
-
--l--theme--button--color--background--secondary--on-default--hover: var(--l--color--dark-alpha--10);
|
|
239
|
-
--l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
240
|
-
--l--theme--button--color--background--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
241
|
-
--l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
242
|
-
--l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
243
|
-
--l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
244
|
-
--l--theme--button--color--background--destructive--on-default--rest: var(--l--color--red--70);
|
|
245
|
-
--l--theme--button--color--background--destructive--on-default--active: var(--l--color--red--60);
|
|
246
|
-
--l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--red--40);
|
|
247
|
-
--l--theme--button--color--background--destructive--on-default--focus: var(--l--color--red--70);
|
|
248
|
-
--l--theme--button--color--background--destructive--on-default--hover: var(--l--color--red--60);
|
|
249
|
-
--l--theme--button--color--border--primary--on-default--rest: var(--l--color--neutral--100);
|
|
250
|
-
--l--theme--button--color--border--primary--on-default--active: var(--l--color--neutral--80);
|
|
251
|
-
--l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
252
|
-
--l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
|
|
253
|
-
--l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
|
|
254
|
-
--l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
255
|
-
--l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--90);
|
|
256
|
-
--l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
257
|
-
--l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
258
|
-
--l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
259
|
-
--l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
260
|
-
--l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
261
|
-
--l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
262
|
-
--l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
263
|
-
--l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
264
|
-
--l--theme--button--color--border--destructive--on-default--rest: var(--l--color--red--70);
|
|
265
|
-
--l--theme--button--color--border--destructive--on-default--active: var(--l--color--red--60);
|
|
266
|
-
--l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--red--40);
|
|
267
|
-
--l--theme--button--color--border--destructive--on-default--focus: var(--l--color--red--70);
|
|
268
|
-
--l--theme--button--color--border--destructive--on-default--hover: var(--l--color--red--60);
|
|
269
|
-
--l--theme--button--color--content--primary--on-default--rest: var(--l--color--neutral--10);
|
|
270
|
-
--l--theme--button--color--content--primary--on-default--active: var(--l--color--neutral--10);
|
|
271
|
-
--l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
|
|
272
|
-
--l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
|
|
273
|
-
--l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
|
|
274
|
-
--l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
275
|
-
--l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
276
|
-
--l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
277
|
-
--l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
278
|
-
--l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
279
|
-
--l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
|
|
280
|
-
--l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
|
|
281
|
-
--l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
|
|
282
|
-
--l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
|
|
283
|
-
--l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
|
|
284
|
-
--l--theme--button--color--content--destructive--on-default--rest: var(--l--color--red--10);
|
|
285
|
-
--l--theme--button--color--content--destructive--on-default--active: var(--l--color--red--10);
|
|
286
|
-
--l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
|
|
287
|
-
--l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
|
|
288
|
-
--l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
|
|
289
|
-
--l--theme--checkbox-control--border--style: var(--l--border--style--solid);
|
|
290
|
-
--l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
291
|
-
--l--theme--notification--border--style: var(--l--border--style--solid);
|
|
292
|
-
--l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
293
|
-
--l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
294
|
-
--l--theme--notification--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
295
|
-
--l--theme--notification--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
296
|
-
--l--theme--notification--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
297
|
-
--l--theme--notification--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
298
|
-
--l--theme--notification--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
299
|
-
--l--theme--notification--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
300
|
-
--l--theme--notification--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
301
|
-
--l--theme--notification--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
302
|
-
--l--theme--notification--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
303
|
-
--l--theme--notification--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
304
|
-
--l--theme--notification--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
305
|
-
--l--theme--notification--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
306
|
-
--l--theme--notification--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
307
|
-
--l--theme--notification--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
308
|
-
--l--theme--notification--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
309
|
-
--l--theme--notification--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
310
|
-
--l--theme--notification--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
311
|
-
--l--theme--notification--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
312
|
-
--l--theme--notification--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
313
|
-
--l--theme--notification--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
314
|
-
--l--theme--notification--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
315
|
-
--l--theme--notification--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
316
|
-
--l--theme--notification--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
317
|
-
--l--theme--notification--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
318
|
-
--l--theme--notification--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
319
|
-
--l--theme--notification--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
320
|
-
--l--theme--notification--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
321
|
-
--l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
322
|
-
--l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
323
|
-
--l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
324
|
-
--l--theme--radio-control--border--style: var(--l--border--style--solid);
|
|
325
|
-
--l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
326
|
-
--l--theme--text-control--border--style: var(--l--border--style--solid);
|
|
327
|
-
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
328
|
-
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
329
|
-
--l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
330
|
-
--l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
331
|
-
--l--theme--text-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
332
|
-
--l--theme--text-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
333
|
-
--l--theme--text-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
334
|
-
--l--theme--text-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
335
|
-
--l--theme--text-control--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
336
|
-
--l--theme--text-control--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
337
|
-
--l--theme--text-control--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
338
|
-
--l--theme--text-control--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
339
|
-
--l--theme--text-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
340
|
-
--l--theme--text-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
341
|
-
--l--theme--text-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
342
|
-
--l--theme--text-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
343
|
-
--l--theme--text-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
344
|
-
--l--theme--text-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
345
|
-
--l--theme--text-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
346
|
-
--l--theme--text-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
347
|
-
--l--theme--text-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
348
|
-
--l--theme--text-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
349
|
-
--l--theme--text-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
350
|
-
--l--theme--text-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
351
|
-
--l--theme--text-control--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
352
|
-
--l--theme--text-control--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
353
|
-
--l--theme--text-control--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
354
|
-
--l--theme--text-control--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
355
|
-
--l--theme--text-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
356
|
-
--l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
357
|
-
--l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
358
|
-
--l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
359
228
|
--l--theme--border--radius--none: var(--l--border--radius--0);
|
|
360
229
|
--l--theme--border--radius--sm: var(--l--border--radius--2);
|
|
361
230
|
--l--theme--border--radius--md: var(--l--border--radius--4);
|
|
@@ -389,13 +258,13 @@
|
|
|
389
258
|
--l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
|
|
390
259
|
--l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
|
|
391
260
|
--l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
|
|
392
|
-
--l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--
|
|
261
|
+
--l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--70);
|
|
393
262
|
--l--theme--color--feedback--content--destructive--on-destructive: var(--l--color--red--100);
|
|
394
|
-
--l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--
|
|
263
|
+
--l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--70);
|
|
395
264
|
--l--theme--color--feedback--content--informative--on-informative: var(--l--color--blue--100);
|
|
396
|
-
--l--theme--color--feedback--content--positive--on-default: var(--l--color--green--
|
|
265
|
+
--l--theme--color--feedback--content--positive--on-default: var(--l--color--green--70);
|
|
397
266
|
--l--theme--color--feedback--content--positive--on-positive: var(--l--color--green--100);
|
|
398
|
-
--l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--
|
|
267
|
+
--l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--70);
|
|
399
268
|
--l--theme--color--feedback--content--warning--on-warning: var(--l--color--yellow--100);
|
|
400
269
|
--l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--60);
|
|
401
270
|
--l--theme--color--feedback--outline--destructive--on-destructive: var(--l--color--red--100);
|
|
@@ -427,17 +296,17 @@
|
|
|
427
296
|
--l--theme--color--interactive--border--on-default--checked--invalid--rest: var(--l--color--red--70);
|
|
428
297
|
--l--theme--color--interactive--border--on-default--checked--invalid--focus: var(--l--color--red--70);
|
|
429
298
|
--l--theme--color--interactive--border--on-default--checked--invalid--hover: var(--l--color--red--60);
|
|
430
|
-
--l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--
|
|
431
|
-
--l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--
|
|
299
|
+
--l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--70);
|
|
300
|
+
--l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--70);
|
|
432
301
|
--l--theme--color--interactive--border--on-default--invalid--hover: var(--l--color--red--70);
|
|
433
302
|
--l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
|
|
434
303
|
--l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
|
|
435
304
|
--l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
|
|
436
305
|
--l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
|
|
437
306
|
--l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
|
|
438
|
-
--l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--red--
|
|
439
|
-
--l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--red--
|
|
440
|
-
--l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--red--
|
|
307
|
+
--l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--red--70);
|
|
308
|
+
--l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--red--70);
|
|
309
|
+
--l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--red--70);
|
|
441
310
|
--l--theme--color--interactive--content--on-default--checked--rest: var(--l--color--neutral--10);
|
|
442
311
|
--l--theme--color--interactive--content--on-default--checked--hover: var(--l--color--neutral--10);
|
|
443
312
|
--l--theme--color--interactive--content--on-default--checked--focus: var(--l--color--neutral--10);
|
|
@@ -654,6 +523,12 @@
|
|
|
654
523
|
--l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
655
524
|
--l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
656
525
|
--l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
526
|
+
--l--theme--size--icon--xs: var(--l--units--12);
|
|
527
|
+
--l--theme--size--icon--sm: var(--l--units--16);
|
|
528
|
+
--l--theme--size--icon--md: var(--l--units--24);
|
|
529
|
+
--l--theme--size--icon--lg: var(--l--units--32);
|
|
530
|
+
--l--theme--size--icon--xl: var(--l--units--48);
|
|
531
|
+
--l--theme--size--icon--xxl: var(--l--units--64);
|
|
657
532
|
--l--theme--space--0: var(--l--units--0);
|
|
658
533
|
--l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
659
534
|
--l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
@@ -667,6 +542,178 @@
|
|
|
667
542
|
--l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
668
543
|
--l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
669
544
|
--l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
545
|
+
--l--theme--button--border--style: var(--l--border--style--solid);
|
|
546
|
+
--l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
|
|
547
|
+
--l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
|
|
548
|
+
--l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
549
|
+
--l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
|
|
550
|
+
--l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
|
|
551
|
+
--l--theme--button--color--background--secondary--on-default--rest: var(--l--color--dark-alpha--0);
|
|
552
|
+
--l--theme--button--color--background--secondary--on-default--active: var(--l--color--dark-alpha--10);
|
|
553
|
+
--l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--dark-alpha--0);
|
|
554
|
+
--l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--0);
|
|
555
|
+
--l--theme--button--color--background--secondary--on-default--hover: var(--l--color--dark-alpha--10);
|
|
556
|
+
--l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
557
|
+
--l--theme--button--color--background--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
558
|
+
--l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
559
|
+
--l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
560
|
+
--l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
561
|
+
--l--theme--button--color--background--destructive--on-default--rest: var(--l--color--red--70);
|
|
562
|
+
--l--theme--button--color--background--destructive--on-default--active: var(--l--color--red--60);
|
|
563
|
+
--l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--red--40);
|
|
564
|
+
--l--theme--button--color--background--destructive--on-default--focus: var(--l--color--red--70);
|
|
565
|
+
--l--theme--button--color--background--destructive--on-default--hover: var(--l--color--red--60);
|
|
566
|
+
--l--theme--button--color--border--primary--on-default--rest: var(--l--color--neutral--100);
|
|
567
|
+
--l--theme--button--color--border--primary--on-default--active: var(--l--color--neutral--80);
|
|
568
|
+
--l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
569
|
+
--l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
|
|
570
|
+
--l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
|
|
571
|
+
--l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
572
|
+
--l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--90);
|
|
573
|
+
--l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
574
|
+
--l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
575
|
+
--l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
576
|
+
--l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
577
|
+
--l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
578
|
+
--l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
579
|
+
--l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
580
|
+
--l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
581
|
+
--l--theme--button--color--border--destructive--on-default--rest: var(--l--color--red--70);
|
|
582
|
+
--l--theme--button--color--border--destructive--on-default--active: var(--l--color--red--60);
|
|
583
|
+
--l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--red--40);
|
|
584
|
+
--l--theme--button--color--border--destructive--on-default--focus: var(--l--color--red--70);
|
|
585
|
+
--l--theme--button--color--border--destructive--on-default--hover: var(--l--color--red--60);
|
|
586
|
+
--l--theme--button--color--content--primary--on-default--rest: var(--l--color--neutral--10);
|
|
587
|
+
--l--theme--button--color--content--primary--on-default--active: var(--l--color--neutral--10);
|
|
588
|
+
--l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
|
|
589
|
+
--l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
|
|
590
|
+
--l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
|
|
591
|
+
--l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
592
|
+
--l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
593
|
+
--l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
594
|
+
--l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
595
|
+
--l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
596
|
+
--l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
|
|
597
|
+
--l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
|
|
598
|
+
--l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
|
|
599
|
+
--l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
|
|
600
|
+
--l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
|
|
601
|
+
--l--theme--button--color--content--destructive--on-default--rest: var(--l--color--red--10);
|
|
602
|
+
--l--theme--button--color--content--destructive--on-default--active: var(--l--color--red--10);
|
|
603
|
+
--l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
|
|
604
|
+
--l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
|
|
605
|
+
--l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
|
|
606
|
+
--l--theme--checkbox-control--border--style: var(--l--border--style--solid);
|
|
607
|
+
--l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
608
|
+
--l--theme--notification--border--style: var(--l--border--style--solid);
|
|
609
|
+
--l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
610
|
+
--l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
611
|
+
--l--theme--notification--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
612
|
+
--l--theme--notification--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
613
|
+
--l--theme--notification--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
614
|
+
--l--theme--notification--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
615
|
+
--l--theme--notification--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
616
|
+
--l--theme--notification--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
617
|
+
--l--theme--notification--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
618
|
+
--l--theme--notification--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
619
|
+
--l--theme--notification--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
620
|
+
--l--theme--notification--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
621
|
+
--l--theme--notification--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
622
|
+
--l--theme--notification--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
623
|
+
--l--theme--notification--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
624
|
+
--l--theme--notification--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
625
|
+
--l--theme--notification--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
626
|
+
--l--theme--notification--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
627
|
+
--l--theme--notification--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
628
|
+
--l--theme--notification--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
629
|
+
--l--theme--notification--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
630
|
+
--l--theme--notification--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
631
|
+
--l--theme--notification--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
632
|
+
--l--theme--notification--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
633
|
+
--l--theme--notification--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
634
|
+
--l--theme--notification--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
635
|
+
--l--theme--notification--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
636
|
+
--l--theme--notification--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
637
|
+
--l--theme--notification--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
638
|
+
--l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
639
|
+
--l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
640
|
+
--l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
641
|
+
--l--theme--radio-control--border--style: var(--l--border--style--solid);
|
|
642
|
+
--l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
643
|
+
--l--theme--select-control--border--style: var(--l--border--style--solid);
|
|
644
|
+
--l--theme--select-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
645
|
+
--l--theme--select-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
646
|
+
--l--theme--select-control--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
647
|
+
--l--theme--select-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
648
|
+
--l--theme--select-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
649
|
+
--l--theme--select-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
650
|
+
--l--theme--select-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
651
|
+
--l--theme--select-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
652
|
+
--l--theme--select-control--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
653
|
+
--l--theme--select-control--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
654
|
+
--l--theme--select-control--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
655
|
+
--l--theme--select-control--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
656
|
+
--l--theme--select-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
657
|
+
--l--theme--select-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
658
|
+
--l--theme--select-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
659
|
+
--l--theme--select-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
660
|
+
--l--theme--select-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
661
|
+
--l--theme--select-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
662
|
+
--l--theme--select-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
663
|
+
--l--theme--select-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
664
|
+
--l--theme--select-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
665
|
+
--l--theme--select-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
666
|
+
--l--theme--select-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
667
|
+
--l--theme--select-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
668
|
+
--l--theme--select-control--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
669
|
+
--l--theme--select-control--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
670
|
+
--l--theme--select-control--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
671
|
+
--l--theme--select-control--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
672
|
+
--l--theme--select-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
673
|
+
--l--theme--select-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
674
|
+
--l--theme--select-control--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
675
|
+
--l--theme--select-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
676
|
+
--l--theme--text-control--border--style: var(--l--border--style--solid);
|
|
677
|
+
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
678
|
+
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
679
|
+
--l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
680
|
+
--l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
681
|
+
--l--theme--text-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
682
|
+
--l--theme--text-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
683
|
+
--l--theme--text-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
684
|
+
--l--theme--text-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
685
|
+
--l--theme--text-control--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
686
|
+
--l--theme--text-control--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
687
|
+
--l--theme--text-control--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
688
|
+
--l--theme--text-control--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
689
|
+
--l--theme--text-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
690
|
+
--l--theme--text-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
691
|
+
--l--theme--text-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
692
|
+
--l--theme--text-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
693
|
+
--l--theme--text-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
694
|
+
--l--theme--text-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
695
|
+
--l--theme--text-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
696
|
+
--l--theme--text-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
697
|
+
--l--theme--text-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
698
|
+
--l--theme--text-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
699
|
+
--l--theme--text-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
700
|
+
--l--theme--text-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
701
|
+
--l--theme--text-control--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
702
|
+
--l--theme--text-control--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
703
|
+
--l--theme--text-control--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
704
|
+
--l--theme--text-control--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
705
|
+
--l--theme--text-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
706
|
+
--l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
707
|
+
--l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
708
|
+
--l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
709
|
+
--l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
|
|
710
|
+
--l--theme--border--dialog--width: var(--l--theme--border--width--sm);
|
|
711
|
+
--l--theme--border--media--radius: var(--l--theme--border--radius--md);
|
|
712
|
+
--l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
|
|
713
|
+
--l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
|
|
714
|
+
--l--theme--space--gutter: var(--l--theme--space--70);
|
|
715
|
+
--l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
|
|
716
|
+
--l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
|
|
670
717
|
--l--theme--button--border--width--xs: var(--l--theme--border--width--sm);
|
|
671
718
|
--l--theme--button--border--width--sm: var(--l--theme--border--width--sm);
|
|
672
719
|
--l--theme--button--border--width--md: var(--l--theme--border--width--sm);
|
|
@@ -703,6 +750,22 @@
|
|
|
703
750
|
--l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
|
|
704
751
|
--l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
|
|
705
752
|
--l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
|
|
753
|
+
--l--theme--select-control--border--width--xs: var(--l--theme--border--width--sm);
|
|
754
|
+
--l--theme--select-control--border--width--sm: var(--l--theme--border--width--sm);
|
|
755
|
+
--l--theme--select-control--border--width--md: var(--l--theme--border--width--sm);
|
|
756
|
+
--l--theme--select-control--border--width--lg: var(--l--theme--border--width--sm);
|
|
757
|
+
--l--theme--select-control--border--radius--xs: var(--l--theme--border--radius--md);
|
|
758
|
+
--l--theme--select-control--border--radius--sm: var(--l--theme--border--radius--md);
|
|
759
|
+
--l--theme--select-control--border--radius--md: var(--l--theme--border--radius--md);
|
|
760
|
+
--l--theme--select-control--border--radius--lg: var(--l--theme--border--radius--md);
|
|
761
|
+
--l--theme--select-control--space--inset--block--xs: var(--l--theme--space--20);
|
|
762
|
+
--l--theme--select-control--space--inset--block--sm: var(--l--theme--space--30);
|
|
763
|
+
--l--theme--select-control--space--inset--block--md: var(--l--theme--space--40);
|
|
764
|
+
--l--theme--select-control--space--inset--block--lg: var(--l--theme--space--50);
|
|
765
|
+
--l--theme--select-control--space--inset--inline--xs: var(--l--theme--space--30);
|
|
766
|
+
--l--theme--select-control--space--inset--inline--sm: var(--l--theme--space--40);
|
|
767
|
+
--l--theme--select-control--space--inset--inline--md: var(--l--theme--space--50);
|
|
768
|
+
--l--theme--select-control--space--inset--inline--lg: var(--l--theme--space--60);
|
|
706
769
|
--l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
|
|
707
770
|
--l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
|
|
708
771
|
--l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
|
|
@@ -719,14 +782,6 @@
|
|
|
719
782
|
--l--theme--text-control--space--inset--inline--sm: var(--l--theme--space--40);
|
|
720
783
|
--l--theme--text-control--space--inset--inline--md: var(--l--theme--space--50);
|
|
721
784
|
--l--theme--text-control--space--inset--inline--lg: var(--l--theme--space--60);
|
|
722
|
-
--l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
|
|
723
|
-
--l--theme--border--dialog--width: var(--l--theme--border--width--sm);
|
|
724
|
-
--l--theme--border--media--radius: var(--l--theme--border--radius--md);
|
|
725
|
-
--l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
|
|
726
|
-
--l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
|
|
727
|
-
--l--theme--space--gutter: var(--l--theme--space--70);
|
|
728
|
-
--l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
|
|
729
|
-
--l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
|
|
730
785
|
--l--theme--space--dialog--inset--block: var(--l--theme--space--gutter);
|
|
731
786
|
--l--theme--space--dialog--inset--inline: var(--l--theme--space--gutter);
|
|
732
787
|
}
|