@withlayers/tokens 0.22.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +391 -434
  2. package/package.json +5 -2
package/dist/index.css CHANGED
@@ -7,8 +7,12 @@
7
7
  --l--border--radius--2: 2px;
8
8
  --l--border--radius--4: 4px;
9
9
  --l--border--radius--8: 8px;
10
+ --l--border--radius--12: 12px;
10
11
  --l--border--radius--16: 16px;
12
+ --l--border--radius--24: 24px;
11
13
  --l--border--radius--32: 32px;
14
+ --l--border--radius--48: 48px;
15
+ --l--border--radius--64: 64px;
12
16
  --l--border--radius--9999: 9999px;
13
17
  --l--border--style--none: none;
14
18
  --l--border--style--solid: solid;
@@ -19,6 +23,7 @@
19
23
  --l--border--width--2: 2px;
20
24
  --l--border--width--4: 4px;
21
25
  --l--border--width--8: 8px;
26
+ --l--border--width--12: 12px;
22
27
  --l--border--width--16: 16px;
23
28
  --l--breakpoint--xs: 360px;
24
29
  --l--breakpoint--sm: 490px;
@@ -115,6 +120,7 @@
115
120
  --l--color--yellow--100: #8d2b0b;
116
121
  --l--typography--font-family--primary: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
117
122
  --l--typography--font-family--secondary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
123
+ --l--typography--font-family--tertiary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
118
124
  --l--typography--font-family--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
119
125
  --l--typography--font-size--8: 0.5rem;
120
126
  --l--typography--font-size--10: 0.625rem;
@@ -193,38 +199,36 @@
193
199
  --l--typography--text-decoration-style--solid: solid;
194
200
  --l--typography--text-decoration-style--wavy: wavy;
195
201
  --l--typography--text-decoration-thickness--auto: from-font;
196
- --l--theme--typography--heading--line-height--l5: 1;
197
- --l--theme--typography--heading--line-height--l6: 1;
198
202
  --l--units--0: 0;
199
- --l--units--1: 0.0625rem;
200
- --l--units--2: 0.125rem;
201
- --l--units--4: 0.25rem;
202
- --l--units--8: 0.5rem;
203
- --l--units--12: 0.75rem;
204
- --l--units--16: 1rem;
205
- --l--units--20: 1.25rem;
206
- --l--units--24: 1.5rem;
207
- --l--units--28: 1.75rem;
208
- --l--units--32: 2rem;
209
- --l--units--36: 2.25rem;
210
- --l--units--40: 2.5rem;
211
- --l--units--48: 3rem;
212
- --l--units--56: 3.5rem;
213
- --l--units--64: 4rem;
214
- --l--units--72: 4.5rem;
215
- --l--units--80: 5rem;
216
- --l--units--88: 5.5rem;
217
- --l--units--96: 6rem;
218
- --l--units--104: 6.5rem;
219
- --l--units--112: 7rem;
220
- --l--units--120: 7.5rem;
221
- --l--units--128: 8rem;
222
- --l--units--192: 12rem;
223
- --l--units--256: 16rem;
224
- --l--units--320: 20rem;
225
- --l--units--384: 24rem;
226
- --l--units--448: 28rem;
227
- --l--units--512: 32rem;
203
+ --l--units--relative--1: 0.0625rem;
204
+ --l--units--relative--2: 0.125rem;
205
+ --l--units--relative--4: 0.25rem;
206
+ --l--units--relative--8: 0.5rem;
207
+ --l--units--relative--12: 0.75rem;
208
+ --l--units--relative--16: 1rem;
209
+ --l--units--relative--20: 1.25rem;
210
+ --l--units--relative--24: 1.5rem;
211
+ --l--units--relative--28: 1.75rem;
212
+ --l--units--relative--32: 2rem;
213
+ --l--units--relative--36: 2.25rem;
214
+ --l--units--relative--40: 2.5rem;
215
+ --l--units--relative--48: 3rem;
216
+ --l--units--relative--56: 3.5rem;
217
+ --l--units--relative--64: 4rem;
218
+ --l--units--relative--72: 4.5rem;
219
+ --l--units--relative--80: 5rem;
220
+ --l--units--relative--88: 5.5rem;
221
+ --l--units--relative--96: 6rem;
222
+ --l--units--relative--104: 6.5rem;
223
+ --l--units--relative--112: 7rem;
224
+ --l--units--relative--120: 7.5rem;
225
+ --l--units--relative--128: 8rem;
226
+ --l--units--relative--192: 12rem;
227
+ --l--units--relative--256: 16rem;
228
+ --l--units--relative--320: 20rem;
229
+ --l--units--relative--384: 24rem;
230
+ --l--units--relative--448: 28rem;
231
+ --l--units--relative--512: 32rem;
228
232
  --l--theme--size--measure--sm: 18.75rem;
229
233
  --l--theme--size--measure--md: 37.5rem;
230
234
  --l--theme--size--measure--lg: 48rem;
@@ -244,6 +248,9 @@
244
248
  --l--theme--border--width--xl: var(--l--border--width--8);
245
249
  --l--theme--border--width--xxl: var(--l--border--width--16);
246
250
  --l--theme--border--dialog--style: var(--l--border--style--none);
251
+ --l--theme--border--interactive--style: var(--l--border--style--solid);
252
+ --l--theme--border--mark-control--style: var(--l--border--style--solid);
253
+ --l--theme--border--text-control--style: var(--l--border--style--solid);
247
254
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
248
255
  --l--theme--color--background--default: var(--l--color--neutral--0);
249
256
  --l--theme--color--background--knockout: var(--l--color--neutral--90);
@@ -251,6 +258,8 @@
251
258
  --l--theme--color--border--primary--on-knockout: var(--l--color--neutral--40);
252
259
  --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
253
260
  --l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--70);
261
+ --l--theme--color--border--tertiary--on-default: var(--l--color--neutral--10);
262
+ --l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--80);
254
263
  --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
255
264
  --l--theme--color--content--primary--on-knockout: var(--l--color--neutral--0);
256
265
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
@@ -261,6 +270,8 @@
261
270
  --l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--70);
262
271
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
263
272
  --l--theme--color--code--background--on-knockout: var(--l--color--neutral--80);
273
+ --l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--dark--0);
274
+ --l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--light--0);
264
275
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
265
276
  --l--theme--color--code--content--on-knockout: var(--l--color--neutral--0);
266
277
  --l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--dark--0);
@@ -297,92 +308,207 @@
297
308
  --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--10);
298
309
  --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--90);
299
310
  --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--10);
300
- --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
301
- --l--theme--color--interactive--background--on-default--checked--rest: var(--l--color--neutral--90);
302
- --l--theme--color--interactive--background--on-default--checked--focus: var(--l--color--neutral--90);
303
- --l--theme--color--interactive--background--on-default--checked--hover: var(--l--color--neutral--80);
304
- --l--theme--color--interactive--background--on-default--checked--invalid--rest: var(--l--color--red--70);
305
- --l--theme--color--interactive--background--on-default--checked--invalid--focus: var(--l--color--red--70);
306
- --l--theme--color--interactive--background--on-default--checked--invalid--hover: var(--l--color--red--60);
307
- --l--theme--color--interactive--background--on-default--invalid--hover: var(--l--color--neutral--10);
308
- --l--theme--color--interactive--background--on-default--disabled: var(--l--color--neutral--10);
309
- --l--theme--color--interactive--background--on-knockout--hover: var(--l--color--neutral--80);
310
- --l--theme--color--interactive--background--on-knockout--checked--rest: var(--l--color--neutral--0);
311
- --l--theme--color--interactive--background--on-knockout--checked--focus: var(--l--color--neutral--0);
312
- --l--theme--color--interactive--background--on-knockout--checked--hover: var(--l--color--neutral--10);
313
- --l--theme--color--interactive--background--on-knockout--checked--invalid--rest: var(--l--color--red--30);
314
- --l--theme--color--interactive--background--on-knockout--checked--invalid--focus: var(--l--color--red--30);
315
- --l--theme--color--interactive--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
316
- --l--theme--color--interactive--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
317
- --l--theme--color--interactive--background--on-knockout--disabled: var(--l--color--neutral--80);
318
- --l--theme--color--interactive--border--on-default--rest: var(--l--color--neutral--70);
319
- --l--theme--color--interactive--border--on-default--focus: var(--l--color--neutral--70);
320
- --l--theme--color--interactive--border--on-default--hover: var(--l--color--neutral--80);
321
- --l--theme--color--interactive--border--on-default--checked--rest: var(--l--color--neutral--90);
322
- --l--theme--color--interactive--border--on-default--checked--focus: var(--l--color--neutral--90);
323
- --l--theme--color--interactive--border--on-default--checked--hover: var(--l--color--neutral--80);
324
- --l--theme--color--interactive--border--on-default--checked--invalid--rest: var(--l--color--red--70);
325
- --l--theme--color--interactive--border--on-default--checked--invalid--focus: var(--l--color--red--70);
326
- --l--theme--color--interactive--border--on-default--checked--invalid--hover: var(--l--color--red--60);
327
- --l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--60);
328
- --l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--60);
329
- --l--theme--color--interactive--border--on-default--invalid--hover: var(--l--color--red--70);
330
- --l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
331
- --l--theme--color--interactive--border--on-knockout--rest: var(--l--color--neutral--30);
332
- --l--theme--color--interactive--border--on-knockout--focus: var(--l--color--neutral--30);
333
- --l--theme--color--interactive--border--on-knockout--hover: var(--l--color--neutral--40);
334
- --l--theme--color--interactive--border--on-knockout--checked--rest: var(--l--color--neutral--0);
335
- --l--theme--color--interactive--border--on-knockout--checked--focus: var(--l--color--neutral--0);
336
- --l--theme--color--interactive--border--on-knockout--checked--hover: var(--l--color--neutral--10);
337
- --l--theme--color--interactive--border--on-knockout--checked--invalid--rest: var(--l--color--red--30);
338
- --l--theme--color--interactive--border--on-knockout--checked--invalid--focus: var(--l--color--red--30);
339
- --l--theme--color--interactive--border--on-knockout--checked--invalid--hover: var(--l--color--red--40);
340
- --l--theme--color--interactive--border--on-knockout--invalid--rest: var(--l--color--red--30);
341
- --l--theme--color--interactive--border--on-knockout--invalid--focus: var(--l--color--red--30);
342
- --l--theme--color--interactive--border--on-knockout--invalid--hover: var(--l--color--red--40);
343
- --l--theme--color--interactive--border--on-knockout--disabled: var(--l--color--neutral--70);
344
- --l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
345
- --l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
346
- --l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
347
- --l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
348
- --l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--neutral--90);
349
- --l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--neutral--90);
350
- --l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--neutral--90);
351
- --l--theme--color--interactive--content--on-default--checked--rest: var(--l--color--neutral--10);
352
- --l--theme--color--interactive--content--on-default--checked--hover: var(--l--color--neutral--10);
353
- --l--theme--color--interactive--content--on-default--checked--focus: var(--l--color--neutral--10);
354
- --l--theme--color--interactive--content--on-default--checked--disabled: var(--l--color--neutral--40);
355
- --l--theme--color--interactive--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
356
- --l--theme--color--interactive--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
357
- --l--theme--color--interactive--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
358
- --l--theme--color--interactive--content--on-knockout--rest: var(--l--color--neutral--0);
359
- --l--theme--color--interactive--content--on-knockout--hover: var(--l--color--neutral--0);
360
- --l--theme--color--interactive--content--on-knockout--focus: var(--l--color--neutral--0);
361
- --l--theme--color--interactive--content--on-knockout--disabled: var(--l--color--neutral--50);
362
- --l--theme--color--interactive--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
363
- --l--theme--color--interactive--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
364
- --l--theme--color--interactive--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
365
- --l--theme--color--interactive--content--on-knockout--checked--rest: var(--l--color--neutral--90);
366
- --l--theme--color--interactive--content--on-knockout--checked--hover: var(--l--color--neutral--90);
367
- --l--theme--color--interactive--content--on-knockout--checked--focus: var(--l--color--neutral--90);
368
- --l--theme--color--interactive--content--on-knockout--checked--disabled: var(--l--color--neutral--50);
369
- --l--theme--color--interactive--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
370
- --l--theme--color--interactive--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
371
- --l--theme--color--interactive--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
372
- --l--theme--color--interactive--placeholder--on-default--rest: var(--l--color--neutral--60);
373
- --l--theme--color--interactive--placeholder--on-default--hover: var(--l--color--neutral--60);
374
- --l--theme--color--interactive--placeholder--on-default--focus: var(--l--color--neutral--60);
375
- --l--theme--color--interactive--placeholder--on-default--disabled: var(--l--color--neutral--40);
376
- --l--theme--color--interactive--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
377
- --l--theme--color--interactive--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
378
- --l--theme--color--interactive--placeholder--on-default--invalid--focus: var(--l--color--neutral--60);
379
- --l--theme--color--interactive--placeholder--on-knockout--rest: var(--l--color--neutral--30);
380
- --l--theme--color--interactive--placeholder--on-knockout--hover: var(--l--color--neutral--30);
381
- --l--theme--color--interactive--placeholder--on-knockout--focus: var(--l--color--neutral--30);
382
- --l--theme--color--interactive--placeholder--on-knockout--disabled: var(--l--color--neutral--50);
383
- --l--theme--color--interactive--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
384
- --l--theme--color--interactive--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
385
- --l--theme--color--interactive--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
311
+ --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--10);
312
+ --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--90);
313
+ --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--90);
314
+ --l--theme--color--input--background--on-default--checked--hover: var(--l--color--neutral--80);
315
+ --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--color--red--70);
316
+ --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--color--red--70);
317
+ --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--color--red--60);
318
+ --l--theme--color--input--background--on-default--invalid--hover: var(--l--color--neutral--10);
319
+ --l--theme--color--input--background--on-default--disabled: var(--l--color--neutral--10);
320
+ --l--theme--color--input--background--on-knockout--hover: var(--l--color--neutral--80);
321
+ --l--theme--color--input--background--on-knockout--checked--rest: var(--l--color--neutral--0);
322
+ --l--theme--color--input--background--on-knockout--checked--focus: var(--l--color--neutral--0);
323
+ --l--theme--color--input--background--on-knockout--checked--hover: var(--l--color--neutral--10);
324
+ --l--theme--color--input--background--on-knockout--checked--invalid--rest: var(--l--color--red--30);
325
+ --l--theme--color--input--background--on-knockout--checked--invalid--focus: var(--l--color--red--30);
326
+ --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
327
+ --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
328
+ --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--80);
329
+ --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--70);
330
+ --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--70);
331
+ --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--80);
332
+ --l--theme--color--input--border--on-default--checked--rest: var(--l--color--neutral--90);
333
+ --l--theme--color--input--border--on-default--checked--focus: var(--l--color--neutral--90);
334
+ --l--theme--color--input--border--on-default--checked--hover: var(--l--color--neutral--80);
335
+ --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--color--red--70);
336
+ --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--color--red--70);
337
+ --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--color--red--60);
338
+ --l--theme--color--input--border--on-default--invalid--rest: var(--l--color--red--60);
339
+ --l--theme--color--input--border--on-default--invalid--focus: var(--l--color--red--60);
340
+ --l--theme--color--input--border--on-default--invalid--hover: var(--l--color--red--70);
341
+ --l--theme--color--input--border--on-default--disabled: var(--l--color--neutral--20);
342
+ --l--theme--color--input--border--on-knockout--rest: var(--l--color--neutral--30);
343
+ --l--theme--color--input--border--on-knockout--focus: var(--l--color--neutral--30);
344
+ --l--theme--color--input--border--on-knockout--hover: var(--l--color--neutral--40);
345
+ --l--theme--color--input--border--on-knockout--checked--rest: var(--l--color--neutral--0);
346
+ --l--theme--color--input--border--on-knockout--checked--focus: var(--l--color--neutral--0);
347
+ --l--theme--color--input--border--on-knockout--checked--hover: var(--l--color--neutral--10);
348
+ --l--theme--color--input--border--on-knockout--checked--invalid--rest: var(--l--color--red--30);
349
+ --l--theme--color--input--border--on-knockout--checked--invalid--focus: var(--l--color--red--30);
350
+ --l--theme--color--input--border--on-knockout--checked--invalid--hover: var(--l--color--red--40);
351
+ --l--theme--color--input--border--on-knockout--invalid--rest: var(--l--color--red--30);
352
+ --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--30);
353
+ --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--40);
354
+ --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--70);
355
+ --l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
356
+ --l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
357
+ --l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
358
+ --l--theme--color--input--content--on-default--invalid--rest: var(--l--color--neutral--90);
359
+ --l--theme--color--input--content--on-default--invalid--hover: var(--l--color--neutral--90);
360
+ --l--theme--color--input--content--on-default--invalid--focus: var(--l--color--neutral--90);
361
+ --l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--10);
362
+ --l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--10);
363
+ --l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--10);
364
+ --l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
365
+ --l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
366
+ --l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
367
+ --l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--40);
368
+ --l--theme--color--input--content--on-knockout--rest: var(--l--color--neutral--0);
369
+ --l--theme--color--input--content--on-knockout--hover: var(--l--color--neutral--0);
370
+ --l--theme--color--input--content--on-knockout--focus: var(--l--color--neutral--0);
371
+ --l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
372
+ --l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
373
+ --l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
374
+ --l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--90);
375
+ --l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--90);
376
+ --l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--90);
377
+ --l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
378
+ --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
379
+ --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
380
+ --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
381
+ --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
382
+ --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
383
+ --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
384
+ --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--color--neutral--60);
385
+ --l--theme--color--input--placeholder--on-knockout--rest: var(--l--color--neutral--30);
386
+ --l--theme--color--input--placeholder--on-knockout--hover: var(--l--color--neutral--30);
387
+ --l--theme--color--input--placeholder--on-knockout--focus: var(--l--color--neutral--30);
388
+ --l--theme--color--input--placeholder--on-knockout--disabled: var(--l--color--neutral--50);
389
+ --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
390
+ --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
391
+ --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
392
+ --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--100);
393
+ --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--80);
394
+ --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--80);
395
+ --l--theme--color--interactive--background--primary--on-default--focus: var(--l--color--neutral--100);
396
+ --l--theme--color--interactive--background--primary--on-default--hover: var(--l--color--neutral--80);
397
+ --l--theme--color--interactive--background--primary--on-knockout--rest: var(--l--color--neutral--0);
398
+ --l--theme--color--interactive--background--primary--on-knockout--active: var(--l--color--neutral--10);
399
+ --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
400
+ --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--0);
401
+ --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--10);
402
+ --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
403
+ --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
404
+ --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
405
+ --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--color--neutral--0);
406
+ --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--color--neutral--alpha--dark--10);
407
+ --l--theme--color--interactive--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--light--0);
408
+ --l--theme--color--interactive--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--light--10);
409
+ --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
410
+ --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
411
+ --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
412
+ --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--10);
413
+ --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--20);
414
+ --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
415
+ --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--color--neutral--20);
416
+ --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--color--neutral--20);
417
+ --l--theme--color--interactive--background--tertiary--on-knockout--rest: var(--l--color--neutral--80);
418
+ --l--theme--color--interactive--background--tertiary--on-knockout--active: var(--l--color--neutral--70);
419
+ --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
420
+ --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
421
+ --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
422
+ --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--70);
423
+ --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--60);
424
+ --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--red--40);
425
+ --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--color--red--70);
426
+ --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--color--red--60);
427
+ --l--theme--color--interactive--background--destructive--on-knockout--rest: var(--l--color--red--30);
428
+ --l--theme--color--interactive--background--destructive--on-knockout--active: var(--l--color--red--40);
429
+ --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--red--50);
430
+ --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--30);
431
+ --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--40);
432
+ --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--100);
433
+ --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--80);
434
+ --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--80);
435
+ --l--theme--color--interactive--border--primary--on-default--focus: var(--l--color--neutral--100);
436
+ --l--theme--color--interactive--border--primary--on-default--hover: var(--l--color--neutral--80);
437
+ --l--theme--color--interactive--border--primary--on-knockout--rest: var(--l--color--neutral--0);
438
+ --l--theme--color--interactive--border--primary--on-knockout--active: var(--l--color--neutral--20);
439
+ --l--theme--color--interactive--border--primary--on-knockout--disabled: var(--l--color--neutral--20);
440
+ --l--theme--color--interactive--border--primary--on-knockout--focus: var(--l--color--neutral--0);
441
+ --l--theme--color--interactive--border--primary--on-knockout--hover: var(--l--color--neutral--20);
442
+ --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--color--neutral--90);
443
+ --l--theme--color--interactive--border--secondary--on-default--active: var(--l--color--neutral--40);
444
+ --l--theme--color--interactive--border--secondary--on-default--disabled: var(--l--color--neutral--40);
445
+ --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--color--neutral--90);
446
+ --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--color--neutral--90);
447
+ --l--theme--color--interactive--border--secondary--on-knockout--rest: var(--l--color--neutral--0);
448
+ --l--theme--color--interactive--border--secondary--on-knockout--active: var(--l--color--neutral--0);
449
+ --l--theme--color--interactive--border--secondary--on-knockout--disabled: var(--l--color--neutral--50);
450
+ --l--theme--color--interactive--border--secondary--on-knockout--focus: var(--l--color--neutral--0);
451
+ --l--theme--color--interactive--border--secondary--on-knockout--hover: var(--l--color--neutral--0);
452
+ --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--color--neutral--10);
453
+ --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--color--neutral--20);
454
+ --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
455
+ --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--color--neutral--20);
456
+ --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--color--neutral--20);
457
+ --l--theme--color--interactive--border--tertiary--on-knockout--rest: var(--l--color--neutral--80);
458
+ --l--theme--color--interactive--border--tertiary--on-knockout--active: var(--l--color--neutral--70);
459
+ --l--theme--color--interactive--border--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
460
+ --l--theme--color--interactive--border--tertiary--on-knockout--focus: var(--l--color--neutral--70);
461
+ --l--theme--color--interactive--border--tertiary--on-knockout--hover: var(--l--color--neutral--70);
462
+ --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--color--red--70);
463
+ --l--theme--color--interactive--border--destructive--on-default--active: var(--l--color--red--60);
464
+ --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--color--red--40);
465
+ --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--color--red--70);
466
+ --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--color--red--60);
467
+ --l--theme--color--interactive--border--destructive--on-knockout--rest: var(--l--color--red--30);
468
+ --l--theme--color--interactive--border--destructive--on-knockout--active: var(--l--color--red--40);
469
+ --l--theme--color--interactive--border--destructive--on-knockout--disabled: var(--l--color--red--50);
470
+ --l--theme--color--interactive--border--destructive--on-knockout--focus: var(--l--color--red--30);
471
+ --l--theme--color--interactive--border--destructive--on-knockout--hover: var(--l--color--red--40);
472
+ --l--theme--color--interactive--content--primary--on-default--rest: var(--l--color--neutral--10);
473
+ --l--theme--color--interactive--content--primary--on-default--active: var(--l--color--neutral--10);
474
+ --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--color--neutral--40);
475
+ --l--theme--color--interactive--content--primary--on-default--focus: var(--l--color--neutral--10);
476
+ --l--theme--color--interactive--content--primary--on-default--hover: var(--l--color--neutral--10);
477
+ --l--theme--color--interactive--content--primary--on-knockout--rest: var(--l--color--neutral--90);
478
+ --l--theme--color--interactive--content--primary--on-knockout--active: var(--l--color--neutral--90);
479
+ --l--theme--color--interactive--content--primary--on-knockout--disabled: var(--l--color--neutral--50);
480
+ --l--theme--color--interactive--content--primary--on-knockout--focus: var(--l--color--neutral--90);
481
+ --l--theme--color--interactive--content--primary--on-knockout--hover: var(--l--color--neutral--90);
482
+ --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--color--neutral--90);
483
+ --l--theme--color--interactive--content--secondary--on-default--active: var(--l--color--neutral--90);
484
+ --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--color--neutral--40);
485
+ --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--color--neutral--90);
486
+ --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--color--neutral--90);
487
+ --l--theme--color--interactive--content--secondary--on-knockout--rest: var(--l--color--neutral--0);
488
+ --l--theme--color--interactive--content--secondary--on-knockout--active: var(--l--color--neutral--0);
489
+ --l--theme--color--interactive--content--secondary--on-knockout--disabled: var(--l--color--neutral--50);
490
+ --l--theme--color--interactive--content--secondary--on-knockout--focus: var(--l--color--neutral--0);
491
+ --l--theme--color--interactive--content--secondary--on-knockout--hover: var(--l--color--neutral--0);
492
+ --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--color--neutral--90);
493
+ --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--color--neutral--90);
494
+ --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
495
+ --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--color--neutral--90);
496
+ --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--color--neutral--90);
497
+ --l--theme--color--interactive--content--tertiary--on-knockout--rest: var(--l--color--neutral--0);
498
+ --l--theme--color--interactive--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
499
+ --l--theme--color--interactive--content--tertiary--on-knockout--disabled: var(--l--color--neutral--50);
500
+ --l--theme--color--interactive--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
501
+ --l--theme--color--interactive--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
502
+ --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--color--red--10);
503
+ --l--theme--color--interactive--content--destructive--on-default--active: var(--l--color--red--10);
504
+ --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--color--red--20);
505
+ --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--color--red--10);
506
+ --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--color--red--10);
507
+ --l--theme--color--interactive--content--destructive--on-knockout--rest: var(--l--color--red--90);
508
+ --l--theme--color--interactive--content--destructive--on-knockout--active: var(--l--color--red--90);
509
+ --l--theme--color--interactive--content--destructive--on-knockout--disabled: var(--l--color--red--70);
510
+ --l--theme--color--interactive--content--destructive--on-knockout--focus: var(--l--color--red--90);
511
+ --l--theme--color--interactive--content--destructive--on-knockout--hover: var(--l--color--red--90);
386
512
  --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
387
513
  --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
388
514
  --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
@@ -417,9 +543,11 @@
417
543
  --l--theme--color--selection--background--on-knockout: var(--l--color--neutral--0);
418
544
  --l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
419
545
  --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--90);
420
- --l--typography--text-decoration-thickness--sm: var(--l--units--1);
421
- --l--typography--text-decoration-thickness--md: var(--l--units--2);
422
- --l--typography--text-decoration-thickness--lg: var(--l--units--4);
546
+ --l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
547
+ --l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
548
+ --l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
549
+ --l--typography--text-decoration-thickness--xl: var(--l--units--relative--8);
550
+ --l--typography--text-decoration-thickness--xxl: var(--l--units--relative--12);
423
551
  --l--theme--typography--blockquote--font-family: var(--l--typography--font-family--primary);
424
552
  --l--theme--typography--blockquote--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
425
553
  --l--theme--typography--blockquote--font-style: var(--l--typography--font-style--italic);
@@ -452,38 +580,6 @@
452
580
  --l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
453
581
  --l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
454
582
  --l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
455
- --l--theme--typography--button--font-family--xs: var(--l--typography--font-family--secondary);
456
- --l--theme--typography--button--font-family--sm: var(--l--typography--font-family--secondary);
457
- --l--theme--typography--button--font-family--md: var(--l--typography--font-family--secondary);
458
- --l--theme--typography--button--font-family--lg: var(--l--typography--font-family--secondary);
459
- --l--theme--typography--button--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
460
- --l--theme--typography--button--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
461
- --l--theme--typography--button--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
462
- --l--theme--typography--button--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
463
- --l--theme--typography--button--font-style--xs: var(--l--typography--font-style--normal);
464
- --l--theme--typography--button--font-style--sm: var(--l--typography--font-style--normal);
465
- --l--theme--typography--button--font-style--md: var(--l--typography--font-style--normal);
466
- --l--theme--typography--button--font-style--lg: var(--l--typography--font-style--normal);
467
- --l--theme--typography--button--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
468
- --l--theme--typography--button--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
469
- --l--theme--typography--button--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
470
- --l--theme--typography--button--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
471
- --l--theme--typography--button--font-weight--xs: var(--l--typography--font-weight--medium);
472
- --l--theme--typography--button--font-weight--sm: var(--l--typography--font-weight--medium);
473
- --l--theme--typography--button--font-weight--md: var(--l--typography--font-weight--medium);
474
- --l--theme--typography--button--font-weight--lg: var(--l--typography--font-weight--medium);
475
- --l--theme--typography--button--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
476
- --l--theme--typography--button--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
477
- --l--theme--typography--button--letter-spacing--md: var(--l--typography--letter-spacing--normal);
478
- --l--theme--typography--button--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
479
- --l--theme--typography--button--line-height--xs: var(--l--typography--line-height--1250);
480
- --l--theme--typography--button--line-height--sm: var(--l--typography--line-height--1250);
481
- --l--theme--typography--button--line-height--md: var(--l--typography--line-height--1375);
482
- --l--theme--typography--button--line-height--lg: var(--l--typography--line-height--1500);
483
- --l--theme--typography--button--text-transform--xs: var(--l--typography--text-transform--none);
484
- --l--theme--typography--button--text-transform--sm: var(--l--typography--text-transform--none);
485
- --l--theme--typography--button--text-transform--md: var(--l--typography--text-transform--none);
486
- --l--theme--typography--button--text-transform--lg: var(--l--typography--text-transform--none);
487
583
  --l--theme--typography--caption--font-family--primary: var(--l--typography--font-family--secondary);
488
584
  --l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--primary);
489
585
  --l--theme--typography--caption--font-size--primary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
@@ -548,12 +644,46 @@
548
644
  --l--theme--typography--heading--line-height--l2: var(--l--typography--line-height--1250);
549
645
  --l--theme--typography--heading--line-height--l3: var(--l--typography--line-height--1250);
550
646
  --l--theme--typography--heading--line-height--l4: var(--l--typography--line-height--1250);
647
+ --l--theme--typography--heading--line-height--l5: var(--l--typography--line-height--1000);
648
+ --l--theme--typography--heading--line-height--l6: var(--l--typography--line-height--1000);
551
649
  --l--theme--typography--heading--text-transform--l1: var(--l--typography--text-transform--none);
552
650
  --l--theme--typography--heading--text-transform--l2: var(--l--typography--text-transform--none);
553
651
  --l--theme--typography--heading--text-transform--l3: var(--l--typography--text-transform--none);
554
652
  --l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
555
653
  --l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
556
654
  --l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
655
+ --l--theme--typography--interactive--font-family--xs: var(--l--typography--font-family--secondary);
656
+ --l--theme--typography--interactive--font-family--sm: var(--l--typography--font-family--secondary);
657
+ --l--theme--typography--interactive--font-family--md: var(--l--typography--font-family--secondary);
658
+ --l--theme--typography--interactive--font-family--lg: var(--l--typography--font-family--secondary);
659
+ --l--theme--typography--interactive--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
660
+ --l--theme--typography--interactive--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
661
+ --l--theme--typography--interactive--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
662
+ --l--theme--typography--interactive--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
663
+ --l--theme--typography--interactive--font-style--xs: var(--l--typography--font-style--normal);
664
+ --l--theme--typography--interactive--font-style--sm: var(--l--typography--font-style--normal);
665
+ --l--theme--typography--interactive--font-style--md: var(--l--typography--font-style--normal);
666
+ --l--theme--typography--interactive--font-style--lg: var(--l--typography--font-style--normal);
667
+ --l--theme--typography--interactive--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
668
+ --l--theme--typography--interactive--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
669
+ --l--theme--typography--interactive--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
670
+ --l--theme--typography--interactive--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
671
+ --l--theme--typography--interactive--font-weight--xs: var(--l--typography--font-weight--medium);
672
+ --l--theme--typography--interactive--font-weight--sm: var(--l--typography--font-weight--medium);
673
+ --l--theme--typography--interactive--font-weight--md: var(--l--typography--font-weight--medium);
674
+ --l--theme--typography--interactive--font-weight--lg: var(--l--typography--font-weight--medium);
675
+ --l--theme--typography--interactive--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
676
+ --l--theme--typography--interactive--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
677
+ --l--theme--typography--interactive--letter-spacing--md: var(--l--typography--letter-spacing--normal);
678
+ --l--theme--typography--interactive--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
679
+ --l--theme--typography--interactive--line-height--xs: var(--l--typography--line-height--1250);
680
+ --l--theme--typography--interactive--line-height--sm: var(--l--typography--line-height--1250);
681
+ --l--theme--typography--interactive--line-height--md: var(--l--typography--line-height--1375);
682
+ --l--theme--typography--interactive--line-height--lg: var(--l--typography--line-height--1500);
683
+ --l--theme--typography--interactive--text-transform--xs: var(--l--typography--text-transform--none);
684
+ --l--theme--typography--interactive--text-transform--sm: var(--l--typography--text-transform--none);
685
+ --l--theme--typography--interactive--text-transform--md: var(--l--typography--text-transform--none);
686
+ --l--theme--typography--interactive--text-transform--lg: var(--l--typography--text-transform--none);
557
687
  --l--theme--typography--label--font-family: var(--l--typography--font-family--secondary);
558
688
  --l--theme--typography--label--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
559
689
  --l--theme--typography--label--font-style: var(--l--typography--font-style--normal);
@@ -586,164 +716,74 @@
586
716
  --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
587
717
  --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
588
718
  --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
589
- --l--theme--outline--offset: var(--l--units--2);
719
+ --l--theme--typography--text-control--font-family--xs: var(--l--typography--font-family--secondary);
720
+ --l--theme--typography--text-control--font-family--sm: var(--l--typography--font-family--secondary);
721
+ --l--theme--typography--text-control--font-family--md: var(--l--typography--font-family--secondary);
722
+ --l--theme--typography--text-control--font-family--lg: var(--l--typography--font-family--secondary);
723
+ --l--theme--typography--text-control--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
724
+ --l--theme--typography--text-control--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
725
+ --l--theme--typography--text-control--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
726
+ --l--theme--typography--text-control--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
727
+ --l--theme--typography--text-control--font-style--xs: var(--l--typography--font-style--normal);
728
+ --l--theme--typography--text-control--font-style--sm: var(--l--typography--font-style--normal);
729
+ --l--theme--typography--text-control--font-style--md: var(--l--typography--font-style--normal);
730
+ --l--theme--typography--text-control--font-style--lg: var(--l--typography--font-style--normal);
731
+ --l--theme--typography--text-control--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
732
+ --l--theme--typography--text-control--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
733
+ --l--theme--typography--text-control--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
734
+ --l--theme--typography--text-control--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
735
+ --l--theme--typography--text-control--font-weight--xs: var(--l--typography--font-weight--medium);
736
+ --l--theme--typography--text-control--font-weight--sm: var(--l--typography--font-weight--medium);
737
+ --l--theme--typography--text-control--font-weight--md: var(--l--typography--font-weight--medium);
738
+ --l--theme--typography--text-control--font-weight--lg: var(--l--typography--font-weight--medium);
739
+ --l--theme--typography--text-control--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
740
+ --l--theme--typography--text-control--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
741
+ --l--theme--typography--text-control--letter-spacing--md: var(--l--typography--letter-spacing--normal);
742
+ --l--theme--typography--text-control--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
743
+ --l--theme--typography--text-control--line-height--xs: var(--l--typography--line-height--1250);
744
+ --l--theme--typography--text-control--line-height--sm: var(--l--typography--line-height--1250);
745
+ --l--theme--typography--text-control--line-height--md: var(--l--typography--line-height--1375);
746
+ --l--theme--typography--text-control--line-height--lg: var(--l--typography--line-height--1500);
747
+ --l--theme--typography--text-control--text-transform--xs: var(--l--typography--text-transform--none);
748
+ --l--theme--typography--text-control--text-transform--sm: var(--l--typography--text-transform--none);
749
+ --l--theme--typography--text-control--text-transform--md: var(--l--typography--text-transform--none);
750
+ --l--theme--typography--text-control--text-transform--lg: var(--l--typography--text-transform--none);
751
+ --l--theme--outline--offset: var(--l--units--relative--2);
590
752
  --l--theme--outline--style: var(--l--border--style--solid);
591
753
  --l--theme--outline--width: var(--l--border--width--2);
592
754
  --l--theme--size--0: var(--l--units--0);
593
- --l--theme--size--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
594
- --l--theme--size--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
595
- --l--theme--size--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
596
- --l--theme--size--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
597
- --l--theme--size--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
598
- --l--theme--size--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
599
- --l--theme--size--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
600
- --l--theme--size--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
601
- --l--theme--size--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
602
- --l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
603
- --l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
604
- --l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
605
- --l--theme--size--icon--xs: var(--l--units--12);
606
- --l--theme--size--icon--sm: var(--l--units--16);
607
- --l--theme--size--icon--md: var(--l--units--24);
608
- --l--theme--size--icon--lg: var(--l--units--32);
609
- --l--theme--size--icon--xl: var(--l--units--48);
610
- --l--theme--size--icon--xxl: var(--l--units--64);
755
+ --l--theme--size--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
756
+ --l--theme--size--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
757
+ --l--theme--size--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
758
+ --l--theme--size--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
759
+ --l--theme--size--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
760
+ --l--theme--size--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
761
+ --l--theme--size--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
762
+ --l--theme--size--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
763
+ --l--theme--size--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
764
+ --l--theme--size--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
765
+ --l--theme--size--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
766
+ --l--theme--size--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
767
+ --l--theme--size--icon--xs: var(--l--units--relative--12);
768
+ --l--theme--size--icon--sm: var(--l--units--relative--16);
769
+ --l--theme--size--icon--md: var(--l--units--relative--24);
770
+ --l--theme--size--icon--lg: var(--l--units--relative--32);
771
+ --l--theme--size--icon--xl: var(--l--units--relative--48);
772
+ --l--theme--size--icon--xxl: var(--l--units--relative--64);
773
+ --l--theme--size--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, 1.5rem);
611
774
  --l--theme--space--0: var(--l--units--0);
612
- --l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
613
- --l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
614
- --l--theme--space--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
615
- --l--theme--space--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
616
- --l--theme--space--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
617
- --l--theme--space--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
618
- --l--theme--space--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
619
- --l--theme--space--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
620
- --l--theme--space--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
621
- --l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
622
- --l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
623
- --l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
624
- --l--theme--button--border--style: var(--l--border--style--solid);
625
- --l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
626
- --l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
627
- --l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
628
- --l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
629
- --l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
630
- --l--theme--button--color--background--primary--on-knockout--rest: var(--l--color--neutral--0);
631
- --l--theme--button--color--background--primary--on-knockout--active: var(--l--color--neutral--10);
632
- --l--theme--button--color--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
633
- --l--theme--button--color--background--primary--on-knockout--focus: var(--l--color--neutral--0);
634
- --l--theme--button--color--background--primary--on-knockout--hover: var(--l--color--neutral--10);
635
- --l--theme--button--color--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
636
- --l--theme--button--color--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
637
- --l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
638
- --l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--0);
639
- --l--theme--button--color--background--secondary--on-default--hover: var(--l--color--neutral--alpha--dark--10);
640
- --l--theme--button--color--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--light--0);
641
- --l--theme--button--color--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--light--10);
642
- --l--theme--button--color--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
643
- --l--theme--button--color--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
644
- --l--theme--button--color--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
645
- --l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--neutral--10);
646
- --l--theme--button--color--background--tertiary--on-default--active: var(--l--color--neutral--20);
647
- --l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
648
- --l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--20);
649
- --l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--neutral--20);
650
- --l--theme--button--color--background--tertiary--on-knockout--rest: var(--l--color--neutral--80);
651
- --l--theme--button--color--background--tertiary--on-knockout--active: var(--l--color--neutral--70);
652
- --l--theme--button--color--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
653
- --l--theme--button--color--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
654
- --l--theme--button--color--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
655
- --l--theme--button--color--background--destructive--on-default--rest: var(--l--color--red--70);
656
- --l--theme--button--color--background--destructive--on-default--active: var(--l--color--red--60);
657
- --l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--red--40);
658
- --l--theme--button--color--background--destructive--on-default--focus: var(--l--color--red--70);
659
- --l--theme--button--color--background--destructive--on-default--hover: var(--l--color--red--60);
660
- --l--theme--button--color--background--destructive--on-knockout--rest: var(--l--color--red--30);
661
- --l--theme--button--color--background--destructive--on-knockout--active: var(--l--color--red--40);
662
- --l--theme--button--color--background--destructive--on-knockout--disabled: var(--l--color--red--50);
663
- --l--theme--button--color--background--destructive--on-knockout--focus: var(--l--color--red--30);
664
- --l--theme--button--color--background--destructive--on-knockout--hover: var(--l--color--red--40);
665
- --l--theme--button--color--border--primary--on-default--rest: var(--l--color--neutral--100);
666
- --l--theme--button--color--border--primary--on-default--active: var(--l--color--neutral--80);
667
- --l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
668
- --l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
669
- --l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
670
- --l--theme--button--color--border--primary--on-knockout--rest: var(--l--color--neutral--0);
671
- --l--theme--button--color--border--primary--on-knockout--active: var(--l--color--neutral--10);
672
- --l--theme--button--color--border--primary--on-knockout--disabled: var(--l--color--neutral--10);
673
- --l--theme--button--color--border--primary--on-knockout--focus: var(--l--color--neutral--0);
674
- --l--theme--button--color--border--primary--on-knockout--hover: var(--l--color--neutral--10);
675
- --l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--90);
676
- --l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--90);
677
- --l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--40);
678
- --l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--90);
679
- --l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--90);
680
- --l--theme--button--color--border--secondary--on-knockout--rest: var(--l--color--neutral--0);
681
- --l--theme--button--color--border--secondary--on-knockout--active: var(--l--color--neutral--0);
682
- --l--theme--button--color--border--secondary--on-knockout--disabled: var(--l--color--neutral--50);
683
- --l--theme--button--color--border--secondary--on-knockout--focus: var(--l--color--neutral--0);
684
- --l--theme--button--color--border--secondary--on-knockout--hover: var(--l--color--neutral--0);
685
- --l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--10);
686
- --l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--20);
687
- --l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
688
- --l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--20);
689
- --l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--20);
690
- --l--theme--button--color--border--tertiary--on-knockout--rest: var(--l--color--neutral--80);
691
- --l--theme--button--color--border--tertiary--on-knockout--active: var(--l--color--neutral--70);
692
- --l--theme--button--color--border--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
693
- --l--theme--button--color--border--tertiary--on-knockout--focus: var(--l--color--neutral--70);
694
- --l--theme--button--color--border--tertiary--on-knockout--hover: var(--l--color--neutral--70);
695
- --l--theme--button--color--border--destructive--on-default--rest: var(--l--color--red--70);
696
- --l--theme--button--color--border--destructive--on-default--active: var(--l--color--red--60);
697
- --l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--red--40);
698
- --l--theme--button--color--border--destructive--on-default--focus: var(--l--color--red--70);
699
- --l--theme--button--color--border--destructive--on-default--hover: var(--l--color--red--60);
700
- --l--theme--button--color--border--destructive--on-knockout--rest: var(--l--color--red--30);
701
- --l--theme--button--color--border--destructive--on-knockout--active: var(--l--color--red--40);
702
- --l--theme--button--color--border--destructive--on-knockout--disabled: var(--l--color--red--50);
703
- --l--theme--button--color--border--destructive--on-knockout--focus: var(--l--color--red--30);
704
- --l--theme--button--color--border--destructive--on-knockout--hover: var(--l--color--red--40);
705
- --l--theme--button--color--content--primary--on-default--rest: var(--l--color--neutral--10);
706
- --l--theme--button--color--content--primary--on-default--active: var(--l--color--neutral--10);
707
- --l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
708
- --l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
709
- --l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
710
- --l--theme--button--color--content--primary--on-knockout--rest: var(--l--color--neutral--90);
711
- --l--theme--button--color--content--primary--on-knockout--active: var(--l--color--neutral--90);
712
- --l--theme--button--color--content--primary--on-knockout--disabled: var(--l--color--neutral--50);
713
- --l--theme--button--color--content--primary--on-knockout--focus: var(--l--color--neutral--90);
714
- --l--theme--button--color--content--primary--on-knockout--hover: var(--l--color--neutral--90);
715
- --l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
716
- --l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
717
- --l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
718
- --l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
719
- --l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
720
- --l--theme--button--color--content--secondary--on-knockout--rest: var(--l--color--neutral--0);
721
- --l--theme--button--color--content--secondary--on-knockout--active: var(--l--color--neutral--0);
722
- --l--theme--button--color--content--secondary--on-knockout--disabled: var(--l--color--neutral--50);
723
- --l--theme--button--color--content--secondary--on-knockout--focus: var(--l--color--neutral--0);
724
- --l--theme--button--color--content--secondary--on-knockout--hover: var(--l--color--neutral--0);
725
- --l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
726
- --l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
727
- --l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
728
- --l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
729
- --l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
730
- --l--theme--button--color--content--tertiary--on-knockout--rest: var(--l--color--neutral--0);
731
- --l--theme--button--color--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
732
- --l--theme--button--color--content--tertiary--on-knockout--disabled: var(--l--color--neutral--50);
733
- --l--theme--button--color--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
734
- --l--theme--button--color--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
735
- --l--theme--button--color--content--destructive--on-default--rest: var(--l--color--red--10);
736
- --l--theme--button--color--content--destructive--on-default--active: var(--l--color--red--10);
737
- --l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
738
- --l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
739
- --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
740
- --l--theme--button--color--content--destructive--on-knockout--rest: var(--l--color--red--90);
741
- --l--theme--button--color--content--destructive--on-knockout--active: var(--l--color--red--90);
742
- --l--theme--button--color--content--destructive--on-knockout--disabled: var(--l--color--red--70);
743
- --l--theme--button--color--content--destructive--on-knockout--focus: var(--l--color--red--90);
744
- --l--theme--button--color--content--destructive--on-knockout--hover: var(--l--color--red--90);
745
- --l--theme--checkbox-control--border--style: var(--l--border--style--solid);
746
- --l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
775
+ --l--theme--space--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
776
+ --l--theme--space--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
777
+ --l--theme--space--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
778
+ --l--theme--space--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
779
+ --l--theme--space--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
780
+ --l--theme--space--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
781
+ --l--theme--space--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
782
+ --l--theme--space--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
783
+ --l--theme--space--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
784
+ --l--theme--space--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
785
+ --l--theme--space--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
786
+ --l--theme--space--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
747
787
  --l--theme--notification--border--style: var(--l--border--style--solid);
748
788
  --l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
749
789
  --l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
@@ -777,87 +817,40 @@
777
817
  --l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
778
818
  --l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
779
819
  --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
780
- --l--theme--radio-control--border--style: var(--l--border--style--solid);
781
- --l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
782
- --l--theme--select-control--border--style: var(--l--border--style--solid);
783
- --l--theme--select-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
784
- --l--theme--select-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
785
- --l--theme--select-control--typography--font-family--md: var(--l--typography--font-family--secondary);
786
- --l--theme--select-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
787
- --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));
788
- --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));
789
- --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));
790
- --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));
791
- --l--theme--select-control--typography--font-style--xs: var(--l--typography--font-style--normal);
792
- --l--theme--select-control--typography--font-style--sm: var(--l--typography--font-style--normal);
793
- --l--theme--select-control--typography--font-style--md: var(--l--typography--font-style--normal);
794
- --l--theme--select-control--typography--font-style--lg: var(--l--typography--font-style--normal);
795
- --l--theme--select-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
796
- --l--theme--select-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
797
- --l--theme--select-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
798
- --l--theme--select-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
799
- --l--theme--select-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
800
- --l--theme--select-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
801
- --l--theme--select-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
802
- --l--theme--select-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
803
- --l--theme--select-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
804
- --l--theme--select-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
805
- --l--theme--select-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
806
- --l--theme--select-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
807
- --l--theme--select-control--typography--line-height--xs: var(--l--typography--line-height--1250);
808
- --l--theme--select-control--typography--line-height--sm: var(--l--typography--line-height--1250);
809
- --l--theme--select-control--typography--line-height--md: var(--l--typography--line-height--1375);
810
- --l--theme--select-control--typography--line-height--lg: var(--l--typography--line-height--1500);
811
- --l--theme--select-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
812
- --l--theme--select-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
813
- --l--theme--select-control--typography--text-transform--md: var(--l--typography--text-transform--none);
814
- --l--theme--select-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
815
- --l--theme--text-control--border--style: var(--l--border--style--solid);
816
- --l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
817
- --l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
818
- --l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
819
- --l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
820
- --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));
821
- --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));
822
- --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));
823
- --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));
824
- --l--theme--text-control--typography--font-style--xs: var(--l--typography--font-style--normal);
825
- --l--theme--text-control--typography--font-style--sm: var(--l--typography--font-style--normal);
826
- --l--theme--text-control--typography--font-style--md: var(--l--typography--font-style--normal);
827
- --l--theme--text-control--typography--font-style--lg: var(--l--typography--font-style--normal);
828
- --l--theme--text-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
829
- --l--theme--text-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
830
- --l--theme--text-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
831
- --l--theme--text-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
832
- --l--theme--text-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
833
- --l--theme--text-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
834
- --l--theme--text-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
835
- --l--theme--text-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
836
- --l--theme--text-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
837
- --l--theme--text-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
838
- --l--theme--text-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
839
- --l--theme--text-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
840
- --l--theme--text-control--typography--line-height--xs: var(--l--typography--line-height--1250);
841
- --l--theme--text-control--typography--line-height--sm: var(--l--typography--line-height--1250);
842
- --l--theme--text-control--typography--line-height--md: var(--l--typography--line-height--1375);
843
- --l--theme--text-control--typography--line-height--lg: var(--l--typography--line-height--1500);
844
- --l--theme--text-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
845
- --l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
846
- --l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
847
- --l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
848
820
  --l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
849
821
  --l--theme--border--dialog--width: var(--l--theme--border--width--sm);
822
+ --l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
823
+ --l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
824
+ --l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
825
+ --l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
826
+ --l--theme--border--interactive--radius--xs: var(--l--theme--border--radius--md);
827
+ --l--theme--border--interactive--radius--sm: var(--l--theme--border--radius--md);
828
+ --l--theme--border--interactive--radius--md: var(--l--theme--border--radius--md);
829
+ --l--theme--border--interactive--radius--lg: var(--l--theme--border--radius--md);
830
+ --l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
831
+ --l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
850
832
  --l--theme--border--media--radius: var(--l--theme--border--radius--md);
833
+ --l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
834
+ --l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
835
+ --l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
836
+ --l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
837
+ --l--theme--border--text-control--radius--xs: var(--l--theme--border--radius--md);
838
+ --l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
839
+ --l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
840
+ --l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
851
841
  --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
852
842
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
853
- --l--theme--color--interactive--background--on-default--rest: var(--l--theme--color--background--default);
854
- --l--theme--color--interactive--background--on-default--focus: var(--l--theme--color--background--default);
855
- --l--theme--color--interactive--background--on-default--invalid--rest: var(--l--theme--color--background--default);
856
- --l--theme--color--interactive--background--on-default--invalid--focus: var(--l--theme--color--background--default);
857
- --l--theme--color--interactive--background--on-knockout--rest: var(--l--theme--color--background--knockout);
858
- --l--theme--color--interactive--background--on-knockout--focus: var(--l--theme--color--background--knockout);
859
- --l--theme--color--interactive--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
860
- --l--theme--color--interactive--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
843
+ --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
844
+ --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
845
+ --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
846
+ --l--theme--color--input--background--on-default--invalid--focus: var(--l--theme--color--background--default);
847
+ --l--theme--color--input--background--on-knockout--rest: var(--l--theme--color--background--knockout);
848
+ --l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
849
+ --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
850
+ --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
851
+ --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
852
+ --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
853
+ --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
861
854
  --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
862
855
  --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
863
856
  --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
@@ -867,26 +860,24 @@
867
860
  --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
868
861
  --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
869
862
  --l--theme--space--gutter: var(--l--theme--space--70);
863
+ --l--theme--space--interactive--inset--block--xs: var(--l--theme--space--20);
864
+ --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
865
+ --l--theme--space--interactive--inset--block--md: var(--l--theme--space--40);
866
+ --l--theme--space--interactive--inset--block--lg: var(--l--theme--space--50);
867
+ --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--40);
868
+ --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
869
+ --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
870
+ --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
871
+ --l--theme--space--text-control--inset--block--xs: var(--l--theme--space--20);
872
+ --l--theme--space--text-control--inset--block--sm: var(--l--theme--space--30);
873
+ --l--theme--space--text-control--inset--block--md: var(--l--theme--space--40);
874
+ --l--theme--space--text-control--inset--block--lg: var(--l--theme--space--50);
875
+ --l--theme--space--text-control--inset--inline--xs: var(--l--theme--space--30);
876
+ --l--theme--space--text-control--inset--inline--sm: var(--l--theme--space--40);
877
+ --l--theme--space--text-control--inset--inline--md: var(--l--theme--space--50);
878
+ --l--theme--space--text-control--inset--inline--lg: var(--l--theme--space--60);
870
879
  --l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
871
880
  --l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
872
- --l--theme--button--border--width--xs: var(--l--theme--border--width--sm);
873
- --l--theme--button--border--width--sm: var(--l--theme--border--width--sm);
874
- --l--theme--button--border--width--md: var(--l--theme--border--width--sm);
875
- --l--theme--button--border--width--lg: var(--l--theme--border--width--sm);
876
- --l--theme--button--border--radius--xs: var(--l--theme--border--radius--md);
877
- --l--theme--button--border--radius--sm: var(--l--theme--border--radius--md);
878
- --l--theme--button--border--radius--md: var(--l--theme--border--radius--md);
879
- --l--theme--button--border--radius--lg: var(--l--theme--border--radius--md);
880
- --l--theme--button--space--inset--block--xs: var(--l--theme--space--20);
881
- --l--theme--button--space--inset--block--sm: var(--l--theme--space--30);
882
- --l--theme--button--space--inset--block--md: var(--l--theme--space--40);
883
- --l--theme--button--space--inset--block--lg: var(--l--theme--space--50);
884
- --l--theme--button--space--inset--inline--xs: var(--l--theme--space--40);
885
- --l--theme--button--space--inset--inline--sm: var(--l--theme--space--50);
886
- --l--theme--button--space--inset--inline--md: var(--l--theme--space--60);
887
- --l--theme--button--space--inset--inline--lg: var(--l--theme--space--70);
888
- --l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
889
- --l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
890
881
  --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
891
882
  --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
892
883
  --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
@@ -903,40 +894,6 @@
903
894
  --l--theme--notification--space--inset--inline--sm: var(--l--theme--space--40);
904
895
  --l--theme--notification--space--inset--inline--md: var(--l--theme--space--50);
905
896
  --l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
906
- --l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
907
- --l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
908
- --l--theme--select-control--border--width--xs: var(--l--theme--border--width--sm);
909
- --l--theme--select-control--border--width--sm: var(--l--theme--border--width--sm);
910
- --l--theme--select-control--border--width--md: var(--l--theme--border--width--sm);
911
- --l--theme--select-control--border--width--lg: var(--l--theme--border--width--sm);
912
- --l--theme--select-control--border--radius--xs: var(--l--theme--border--radius--md);
913
- --l--theme--select-control--border--radius--sm: var(--l--theme--border--radius--md);
914
- --l--theme--select-control--border--radius--md: var(--l--theme--border--radius--md);
915
- --l--theme--select-control--border--radius--lg: var(--l--theme--border--radius--md);
916
- --l--theme--select-control--space--inset--block--xs: var(--l--theme--space--20);
917
- --l--theme--select-control--space--inset--block--sm: var(--l--theme--space--30);
918
- --l--theme--select-control--space--inset--block--md: var(--l--theme--space--40);
919
- --l--theme--select-control--space--inset--block--lg: var(--l--theme--space--50);
920
- --l--theme--select-control--space--inset--inline--xs: var(--l--theme--space--30);
921
- --l--theme--select-control--space--inset--inline--sm: var(--l--theme--space--40);
922
- --l--theme--select-control--space--inset--inline--md: var(--l--theme--space--50);
923
- --l--theme--select-control--space--inset--inline--lg: var(--l--theme--space--60);
924
- --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
925
- --l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
926
- --l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
927
- --l--theme--text-control--border--width--lg: var(--l--theme--border--width--sm);
928
- --l--theme--text-control--border--radius--xs: var(--l--theme--border--radius--md);
929
- --l--theme--text-control--border--radius--sm: var(--l--theme--border--radius--md);
930
- --l--theme--text-control--border--radius--md: var(--l--theme--border--radius--md);
931
- --l--theme--text-control--border--radius--lg: var(--l--theme--border--radius--md);
932
- --l--theme--text-control--space--inset--block--xs: var(--l--theme--space--20);
933
- --l--theme--text-control--space--inset--block--sm: var(--l--theme--space--30);
934
- --l--theme--text-control--space--inset--block--md: var(--l--theme--space--40);
935
- --l--theme--text-control--space--inset--block--lg: var(--l--theme--space--50);
936
- --l--theme--text-control--space--inset--inline--xs: var(--l--theme--space--30);
937
- --l--theme--text-control--space--inset--inline--sm: var(--l--theme--space--40);
938
- --l--theme--text-control--space--inset--inline--md: var(--l--theme--space--50);
939
- --l--theme--text-control--space--inset--inline--lg: var(--l--theme--space--60);
940
897
  --l--theme--space--dialog--inset--block: var(--l--theme--space--gutter);
941
898
  --l--theme--space--dialog--inset--inline: var(--l--theme--space--gutter);
942
899
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.22.0",
3
+ "version": "0.24.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",
@@ -13,9 +13,12 @@
13
13
  "dist"
14
14
  ],
15
15
  "scripts": {
16
- "build": "style-dictionary build --verbose"
16
+ "build": "style-dictionary build --verbose",
17
+ "validate": "make validate"
17
18
  },
18
19
  "devDependencies": {
20
+ "ajv": "^8.17.1",
21
+ "ajv-cli": "^5.0.0",
19
22
  "style-dictionary": "^4.4.0"
20
23
  }
21
24
  }