@withlayers/tokens 0.7.0 → 0.8.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 +335 -231
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -3,37 +3,38 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --l--border--radius--0: 0px;
6
+ --l--border--radius--0: 0;
7
7
  --l--border--radius--2: 2px;
8
8
  --l--border--radius--4: 4px;
9
9
  --l--border--radius--8: 8px;
10
10
  --l--border--radius--16: 16px;
11
11
  --l--border--radius--32: 32px;
12
- --l--border--radius--round: 9999px;
13
- --l--border--width--0: 0px;
12
+ --l--border--radius--9999: 9999px;
13
+ --l--border--style--none: none;
14
+ --l--border--style--solid: solid;
15
+ --l--border--style--dashed: dashed;
16
+ --l--border--style--dotted: dotted;
17
+ --l--border--width--0: 0;
14
18
  --l--border--width--1: 1px;
15
19
  --l--border--width--2: 2px;
16
20
  --l--border--width--4: 4px;
17
21
  --l--border--width--8: 8px;
18
22
  --l--border--width--16: 16px;
19
- --l--border--style--solid: solid;
20
- --l--border--style--dashed: dashed;
21
- --l--border--style--dotted: dotted;
22
23
  --l--breakpoint--xs: 360px;
23
24
  --l--breakpoint--sm: 490px;
24
25
  --l--breakpoint--md: 768px;
25
26
  --l--breakpoint--lg: 1040px;
26
27
  --l--breakpoint--xl: 1440px;
27
- --l--color--brand--primary--10: #ffe3ec;
28
- --l--color--brand--primary--20: #ffb8d2;
29
- --l--color--brand--primary--30: #ff8cba;
30
- --l--color--brand--primary--40: #f364a2;
31
- --l--color--brand--primary--50: #e8368f;
32
- --l--color--brand--primary--60: #da127d;
33
- --l--color--brand--primary--70: #bc0a6f;
34
- --l--color--brand--primary--80: #a30664;
35
- --l--color--brand--primary--90: #870557;
36
- --l--color--brand--primary--100: #620042;
28
+ --l--color--primary--10: #ffe3ec;
29
+ --l--color--primary--20: #ffb8d2;
30
+ --l--color--primary--30: #ff8cba;
31
+ --l--color--primary--40: #f364a2;
32
+ --l--color--primary--50: #e8368f;
33
+ --l--color--primary--60: #da127d;
34
+ --l--color--primary--70: #bc0a6f;
35
+ --l--color--primary--80: #a30664;
36
+ --l--color--primary--90: #870557;
37
+ --l--color--primary--100: #620042;
37
38
  --l--color--neutral--0: #ffffff;
38
39
  --l--color--neutral--10: #f0f4f8;
39
40
  --l--color--neutral--20: #d9e2ec;
@@ -45,36 +46,47 @@
45
46
  --l--color--neutral--80: #334e68;
46
47
  --l--color--neutral--90: #243b53;
47
48
  --l--color--neutral--100: #102a43;
48
- --l--color--utility--danger--10: #ffe3e3;
49
- --l--color--utility--danger--20: #ffbdbd;
50
- --l--color--utility--danger--30: #ff9b9b;
51
- --l--color--utility--danger--40: #f86a6a;
52
- --l--color--utility--danger--50: #ef4e4e;
53
- --l--color--utility--danger--60: #e12d39;
54
- --l--color--utility--danger--70: #cf1124;
55
- --l--color--utility--danger--80: #ab091e;
56
- --l--color--utility--danger--90: #8a041a;
57
- --l--color--utility--danger--100: #610316;
58
- --l--color--utility--success--10: #effcf6;
59
- --l--color--utility--success--20: #c6f7e2;
60
- --l--color--utility--success--30: #8eedc7;
61
- --l--color--utility--success--40: #65d6ad;
62
- --l--color--utility--success--50: #3ebd93;
63
- --l--color--utility--success--60: #27ab83;
64
- --l--color--utility--success--70: #199473;
65
- --l--color--utility--success--80: #147d64;
66
- --l--color--utility--success--90: #0c6b58;
67
- --l--color--utility--success--100: #014d40;
68
- --l--color--utility--attention--10: #fffbeb;
69
- --l--color--utility--attention--20: #fff3c4;
70
- --l--color--utility--attention--30: #fce588;
71
- --l--color--utility--attention--40: #fadb5f;
72
- --l--color--utility--attention--50: #f7c948;
73
- --l--color--utility--attention--60: #f0b429;
74
- --l--color--utility--attention--70: #de911d;
75
- --l--color--utility--attention--80: #cb6e17;
76
- --l--color--utility--attention--90: #b44d12;
77
- --l--color--utility--attention--100: #8d2b0b;
49
+ --l--color--destructive--10: #ffe3e3;
50
+ --l--color--destructive--20: #ffbdbd;
51
+ --l--color--destructive--30: #ff9b9b;
52
+ --l--color--destructive--40: #f86a6a;
53
+ --l--color--destructive--50: #ef4e4e;
54
+ --l--color--destructive--60: #e12d39;
55
+ --l--color--destructive--70: #cf1124;
56
+ --l--color--destructive--80: #ab091e;
57
+ --l--color--destructive--90: #8a041a;
58
+ --l--color--destructive--100: #610316;
59
+ --l--color--informative--10: #ebf8ff;
60
+ --l--color--informative--20: #d1eefc;
61
+ --l--color--informative--30: #a7d8f0;
62
+ --l--color--informative--40: #7cc1e4;
63
+ --l--color--informative--50: #55aad4;
64
+ --l--color--informative--60: #3994c1;
65
+ --l--color--informative--70: #2d83ae;
66
+ --l--color--informative--80: #1d6f98;
67
+ --l--color--informative--90: #166086;
68
+ --l--color--informative--100: #0b4f71;
69
+ --l--color--positive--10: #effcf6;
70
+ --l--color--positive--20: #c6f7e2;
71
+ --l--color--positive--30: #8eedc7;
72
+ --l--color--positive--40: #65d6ad;
73
+ --l--color--positive--50: #3ebd93;
74
+ --l--color--positive--60: #27ab83;
75
+ --l--color--positive--70: #199473;
76
+ --l--color--positive--80: #147d64;
77
+ --l--color--positive--90: #0c6b58;
78
+ --l--color--positive--100: #014d40;
79
+ --l--color--warning--10: #fffbeb;
80
+ --l--color--warning--20: #fff3c4;
81
+ --l--color--warning--30: #fce588;
82
+ --l--color--warning--40: #fadb5f;
83
+ --l--color--warning--50: #f7c948;
84
+ --l--color--warning--60: #f0b429;
85
+ --l--color--warning--70: #de911d;
86
+ --l--color--warning--80: #cb6e17;
87
+ --l--color--warning--90: #b44d12;
88
+ --l--color--warning--100: #8d2b0b;
89
+ --l--color--transparent--0: rgba(0, 0, 0, 0);
78
90
  --l--color--transparent--10: rgba(0, 0, 0, 0.1);
79
91
  --l--color--transparent--20: rgba(0, 0, 0, 0.2);
80
92
  --l--color--transparent--30: rgba(0, 0, 0, 0.3);
@@ -85,35 +97,6 @@
85
97
  --l--color--transparent--80: rgba(0, 0, 0, 0.8);
86
98
  --l--color--transparent--90: rgba(0, 0, 0, 0.9);
87
99
  --l--color--transparent--100: rgba(0, 0, 0, 1);
88
- --l--spacing--1: 0.0625rem;
89
- --l--spacing--2: 0.125rem;
90
- --l--spacing--4: 0.25rem;
91
- --l--spacing--8: 0.5rem;
92
- --l--spacing--12: 0.75rem;
93
- --l--spacing--16: 1rem;
94
- --l--spacing--20: 1.25rem;
95
- --l--spacing--24: 1.5rem;
96
- --l--spacing--28: 1.75rem;
97
- --l--spacing--32: 2rem;
98
- --l--spacing--36: 2.25rem;
99
- --l--spacing--40: 2.5rem;
100
- --l--spacing--48: 3rem;
101
- --l--spacing--56: 3.5rem;
102
- --l--spacing--64: 4rem;
103
- --l--spacing--72: 4.5rem;
104
- --l--spacing--80: 5rem;
105
- --l--spacing--88: 5.5rem;
106
- --l--spacing--96: 6rem;
107
- --l--spacing--104: 6.5rem;
108
- --l--spacing--112: 7rem;
109
- --l--spacing--120: 7.5rem;
110
- --l--spacing--128: 8rem;
111
- --l--spacing--192: 12rem;
112
- --l--spacing--256: 16rem;
113
- --l--spacing--320: 20rem;
114
- --l--spacing--384: 24rem;
115
- --l--spacing--448: 28rem;
116
- --l--spacing--512: 32rem;
117
100
  --l--typography--font-family--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
118
101
  --l--typography--font-family--sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
119
102
  --l--typography--font-family--serif: 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;
@@ -142,6 +125,7 @@
142
125
  --l--typography--font-size--192: 12rem;
143
126
  --l--typography--font-size--224: 14rem;
144
127
  --l--typography--font-size--256: 16rem;
128
+ --l--typography--font-size--root: 16px;
145
129
  --l--typography--font-style--normal: normal;
146
130
  --l--typography--font-style--italic: italic;
147
131
  --l--typography--font-variant-caps--normal: normal;
@@ -184,116 +168,220 @@
184
168
  --l--typography--text-transform--uppercase: uppercase;
185
169
  --l--typography--text-transform--lowercase: lowercase;
186
170
  --l--typography--text-transform--capitalize: capitalize;
187
- --l--typography--root: 16px;
188
- --l--theme--typography--h5--line-height: 1;
189
- --l--theme--typography--h6--line-height: 1;
171
+ --l--theme--typography--heading--line-height--l5: 1;
172
+ --l--theme--typography--heading--line-height--l6: 1;
173
+ --l--units--1: 0.0625rem;
174
+ --l--units--2: 0.125rem;
175
+ --l--units--4: 0.25rem;
176
+ --l--units--8: 0.5rem;
177
+ --l--units--12: 0.75rem;
178
+ --l--units--16: 1rem;
179
+ --l--units--20: 1.25rem;
180
+ --l--units--24: 1.5rem;
181
+ --l--units--28: 1.75rem;
182
+ --l--units--32: 2rem;
183
+ --l--units--36: 2.25rem;
184
+ --l--units--40: 2.5rem;
185
+ --l--units--48: 3rem;
186
+ --l--units--56: 3.5rem;
187
+ --l--units--64: 4rem;
188
+ --l--units--72: 4.5rem;
189
+ --l--units--80: 5rem;
190
+ --l--units--88: 5.5rem;
191
+ --l--units--96: 6rem;
192
+ --l--units--104: 6.5rem;
193
+ --l--units--112: 7rem;
194
+ --l--units--120: 7.5rem;
195
+ --l--units--128: 8rem;
196
+ --l--units--192: 12rem;
197
+ --l--units--256: 16rem;
198
+ --l--units--320: 20rem;
199
+ --l--units--384: 24rem;
200
+ --l--units--448: 28rem;
201
+ --l--units--512: 32rem;
190
202
  --l--theme--measure--sm: 18.75rem;
191
203
  --l--theme--measure--md: 37.5rem;
192
204
  --l--theme--measure--lg: 48rem;
193
205
  --l--theme--measure--xl: 64rem;
194
206
  --l--theme--measure--xxl: 80rem;
195
- --l--theme--blockquote--default--typography--font-family: var(--l--typography--font-family--serif);
196
- --l--theme--blockquote--default--typography--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
197
- --l--theme--blockquote--default--typography--font-style: var(--l--typography--font-style--italic);
198
- --l--theme--blockquote--default--typography--font-variant-caps: var(--l--typography--font-variant-caps--normal);
199
- --l--theme--blockquote--default--typography--font-weight: var(--l--typography--font-weight--medium);
200
- --l--theme--blockquote--default--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
201
- --l--theme--blockquote--default--typography--line-height: var(--l--typography--line-height--1250);
202
- --l--theme--blockquote--default--typography--text-transform: var(--l--typography--text-transform--none);
203
- --l--theme--dialog--default--border--style: var(--l--border--style--solid);
204
- --l--theme--dialog--default--border--width: var(--l--border--width--0);
205
- --l--theme--dialog--default--inline-size: var(--l--theme--measure--md);
206
- --l--theme--focus-ring--color--on-default: var(--l--color--neutral--100);
207
- --l--theme--focus-ring--color--on-subtle: var(--l--color--neutral--100);
208
- --l--theme--focus-ring--color--on-knockout: var(--l--color--neutral--0);
209
- --l--theme--focus-ring--outline--offset: var(--l--spacing--2);
207
+ --l--theme--blockquote--typography--font-family: var(--l--typography--font-family--serif);
208
+ --l--theme--blockquote--typography--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
209
+ --l--theme--blockquote--typography--font-style: var(--l--typography--font-style--italic);
210
+ --l--theme--blockquote--typography--font-variant-caps: var(--l--typography--font-variant-caps--normal);
211
+ --l--theme--blockquote--typography--font-weight: var(--l--typography--font-weight--medium);
212
+ --l--theme--blockquote--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
213
+ --l--theme--blockquote--typography--line-height: var(--l--typography--line-height--1250);
214
+ --l--theme--blockquote--typography--text-transform: var(--l--typography--text-transform--none);
215
+ --l--theme--button--border--style: var(--l--border--style--solid);
216
+ --l--theme--button--typography--font-family--xs: var(--l--typography--font-family--sans-serif);
217
+ --l--theme--button--typography--font-family--sm: var(--l--typography--font-family--sans-serif);
218
+ --l--theme--button--typography--font-family--md: var(--l--typography--font-family--sans-serif);
219
+ --l--theme--button--typography--font-family--lg: var(--l--typography--font-family--sans-serif);
220
+ --l--theme--button--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
221
+ --l--theme--button--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
222
+ --l--theme--button--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
223
+ --l--theme--button--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
224
+ --l--theme--button--typography--font-style--xs: var(--l--typography--font-style--normal);
225
+ --l--theme--button--typography--font-style--sm: var(--l--typography--font-style--normal);
226
+ --l--theme--button--typography--font-style--md: var(--l--typography--font-style--normal);
227
+ --l--theme--button--typography--font-style--lg: var(--l--typography--font-style--normal);
228
+ --l--theme--button--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
229
+ --l--theme--button--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
230
+ --l--theme--button--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
231
+ --l--theme--button--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
232
+ --l--theme--button--typography--font-weight--xs: var(--l--typography--font-weight--medium);
233
+ --l--theme--button--typography--font-weight--sm: var(--l--typography--font-weight--medium);
234
+ --l--theme--button--typography--font-weight--md: var(--l--typography--font-weight--medium);
235
+ --l--theme--button--typography--font-weight--lg: var(--l--typography--font-weight--medium);
236
+ --l--theme--button--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
237
+ --l--theme--button--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
238
+ --l--theme--button--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
239
+ --l--theme--button--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
240
+ --l--theme--button--typography--line-height--xs: var(--l--typography--line-height--1250);
241
+ --l--theme--button--typography--line-height--sm: var(--l--typography--line-height--1250);
242
+ --l--theme--button--typography--line-height--md: var(--l--typography--line-height--1375);
243
+ --l--theme--button--typography--line-height--lg: var(--l--typography--line-height--1500);
244
+ --l--theme--button--typography--text-transform--xs: var(--l--typography--text-transform--none);
245
+ --l--theme--button--typography--text-transform--sm: var(--l--typography--text-transform--none);
246
+ --l--theme--button--typography--text-transform--md: var(--l--typography--text-transform--none);
247
+ --l--theme--button--typography--text-transform--lg: var(--l--typography--text-transform--none);
248
+ --l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
249
+ --l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
250
+ --l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
251
+ --l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
252
+ --l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
253
+ --l--theme--button--color--background--secondary--on-default--rest: var(--l--color--neutral--10);
254
+ --l--theme--button--color--background--secondary--on-default--active: var(--l--color--neutral--20);
255
+ --l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--neutral--10);
256
+ --l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--20);
257
+ --l--theme--button--color--background--secondary--on-default--hover: var(--l--color--neutral--20);
258
+ --l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--transparent--0);
259
+ --l--theme--button--color--background--tertiary--on-default--active: var(--l--color--transparent--10);
260
+ --l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--transparent--0);
261
+ --l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--0);
262
+ --l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--transparent--10);
263
+ --l--theme--button--color--background--destructive--on-default--rest: var(--l--color--destructive--70);
264
+ --l--theme--button--color--background--destructive--on-default--active: var(--l--color--destructive--60);
265
+ --l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--destructive--40);
266
+ --l--theme--button--color--background--destructive--on-default--focus: var(--l--color--destructive--70);
267
+ --l--theme--button--color--background--destructive--on-default--hover: var(--l--color--destructive--60);
268
+ --l--theme--button--color--border--primary--on-default--rest: var(--l--color--neutral--100);
269
+ --l--theme--button--color--border--primary--on-default--active: var(--l--color--neutral--80);
270
+ --l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
271
+ --l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
272
+ --l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
273
+ --l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--10);
274
+ --l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--20);
275
+ --l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--10);
276
+ --l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--20);
277
+ --l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--20);
278
+ --l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--90);
279
+ --l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--90);
280
+ --l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--40);
281
+ --l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--90);
282
+ --l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--90);
283
+ --l--theme--button--color--border--destructive--on-default--rest: var(--l--color--destructive--70);
284
+ --l--theme--button--color--border--destructive--on-default--active: var(--l--color--destructive--60);
285
+ --l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--destructive--40);
286
+ --l--theme--button--color--border--destructive--on-default--focus: var(--l--color--destructive--70);
287
+ --l--theme--button--color--border--destructive--on-default--hover: var(--l--color--destructive--60);
288
+ --l--theme--button--color--content--primary--on-default--rest: var(--l--color--neutral--10);
289
+ --l--theme--button--color--content--primary--on-default--active: var(--l--color--neutral--10);
290
+ --l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
291
+ --l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
292
+ --l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
293
+ --l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
294
+ --l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
295
+ --l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
296
+ --l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
297
+ --l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
298
+ --l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
299
+ --l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
300
+ --l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
301
+ --l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
302
+ --l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
303
+ --l--theme--button--color--content--destructive--on-default--rest: var(--l--color--destructive--10);
304
+ --l--theme--button--color--content--destructive--on-default--active: var(--l--color--destructive--10);
305
+ --l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--destructive--20);
306
+ --l--theme--button--color--content--destructive--on-default--focus: var(--l--color--destructive--10);
307
+ --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--destructive--10);
308
+ --l--theme--dialog--border--style: var(--l--border--style--none);
309
+ --l--theme--dialog--border--width: var(--l--border--width--0);
310
+ --l--theme--dialog--color--border: var(--l--color--transparent--0);
311
+ --l--theme--dialog--measure: var(--l--theme--measure--md);
312
+ --l--theme--focus-ring--color--outline--on-default: var(--l--color--neutral--100);
313
+ --l--theme--focus-ring--outline--offset: var(--l--units--2);
210
314
  --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
211
315
  --l--theme--focus-ring--outline--width: var(--l--border--width--2);
212
- --l--theme--link--on-default--color--content--default: var(--l--color--brand--primary--80);
213
- --l--theme--link--on-default--color--content--hover: var(--l--color--brand--primary--60);
214
- --l--theme--link--on-default--color--content--focus: var(--l--color--brand--primary--60);
215
- --l--theme--link--on-default--color--content--active: var(--l--color--brand--primary--60);
216
- --l--theme--link--on-default--color--content--visited: var(--l--color--brand--primary--60);
217
- --l--theme--link--on-default-muted--color--content--default: var(--l--color--neutral--60);
218
- --l--theme--link--on-default-muted--color--content--hover: var(--l--color--neutral--90);
219
- --l--theme--link--on-default-muted--color--content--focus: var(--l--color--neutral--90);
220
- --l--theme--link--on-default-muted--color--content--active: var(--l--color--neutral--90);
221
- --l--theme--link--on-default-muted--color--content--visited: var(--l--color--neutral--90);
222
- --l--theme--link--on-knockout--color--content--default: var(--l--color--brand--primary--30);
223
- --l--theme--link--on-knockout--color--content--hover: var(--l--color--brand--primary--20);
224
- --l--theme--link--on-knockout--color--content--focus: var(--l--color--brand--primary--20);
225
- --l--theme--link--on-knockout--color--content--active: var(--l--color--brand--primary--20);
226
- --l--theme--link--on-knockout--color--content--visited: var(--l--color--brand--primary--20);
227
- --l--theme--link--on-knockout-muted--color--content--default: var(--l--color--neutral--40);
228
- --l--theme--link--on-knockout-muted--color--content--hover: var(--l--color--neutral--20);
229
- --l--theme--link--on-knockout-muted--color--content--focus: var(--l--color--neutral--20);
230
- --l--theme--link--on-knockout-muted--color--content--active: var(--l--color--neutral--20);
231
- --l--theme--link--on-knockout-muted--color--content--visited: var(--l--color--neutral--20);
232
- --l--theme--link--on-subtle--color--content--default: var(--l--color--brand--primary--80);
233
- --l--theme--link--on-subtle--color--content--hover: var(--l--color--brand--primary--60);
234
- --l--theme--link--on-subtle--color--content--focus: var(--l--color--brand--primary--60);
235
- --l--theme--link--on-subtle--color--content--active: var(--l--color--brand--primary--60);
236
- --l--theme--link--on-subtle--color--content--visited: var(--l--color--brand--primary--60);
237
- --l--theme--link--on-subtle-muted--color--content--default: var(--l--color--neutral--70);
238
- --l--theme--link--on-subtle-muted--color--content--hover: var(--l--color--neutral--90);
239
- --l--theme--link--on-subtle-muted--color--content--focus: var(--l--color--neutral--90);
240
- --l--theme--link--on-subtle-muted--color--content--active: var(--l--color--neutral--90);
241
- --l--theme--link--on-subtle-muted--color--content--visited: var(--l--color--neutral--90);
242
- --l--theme--selection--background--on-default: var(--l--color--neutral--90);
243
- --l--theme--selection--background--on-subtle: var(--l--color--neutral--90);
244
- --l--theme--selection--background--on-knockout: var(--l--color--neutral--0);
245
- --l--theme--selection--color--on-default: var(--l--color--neutral--10);
246
- --l--theme--selection--color--on-subtle: var(--l--color--neutral--10);
247
- --l--theme--selection--color--on-knockout: var(--l--color--neutral--90);
316
+ --l--theme--link--color--content--primary--on-default--rest: var(--l--color--primary--80);
317
+ --l--theme--link--color--content--primary--on-default--hover: var(--l--color--primary--60);
318
+ --l--theme--link--color--content--primary--on-default--focus: var(--l--color--primary--60);
319
+ --l--theme--link--color--content--primary--on-default--active: var(--l--color--primary--60);
320
+ --l--theme--link--color--content--primary--on-default--visited: var(--l--color--primary--60);
321
+ --l--theme--link--color--content--secondary--on-default--rest: var(--l--color--neutral--60);
322
+ --l--theme--link--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
323
+ --l--theme--link--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
324
+ --l--theme--link--color--content--secondary--on-default--active: var(--l--color--neutral--90);
325
+ --l--theme--link--color--content--secondary--on-default--visited: var(--l--color--neutral--90);
326
+ --l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
327
+ --l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
328
+ --l--theme--border--radius--none: var(--l--border--radius--0);
248
329
  --l--theme--border--radius--sm: var(--l--border--radius--2);
249
330
  --l--theme--border--radius--md: var(--l--border--radius--4);
250
331
  --l--theme--border--radius--lg: var(--l--border--radius--8);
251
332
  --l--theme--border--radius--xl: var(--l--border--radius--16);
252
333
  --l--theme--border--radius--xxl: var(--l--border--radius--32);
334
+ --l--theme--border--radius--full: var(--l--border--radius--9999);
335
+ --l--theme--border--width--none: var(--l--border--width--0);
253
336
  --l--theme--border--width--sm: var(--l--border--width--1);
254
337
  --l--theme--border--width--md: var(--l--border--width--2);
255
338
  --l--theme--border--width--lg: var(--l--border--width--4);
256
339
  --l--theme--border--width--xl: var(--l--border--width--8);
257
340
  --l--theme--border--width--xxl: var(--l--border--width--16);
258
341
  --l--theme--color--background--default: var(--l--color--neutral--0);
259
- --l--theme--color--background--knockout: var(--l--color--neutral--100);
260
- --l--theme--color--background--subtle: var(--l--color--neutral--10);
261
- --l--theme--color--border--default: var(--l--color--neutral--30);
262
- --l--theme--color--border--knockout: var(--l--color--neutral--80);
263
- --l--theme--color--border--subtle: var(--l--color--neutral--10);
264
- --l--theme--color--content--on-default: var(--l--color--neutral--90);
265
- --l--theme--color--content--on-default-muted: var(--l--color--neutral--60);
266
- --l--theme--color--content--on-knockout: var(--l--color--neutral--10);
267
- --l--theme--color--content--on-knockout-muted: var(--l--color--neutral--40);
268
- --l--theme--color--content--on-subtle: var(--l--color--neutral--90);
269
- --l--theme--color--content--on-subtle-muted: var(--l--color--neutral--70);
342
+ --l--theme--color--border--primary--on-default: var(--l--color--neutral--30);
343
+ --l--theme--color--border--secondary--on-default: var(--l--color--neutral--10);
344
+ --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
345
+ --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
270
346
  --l--theme--color--overlay--on-default: var(--l--color--transparent--50);
271
- --l--theme--color--overlay--on-knockout: var(--l--color--transparent--50);
272
- --l--theme--color--overlay--on-subtle: var(--l--color--transparent--50);
273
- --l--theme--typography--body--sm--font-family: var(--l--typography--font-family--serif);
274
- --l--theme--typography--body--sm--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
275
- --l--theme--typography--body--sm--font-style: var(--l--typography--font-style--normal);
276
- --l--theme--typography--body--sm--font-variant-caps: var(--l--typography--font-variant-caps--normal);
277
- --l--theme--typography--body--sm--font-weight: var(--l--typography--font-weight--normal);
278
- --l--theme--typography--body--sm--letter-spacing: var(--l--typography--letter-spacing--normal);
279
- --l--theme--typography--body--sm--line-height: var(--l--typography--line-height--1625);
280
- --l--theme--typography--body--sm--text-transform: var(--l--typography--text-transform--none);
281
- --l--theme--typography--body--md--font-family: var(--l--typography--font-family--serif);
282
- --l--theme--typography--body--md--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
283
- --l--theme--typography--body--md--font-style: var(--l--typography--font-style--normal);
284
- --l--theme--typography--body--md--font-variant-caps: var(--l--typography--font-variant-caps--normal);
285
- --l--theme--typography--body--md--font-weight: var(--l--typography--font-weight--normal);
286
- --l--theme--typography--body--md--letter-spacing: var(--l--typography--letter-spacing--normal);
287
- --l--theme--typography--body--md--line-height: var(--l--typography--line-height--1625);
288
- --l--theme--typography--body--md--text-transform: var(--l--typography--text-transform--none);
289
- --l--theme--typography--body--lg--font-family: var(--l--typography--font-family--serif);
290
- --l--theme--typography--body--lg--font-size: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
291
- --l--theme--typography--body--lg--font-style: var(--l--typography--font-style--normal);
292
- --l--theme--typography--body--lg--font-variant-caps: var(--l--typography--font-variant-caps--normal);
293
- --l--theme--typography--body--lg--font-weight: var(--l--typography--font-weight--normal);
294
- --l--theme--typography--body--lg--letter-spacing: var(--l--typography--letter-spacing--normal);
295
- --l--theme--typography--body--lg--line-height: var(--l--typography--line-height--1250);
296
- --l--theme--typography--body--lg--text-transform: var(--l--typography--text-transform--none);
347
+ --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
348
+ --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
349
+ --l--theme--color--feedback--destructive--background--on-default: var(--l--color--destructive--20);
350
+ --l--theme--color--feedback--destructive--border--on-default: var(--l--color--destructive--30);
351
+ --l--theme--color--feedback--destructive--content--on-default: var(--l--color--destructive--100);
352
+ --l--theme--color--feedback--informative--background--on-default: var(--l--color--informative--20);
353
+ --l--theme--color--feedback--informative--border--on-default: var(--l--color--informative--30);
354
+ --l--theme--color--feedback--informative--content--on-default: var(--l--color--informative--100);
355
+ --l--theme--color--feedback--positive--background--on-default: var(--l--color--positive--20);
356
+ --l--theme--color--feedback--positive--border--on-default: var(--l--color--positive--30);
357
+ --l--theme--color--feedback--positive--content--on-default: var(--l--color--positive--100);
358
+ --l--theme--color--feedback--warning--background--on-default: var(--l--color--warning--20);
359
+ --l--theme--color--feedback--warning--border--on-default: var(--l--color--warning--30);
360
+ --l--theme--color--feedback--warning--content--on-default: var(--l--color--warning--100);
361
+ --l--theme--typography--body--font-family--sm: var(--l--typography--font-family--serif);
362
+ --l--theme--typography--body--font-family--md: var(--l--typography--font-family--serif);
363
+ --l--theme--typography--body--font-family--lg: var(--l--typography--font-family--serif);
364
+ --l--theme--typography--body--font-size--sm: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
365
+ --l--theme--typography--body--font-size--md: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
366
+ --l--theme--typography--body--font-size--lg: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
367
+ --l--theme--typography--body--font-style--sm: var(--l--typography--font-style--normal);
368
+ --l--theme--typography--body--font-style--md: var(--l--typography--font-style--normal);
369
+ --l--theme--typography--body--font-style--lg: var(--l--typography--font-style--normal);
370
+ --l--theme--typography--body--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
371
+ --l--theme--typography--body--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
372
+ --l--theme--typography--body--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
373
+ --l--theme--typography--body--font-weight--sm: var(--l--typography--font-weight--normal);
374
+ --l--theme--typography--body--font-weight--md: var(--l--typography--font-weight--normal);
375
+ --l--theme--typography--body--font-weight--lg: var(--l--typography--font-weight--normal);
376
+ --l--theme--typography--body--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
377
+ --l--theme--typography--body--letter-spacing--md: var(--l--typography--letter-spacing--normal);
378
+ --l--theme--typography--body--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
379
+ --l--theme--typography--body--line-height--sm: var(--l--typography--line-height--1625);
380
+ --l--theme--typography--body--line-height--md: var(--l--typography--line-height--1625);
381
+ --l--theme--typography--body--line-height--lg: var(--l--typography--line-height--1250);
382
+ --l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
383
+ --l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
384
+ --l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
297
385
  --l--theme--typography--caption--font-family: var(--l--typography--font-family--sans-serif);
298
386
  --l--theme--typography--caption--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
299
387
  --l--theme--typography--caption--font-style: var(--l--typography--font-style--normal);
@@ -318,52 +406,52 @@
318
406
  --l--theme--typography--code--letter-spacing: var(--l--typography--letter-spacing--normal);
319
407
  --l--theme--typography--code--line-height: var(--l--typography--line-height--1500);
320
408
  --l--theme--typography--code--text-transform: var(--l--typography--text-transform--none);
321
- --l--theme--typography--h1--font-family: var(--l--typography--font-family--sans-serif);
322
- --l--theme--typography--h1--font-size: clamp(var(--l--typography--font-size--32), 0.74074vw + 1.8333rem, var(--l--typography--font-size--40));
323
- --l--theme--typography--h1--font-style: var(--l--typography--font-style--normal);
324
- --l--theme--typography--h1--font-variant-caps: var(--l--typography--font-variant-caps--normal);
325
- --l--theme--typography--h1--font-weight: var(--l--typography--font-weight--bold);
326
- --l--theme--typography--h1--letter-spacing: var(--l--typography--letter-spacing--normal);
327
- --l--theme--typography--h1--line-height: var(--l--typography--line-height--1250);
328
- --l--theme--typography--h1--text-transform: var(--l--typography--text-transform--none);
329
- --l--theme--typography--h2--font-family: var(--l--typography--font-family--sans-serif);
330
- --l--theme--typography--h2--font-size: clamp(var(--l--typography--font-size--24), 0.74074vw + 1.3333rem, var(--l--typography--font-size--32));
331
- --l--theme--typography--h2--font-style: var(--l--typography--font-style--normal);
332
- --l--theme--typography--h2--font-variant-caps: var(--l--typography--font-variant-caps--normal);
333
- --l--theme--typography--h2--font-weight: var(--l--typography--font-weight--bold);
334
- --l--theme--typography--h2--letter-spacing: var(--l--typography--letter-spacing--normal);
335
- --l--theme--typography--h2--line-height: var(--l--typography--line-height--1250);
336
- --l--theme--typography--h2--text-transform: var(--l--typography--text-transform--none);
337
- --l--theme--typography--h3--font-family: var(--l--typography--font-family--sans-serif);
338
- --l--theme--typography--h3--font-size: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
339
- --l--theme--typography--h3--font-style: var(--l--typography--font-style--normal);
340
- --l--theme--typography--h3--font-variant-caps: var(--l--typography--font-variant-caps--normal);
341
- --l--theme--typography--h3--font-weight: var(--l--typography--font-weight--semi-bold);
342
- --l--theme--typography--h3--letter-spacing: var(--l--typography--letter-spacing--normal);
343
- --l--theme--typography--h3--line-height: var(--l--typography--line-height--1250);
344
- --l--theme--typography--h3--text-transform: var(--l--typography--text-transform--none);
345
- --l--theme--typography--h4--font-family: var(--l--typography--font-family--sans-serif);
346
- --l--theme--typography--h4--font-size: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
347
- --l--theme--typography--h4--font-style: var(--l--typography--font-style--normal);
348
- --l--theme--typography--h4--font-variant-caps: var(--l--typography--font-variant-caps--normal);
349
- --l--theme--typography--h4--font-weight: var(--l--typography--font-weight--semi-bold);
350
- --l--theme--typography--h4--letter-spacing: var(--l--typography--letter-spacing--normal);
351
- --l--theme--typography--h4--line-height: var(--l--typography--line-height--1250);
352
- --l--theme--typography--h4--text-transform: var(--l--typography--text-transform--none);
353
- --l--theme--typography--h5--font-family: var(--l--typography--font-family--sans-serif);
354
- --l--theme--typography--h5--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
355
- --l--theme--typography--h5--font-style: var(--l--typography--font-style--normal);
356
- --l--theme--typography--h5--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
357
- --l--theme--typography--h5--font-weight: var(--l--typography--font-weight--medium);
358
- --l--theme--typography--h5--letter-spacing: var(--l--typography--letter-spacing--4);
359
- --l--theme--typography--h5--text-transform: var(--l--typography--text-transform--none);
360
- --l--theme--typography--h6--font-family: var(--l--typography--font-family--sans-serif);
361
- --l--theme--typography--h6--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
362
- --l--theme--typography--h6--font-style: var(--l--typography--font-style--normal);
363
- --l--theme--typography--h6--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
364
- --l--theme--typography--h6--font-weight: var(--l--typography--font-weight--normal);
365
- --l--theme--typography--h6--letter-spacing: var(--l--typography--letter-spacing--4);
366
- --l--theme--typography--h6--text-transform: var(--l--typography--text-transform--none);
409
+ --l--theme--typography--heading--font-family--l1: var(--l--typography--font-family--sans-serif);
410
+ --l--theme--typography--heading--font-family--l2: var(--l--typography--font-family--sans-serif);
411
+ --l--theme--typography--heading--font-family--l3: var(--l--typography--font-family--sans-serif);
412
+ --l--theme--typography--heading--font-family--l4: var(--l--typography--font-family--sans-serif);
413
+ --l--theme--typography--heading--font-family--l5: var(--l--typography--font-family--sans-serif);
414
+ --l--theme--typography--heading--font-family--l6: var(--l--typography--font-family--sans-serif);
415
+ --l--theme--typography--heading--font-size--l1: clamp(var(--l--typography--font-size--32), 0.74074vw + 1.8333rem, var(--l--typography--font-size--40));
416
+ --l--theme--typography--heading--font-size--l2: clamp(var(--l--typography--font-size--24), 0.74074vw + 1.3333rem, var(--l--typography--font-size--32));
417
+ --l--theme--typography--heading--font-size--l3: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
418
+ --l--theme--typography--heading--font-size--l4: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
419
+ --l--theme--typography--heading--font-size--l5: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
420
+ --l--theme--typography--heading--font-size--l6: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
421
+ --l--theme--typography--heading--font-style--l1: var(--l--typography--font-style--normal);
422
+ --l--theme--typography--heading--font-style--l2: var(--l--typography--font-style--normal);
423
+ --l--theme--typography--heading--font-style--l3: var(--l--typography--font-style--normal);
424
+ --l--theme--typography--heading--font-style--l4: var(--l--typography--font-style--normal);
425
+ --l--theme--typography--heading--font-style--l5: var(--l--typography--font-style--normal);
426
+ --l--theme--typography--heading--font-style--l6: var(--l--typography--font-style--normal);
427
+ --l--theme--typography--heading--font-variant-caps--l1: var(--l--typography--font-variant-caps--normal);
428
+ --l--theme--typography--heading--font-variant-caps--l2: var(--l--typography--font-variant-caps--normal);
429
+ --l--theme--typography--heading--font-variant-caps--l3: var(--l--typography--font-variant-caps--normal);
430
+ --l--theme--typography--heading--font-variant-caps--l4: var(--l--typography--font-variant-caps--normal);
431
+ --l--theme--typography--heading--font-variant-caps--l5: var(--l--typography--font-variant-caps--all-small-caps);
432
+ --l--theme--typography--heading--font-variant-caps--l6: var(--l--typography--font-variant-caps--all-small-caps);
433
+ --l--theme--typography--heading--font-weight--l1: var(--l--typography--font-weight--bold);
434
+ --l--theme--typography--heading--font-weight--l2: var(--l--typography--font-weight--bold);
435
+ --l--theme--typography--heading--font-weight--l3: var(--l--typography--font-weight--semi-bold);
436
+ --l--theme--typography--heading--font-weight--l4: var(--l--typography--font-weight--semi-bold);
437
+ --l--theme--typography--heading--font-weight--l5: var(--l--typography--font-weight--medium);
438
+ --l--theme--typography--heading--font-weight--l6: var(--l--typography--font-weight--normal);
439
+ --l--theme--typography--heading--letter-spacing--l1: var(--l--typography--letter-spacing--normal);
440
+ --l--theme--typography--heading--letter-spacing--l2: var(--l--typography--letter-spacing--normal);
441
+ --l--theme--typography--heading--letter-spacing--l3: var(--l--typography--letter-spacing--normal);
442
+ --l--theme--typography--heading--letter-spacing--l4: var(--l--typography--letter-spacing--normal);
443
+ --l--theme--typography--heading--letter-spacing--l5: var(--l--typography--letter-spacing--4);
444
+ --l--theme--typography--heading--letter-spacing--l6: var(--l--typography--letter-spacing--4);
445
+ --l--theme--typography--heading--line-height--l1: var(--l--typography--line-height--1250);
446
+ --l--theme--typography--heading--line-height--l2: var(--l--typography--line-height--1250);
447
+ --l--theme--typography--heading--line-height--l3: var(--l--typography--line-height--1250);
448
+ --l--theme--typography--heading--line-height--l4: var(--l--typography--line-height--1250);
449
+ --l--theme--typography--heading--text-transform--l1: var(--l--typography--text-transform--none);
450
+ --l--theme--typography--heading--text-transform--l2: var(--l--typography--text-transform--none);
451
+ --l--theme--typography--heading--text-transform--l3: var(--l--typography--text-transform--none);
452
+ --l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
453
+ --l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
454
+ --l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
367
455
  --l--theme--typography--overline--font-family: var(--l--typography--font-family--sans-serif);
368
456
  --l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
369
457
  --l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
@@ -380,24 +468,40 @@
380
468
  --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
381
469
  --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
382
470
  --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
383
- --l--theme--space--10: clamp(var(--l--spacing--1), 0.092593vw + 0.041667rem, var(--l--spacing--2));
384
- --l--theme--space--20: clamp(var(--l--spacing--2), 0.18519vw + 0.083333rem, var(--l--spacing--4));
385
- --l--theme--space--30: clamp(var(--l--spacing--4), 0.37037vw + 0.16667rem, var(--l--spacing--8));
386
- --l--theme--space--40: clamp(var(--l--spacing--8), 0.37037vw + 0.41667rem, var(--l--spacing--12));
387
- --l--theme--space--50: clamp(var(--l--spacing--12), 0.37037vw + 0.66667rem, var(--l--spacing--16));
388
- --l--theme--space--60: clamp(var(--l--spacing--16), 0.74074vw + 0.83333rem, var(--l--spacing--24));
389
- --l--theme--space--70: clamp(var(--l--spacing--24), 0.74074vw + 1.3333rem, var(--l--spacing--32));
390
- --l--theme--space--80: clamp(var(--l--spacing--32), 1.4815vw + 1.6667rem, var(--l--spacing--48));
391
- --l--theme--space--90: clamp(var(--l--spacing--48), 1.4815vw + 2.6667rem, var(--l--spacing--64));
392
- --l--theme--space--100: clamp(var(--l--spacing--64), 2.9630vw + 3.3333rem, var(--l--spacing--96));
393
- --l--theme--space--110: clamp(var(--l--spacing--96), 2.9630vw + 5.3333rem, var(--l--spacing--128));
394
- --l--theme--space--120: clamp(var(--l--spacing--128), 5.9259vw + 6.6667rem, var(--l--spacing--192));
395
- --l--theme--dialog--default--border--radius: var(--l--theme--border--radius--md);
396
- --l--theme--dialog--default--color--background: var(--l--theme--color--background--default);
397
- --l--theme--dialog--default--color--border: var(--l--theme--color--border--default);
398
- --l--theme--dialog--default--color--content: var(--l--theme--color--content--on-default);
399
- --l--theme--dialog--default--color--overlay: var(--l--theme--color--overlay--on-default);
471
+ --l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
472
+ --l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
473
+ --l--theme--space--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
474
+ --l--theme--space--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
475
+ --l--theme--space--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
476
+ --l--theme--space--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
477
+ --l--theme--space--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
478
+ --l--theme--space--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
479
+ --l--theme--space--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
480
+ --l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
481
+ --l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
482
+ --l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
483
+ --l--theme--button--border--width--xs: var(--l--theme--border--width--sm);
484
+ --l--theme--button--border--width--sm: var(--l--theme--border--width--sm);
485
+ --l--theme--button--border--width--md: var(--l--theme--border--width--sm);
486
+ --l--theme--button--border--width--lg: var(--l--theme--border--width--sm);
487
+ --l--theme--button--border--radius--xs: var(--l--theme--border--radius--md);
488
+ --l--theme--button--border--radius--sm: var(--l--theme--border--radius--md);
489
+ --l--theme--button--border--radius--md: var(--l--theme--border--radius--md);
490
+ --l--theme--button--border--radius--lg: var(--l--theme--border--radius--md);
491
+ --l--theme--button--space--inner--block--xs: var(--l--theme--space--20);
492
+ --l--theme--button--space--inner--block--sm: var(--l--theme--space--30);
493
+ --l--theme--button--space--inner--block--md: var(--l--theme--space--40);
494
+ --l--theme--button--space--inner--block--lg: var(--l--theme--space--50);
495
+ --l--theme--button--space--inner--inline--xs: var(--l--theme--space--40);
496
+ --l--theme--button--space--inner--inline--sm: var(--l--theme--space--50);
497
+ --l--theme--button--space--inner--inline--md: var(--l--theme--space--60);
498
+ --l--theme--button--space--inner--inline--lg: var(--l--theme--space--70);
499
+ --l--theme--dialog--border--radius: var(--l--theme--border--radius--md);
500
+ --l--theme--dialog--color--background: var(--l--theme--color--background--default);
501
+ --l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
502
+ --l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
400
503
  --l--theme--media--border--radius: var(--l--theme--border--radius--md);
401
- --l--theme--space--gutter: var(--l--theme--space--80);
402
- --l--theme--dialog--default--padding: var(--l--theme--space--gutter);
504
+ --l--theme--space--gutter: var(--l--theme--space--70);
505
+ --l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
506
+ --l--theme--dialog--space--inner--block: var(--l--theme--space--gutter);
403
507
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",