@withlayers/tokens 0.1.2 → 0.2.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 +328 -0
  2. package/package.json +1 -1
package/dist/index.css ADDED
@@ -0,0 +1,328 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --l--theme--measure--sm: 18.75rem;
7
+ --l--theme--measure--md: 37.5rem;
8
+ --l--theme--measure--lg: 48rem;
9
+ --l--theme--measure--xl: 64rem;
10
+ --l--theme--measure--xxl: 80rem;
11
+ --l--border--radius--0: 0px;
12
+ --l--border--radius--2: 2px;
13
+ --l--border--radius--4: 4px;
14
+ --l--border--radius--8: 8px;
15
+ --l--border--radius--16: 16px;
16
+ --l--border--radius--32: 32px;
17
+ --l--border--radius--round: 9999px;
18
+ --l--border--width--1: 1px;
19
+ --l--border--width--2: 2px;
20
+ --l--border--width--4: 4px;
21
+ --l--border--width--8: 8px;
22
+ --l--border--width--16: 16px;
23
+ --l--breakpoint--xs: 360px;
24
+ --l--breakpoint--sm: 490px;
25
+ --l--breakpoint--md: 768px;
26
+ --l--breakpoint--lg: 1040px;
27
+ --l--breakpoint--xl: 1440px;
28
+ --l--color--brand--primary--10: #ffe3ec;
29
+ --l--color--brand--primary--20: #ffb8d2;
30
+ --l--color--brand--primary--30: #ff8cba;
31
+ --l--color--brand--primary--40: #f364a2;
32
+ --l--color--brand--primary--50: #e8368f;
33
+ --l--color--brand--primary--60: #da127d;
34
+ --l--color--brand--primary--70: #bc0a6f;
35
+ --l--color--brand--primary--80: #a30664;
36
+ --l--color--brand--primary--90: #870557;
37
+ --l--color--brand--primary--100: #620042;
38
+ --l--color--neutral--0: #ffffff;
39
+ --l--color--neutral--10: #f0f4f8;
40
+ --l--color--neutral--20: #d9e2ec;
41
+ --l--color--neutral--30: #bcccdc;
42
+ --l--color--neutral--40: #9fb3c8;
43
+ --l--color--neutral--50: #829ab1;
44
+ --l--color--neutral--60: #627d98;
45
+ --l--color--neutral--70: #486581;
46
+ --l--color--neutral--80: #334e68;
47
+ --l--color--neutral--90: #243b53;
48
+ --l--color--neutral--100: #102a43;
49
+ --l--color--utility--danger--10: #ffe3e3;
50
+ --l--color--utility--danger--20: #ffbdbd;
51
+ --l--color--utility--danger--30: #ff9b9b;
52
+ --l--color--utility--danger--40: #f86a6a;
53
+ --l--color--utility--danger--50: #ef4e4e;
54
+ --l--color--utility--danger--60: #e12d39;
55
+ --l--color--utility--danger--70: #cf1124;
56
+ --l--color--utility--danger--80: #ab091e;
57
+ --l--color--utility--danger--90: #8a041a;
58
+ --l--color--utility--danger--100: #610316;
59
+ --l--color--utility--success--10: #effcf6;
60
+ --l--color--utility--success--20: #c6f7e2;
61
+ --l--color--utility--success--30: #8eedc7;
62
+ --l--color--utility--success--40: #65d6ad;
63
+ --l--color--utility--success--50: #3ebd93;
64
+ --l--color--utility--success--60: #27ab83;
65
+ --l--color--utility--success--70: #199473;
66
+ --l--color--utility--success--80: #147d64;
67
+ --l--color--utility--success--90: #0c6b58;
68
+ --l--color--utility--success--100: #014d40;
69
+ --l--color--utility--attention--10: #fffbeb;
70
+ --l--color--utility--attention--20: #fff3c4;
71
+ --l--color--utility--attention--30: #fce588;
72
+ --l--color--utility--attention--40: #fadb5f;
73
+ --l--color--utility--attention--50: #f7c948;
74
+ --l--color--utility--attention--60: #f0b429;
75
+ --l--color--utility--attention--70: #de911d;
76
+ --l--color--utility--attention--80: #cb6e17;
77
+ --l--color--utility--attention--90: #b44d12;
78
+ --l--color--utility--attention--100: #8d2b0b;
79
+ --l--spacing--2: 0.125rem;
80
+ --l--spacing--4: 0.25rem;
81
+ --l--spacing--8: 0.5rem;
82
+ --l--spacing--12: 0.75rem;
83
+ --l--spacing--16: 1rem;
84
+ --l--spacing--20: 1.25rem;
85
+ --l--spacing--24: 1.5rem;
86
+ --l--spacing--28: 1.75rem;
87
+ --l--spacing--32: 2rem;
88
+ --l--spacing--36: 2.25rem;
89
+ --l--spacing--40: 2.5rem;
90
+ --l--spacing--48: 3rem;
91
+ --l--spacing--56: 3.5rem;
92
+ --l--spacing--64: 4rem;
93
+ --l--spacing--72: 4.5rem;
94
+ --l--spacing--80: 5rem;
95
+ --l--spacing--88: 5.5rem;
96
+ --l--spacing--96: 6rem;
97
+ --l--spacing--104: 6.5rem;
98
+ --l--spacing--112: 7rem;
99
+ --l--spacing--120: 7.5rem;
100
+ --l--spacing--128: 8rem;
101
+ --l--spacing--192: 12rem;
102
+ --l--spacing--256: 16rem;
103
+ --l--spacing--320: 20rem;
104
+ --l--spacing--384: 24rem;
105
+ --l--spacing--448: 28rem;
106
+ --l--spacing--512: 32rem;
107
+ --l--typography--font-family--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
108
+ --l--typography--font-family--sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
109
+ --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;
110
+ --l--typography--font-size--8: 0.5rem;
111
+ --l--typography--font-size--10: 0.625rem;
112
+ --l--typography--font-size--12: 0.75rem;
113
+ --l--typography--font-size--14: 0.875rem;
114
+ --l--typography--font-size--16: 1rem;
115
+ --l--typography--font-size--18: 1.125rem;
116
+ --l--typography--font-size--20: 1.25rem;
117
+ --l--typography--font-size--24: 1.5rem;
118
+ --l--typography--font-size--28: 1.75rem;
119
+ --l--typography--font-size--32: 2rem;
120
+ --l--typography--font-size--36: 2.25rem;
121
+ --l--typography--font-size--40: 2.5rem;
122
+ --l--typography--font-size--48: 3rem;
123
+ --l--typography--font-size--56: 3.5rem;
124
+ --l--typography--font-size--64: 4rem;
125
+ --l--typography--font-size--72: 4.5rem;
126
+ --l--typography--font-size--80: 5rem;
127
+ --l--typography--font-size--96: 6rem;
128
+ --l--typography--font-size--112: 7rem;
129
+ --l--typography--font-size--128: 8rem;
130
+ --l--typography--font-size--144: 9rem;
131
+ --l--typography--font-size--160: 10rem;
132
+ --l--typography--font-size--192: 12rem;
133
+ --l--typography--font-size--224: 14rem;
134
+ --l--typography--font-size--256: 16rem;
135
+ --l--typography--font-style--normal: normal;
136
+ --l--typography--font-style--italic: italic;
137
+ --l--typography--font-variant-caps--normal: normal;
138
+ --l--typography--font-variant-caps--small-caps: small-caps;
139
+ --l--typography--font-variant-caps--all-small-caps: all-small-caps;
140
+ --l--typography--font-variant-caps--petite-caps: petite-caps;
141
+ --l--typography--font-variant-caps--all-petite-caps: all-petite-caps;
142
+ --l--typography--font-variant-caps--unicase: unicase;
143
+ --l--typography--font-variant-caps--titling-caps: titling-caps;
144
+ --l--typography--font-weight--thin: 100;
145
+ --l--typography--font-weight--extra-light: 200;
146
+ --l--typography--font-weight--light: 300;
147
+ --l--typography--font-weight--normal: 400;
148
+ --l--typography--font-weight--medium: 500;
149
+ --l--typography--font-weight--semi-bold: 600;
150
+ --l--typography--font-weight--bold: 700;
151
+ --l--typography--font-weight--extra-bold: 800;
152
+ --l--typography--font-weight--black: 900;
153
+ --l--typography--letter-spacing--1: 0.01em;
154
+ --l--typography--letter-spacing--2: 0.02em;
155
+ --l--typography--letter-spacing--3: 0.03em;
156
+ --l--typography--letter-spacing--4: 0.04em;
157
+ --l--typography--letter-spacing--5: 0.05em;
158
+ --l--typography--letter-spacing--min-5: -0.05em;
159
+ --l--typography--letter-spacing--min-4: -0.04em;
160
+ --l--typography--letter-spacing--min-3: -0.03em;
161
+ --l--typography--letter-spacing--min-2: -0.02em;
162
+ --l--typography--letter-spacing--min-1: -0.01em;
163
+ --l--typography--letter-spacing--normal: normal;
164
+ --l--typography--line-height--1000: 1;
165
+ --l--typography--line-height--1125: 1.125;
166
+ --l--typography--line-height--1250: 1.25;
167
+ --l--typography--line-height--1375: 1.375;
168
+ --l--typography--line-height--1500: 1.5;
169
+ --l--typography--line-height--1625: 1.625;
170
+ --l--typography--line-height--1750: 1.75;
171
+ --l--typography--line-height--1875: 1.875;
172
+ --l--typography--line-height--2000: 2;
173
+ --l--typography--text-transform--none: none;
174
+ --l--typography--text-transform--uppercase: uppercase;
175
+ --l--typography--text-transform--lowercase: lowercase;
176
+ --l--typography--text-transform--capitalize: capitalize;
177
+ --l--typography--root: 16px;
178
+ --l--theme--typography--h5--line-height: 1;
179
+ --l--theme--typography--h6--line-height: 1;
180
+ --l--theme--blockquote--default--typography--font-family: var(--l--typography--font-family--serif);
181
+ --l--theme--blockquote--default--typography--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
182
+ --l--theme--blockquote--default--typography--font-style: var(--l--typography--font-style--italic);
183
+ --l--theme--blockquote--default--typography--font-variant-caps: var(--l--typography--font-variant-caps--normal);
184
+ --l--theme--blockquote--default--typography--font-weight: var(--l--typography--font-weight--medium);
185
+ --l--theme--blockquote--default--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
186
+ --l--theme--blockquote--default--typography--line-height: var(--l--typography--line-height--1250);
187
+ --l--theme--blockquote--default--typography--text-transform: var(--l--typography--text-transform--none);
188
+ --l--theme--layout--site-gutter: var(--l--spacing--24);
189
+ --l--theme--link--default--color--content--default: var(--l--color--brand--primary--80);
190
+ --l--theme--link--default--color--content--hover: var(--l--color--brand--primary--60);
191
+ --l--theme--link--default--color--content--focus: var(--l--color--brand--primary--60);
192
+ --l--theme--link--default--color--content--active: var(--l--color--brand--primary--60);
193
+ --l--theme--link--default--color--content--visited: var(--l--color--brand--primary--60);
194
+ --l--theme--link--knockout--color--content--default: var(--l--color--brand--primary--30);
195
+ --l--theme--link--knockout--color--content--hover: var(--l--color--brand--primary--10);
196
+ --l--theme--link--knockout--color--content--focus: var(--l--color--brand--primary--10);
197
+ --l--theme--link--knockout--color--content--active: var(--l--color--brand--primary--10);
198
+ --l--theme--link--knockout--color--content--visited: var(--l--color--brand--primary--10);
199
+ --l--theme--border--radius--sm: var(--l--border--radius--2);
200
+ --l--theme--border--radius--md: var(--l--border--radius--4);
201
+ --l--theme--border--radius--lg: var(--l--border--radius--8);
202
+ --l--theme--border--radius--xl: var(--l--border--radius--16);
203
+ --l--theme--border--radius--xxl: var(--l--border--radius--32);
204
+ --l--theme--border--width--sm: var(--l--border--width--1);
205
+ --l--theme--border--width--md: var(--l--border--width--2);
206
+ --l--theme--border--width--lg: var(--l--border--width--4);
207
+ --l--theme--border--width--xl: var(--l--border--width--8);
208
+ --l--theme--border--width--xxl: var(--l--border--width--16);
209
+ --l--theme--color--background--default: var(--l--color--neutral--0);
210
+ --l--theme--color--background--knockout: var(--l--color--neutral--100);
211
+ --l--theme--color--background--subtle: var(--l--color--neutral--10);
212
+ --l--theme--color--border--default: var(--l--color--neutral--30);
213
+ --l--theme--color--border--knockout: var(--l--color--neutral--80);
214
+ --l--theme--color--border--subtle: var(--l--color--neutral--10);
215
+ --l--theme--color--content--default: var(--l--color--neutral--90);
216
+ --l--theme--color--content--knockout: var(--l--color--neutral--10);
217
+ --l--theme--color--content--subtle: var(--l--color--neutral--70);
218
+ --l--theme--typography--body--md--font-family: var(--l--typography--font-family--serif);
219
+ --l--theme--typography--body--md--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
220
+ --l--theme--typography--body--md--font-style: var(--l--typography--font-style--normal);
221
+ --l--theme--typography--body--md--font-variant-caps: var(--l--typography--font-variant-caps--normal);
222
+ --l--theme--typography--body--md--font-weight: var(--l--typography--font-weight--normal);
223
+ --l--theme--typography--body--md--letter-spacing: var(--l--typography--letter-spacing--normal);
224
+ --l--theme--typography--body--md--line-height: var(--l--typography--line-height--1625);
225
+ --l--theme--typography--body--md--text-transform: var(--l--typography--text-transform--none);
226
+ --l--theme--typography--body--sm--font-family: var(--l--typography--font-family--serif);
227
+ --l--theme--typography--body--sm--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
228
+ --l--theme--typography--body--sm--font-style: var(--l--typography--font-style--normal);
229
+ --l--theme--typography--body--sm--font-variant-caps: var(--l--typography--font-variant-caps--normal);
230
+ --l--theme--typography--body--sm--font-weight: var(--l--typography--font-weight--normal);
231
+ --l--theme--typography--body--sm--letter-spacing: var(--l--typography--letter-spacing--normal);
232
+ --l--theme--typography--body--sm--line-height: var(--l--typography--line-height--1625);
233
+ --l--theme--typography--body--sm--text-transform: var(--l--typography--text-transform--none);
234
+ --l--theme--typography--caption--font-family: var(--l--typography--font-family--sans-serif);
235
+ --l--theme--typography--caption--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
236
+ --l--theme--typography--caption--font-style: var(--l--typography--font-style--normal);
237
+ --l--theme--typography--caption--font-variant-caps: var(--l--typography--font-variant-caps--normal);
238
+ --l--theme--typography--caption--font-weight: var(--l--typography--font-weight--normal);
239
+ --l--theme--typography--caption--letter-spacing: var(--l--typography--letter-spacing--normal);
240
+ --l--theme--typography--caption--line-height: var(--l--typography--line-height--1250);
241
+ --l--theme--typography--caption--text-transform: var(--l--typography--text-transform--none);
242
+ --l--theme--typography--caption-attribution--font-family: var(--l--typography--font-family--serif);
243
+ --l--theme--typography--caption-attribution--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
244
+ --l--theme--typography--caption-attribution--font-style: var(--l--typography--font-style--italic);
245
+ --l--theme--typography--caption-attribution--font-variant-caps: var(--l--typography--font-variant-caps--normal);
246
+ --l--theme--typography--caption-attribution--font-weight: var(--l--typography--font-weight--normal);
247
+ --l--theme--typography--caption-attribution--letter-spacing: var(--l--typography--letter-spacing--normal);
248
+ --l--theme--typography--caption-attribution--line-height: var(--l--typography--line-height--1250);
249
+ --l--theme--typography--caption-attribution--text-transform: var(--l--typography--text-transform--none);
250
+ --l--theme--typography--code--font-family: var(--l--typography--font-family--monospace);
251
+ --l--theme--typography--code--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
252
+ --l--theme--typography--code--font-style: var(--l--typography--font-style--normal);
253
+ --l--theme--typography--code--font-variant-caps: var(--l--typography--font-variant-caps--normal);
254
+ --l--theme--typography--code--font-weight: var(--l--typography--font-weight--normal);
255
+ --l--theme--typography--code--letter-spacing: var(--l--typography--letter-spacing--normal);
256
+ --l--theme--typography--code--line-height: var(--l--typography--line-height--1500);
257
+ --l--theme--typography--code--text-transform: var(--l--typography--text-transform--none);
258
+ --l--theme--typography--h1--font-family: var(--l--typography--font-family--sans-serif);
259
+ --l--theme--typography--h1--font-size: clamp(var(--l--typography--font-size--32), 0.74074vw + 1.8333rem, var(--l--typography--font-size--40));
260
+ --l--theme--typography--h1--font-style: var(--l--typography--font-style--normal);
261
+ --l--theme--typography--h1--font-variant-caps: var(--l--typography--font-variant-caps--normal);
262
+ --l--theme--typography--h1--font-weight: var(--l--typography--font-weight--bold);
263
+ --l--theme--typography--h1--letter-spacing: var(--l--typography--letter-spacing--normal);
264
+ --l--theme--typography--h1--line-height: var(--l--typography--line-height--1250);
265
+ --l--theme--typography--h1--text-transform: var(--l--typography--text-transform--none);
266
+ --l--theme--typography--h2--font-family: var(--l--typography--font-family--sans-serif);
267
+ --l--theme--typography--h2--font-size: clamp(var(--l--typography--font-size--24), 0.74074vw + 1.3333rem, var(--l--typography--font-size--32));
268
+ --l--theme--typography--h2--font-style: var(--l--typography--font-style--normal);
269
+ --l--theme--typography--h2--font-variant-caps: var(--l--typography--font-variant-caps--normal);
270
+ --l--theme--typography--h2--font-weight: var(--l--typography--font-weight--bold);
271
+ --l--theme--typography--h2--letter-spacing: var(--l--typography--letter-spacing--normal);
272
+ --l--theme--typography--h2--line-height: var(--l--typography--line-height--1250);
273
+ --l--theme--typography--h2--text-transform: var(--l--typography--text-transform--none);
274
+ --l--theme--typography--h3--font-family: var(--l--typography--font-family--sans-serif);
275
+ --l--theme--typography--h3--font-size: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
276
+ --l--theme--typography--h3--font-style: var(--l--typography--font-style--normal);
277
+ --l--theme--typography--h3--font-variant-caps: var(--l--typography--font-variant-caps--normal);
278
+ --l--theme--typography--h3--font-weight: var(--l--typography--font-weight--semi-bold);
279
+ --l--theme--typography--h3--letter-spacing: var(--l--typography--letter-spacing--normal);
280
+ --l--theme--typography--h3--line-height: var(--l--typography--line-height--1250);
281
+ --l--theme--typography--h3--text-transform: var(--l--typography--text-transform--none);
282
+ --l--theme--typography--h4--font-family: var(--l--typography--font-family--sans-serif);
283
+ --l--theme--typography--h4--font-size: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
284
+ --l--theme--typography--h4--font-style: var(--l--typography--font-style--normal);
285
+ --l--theme--typography--h4--font-variant-caps: var(--l--typography--font-variant-caps--normal);
286
+ --l--theme--typography--h4--font-weight: var(--l--typography--font-weight--semi-bold);
287
+ --l--theme--typography--h4--letter-spacing: var(--l--typography--letter-spacing--normal);
288
+ --l--theme--typography--h4--line-height: var(--l--typography--line-height--1250);
289
+ --l--theme--typography--h4--text-transform: var(--l--typography--text-transform--none);
290
+ --l--theme--typography--h5--font-family: var(--l--typography--font-family--sans-serif);
291
+ --l--theme--typography--h5--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
292
+ --l--theme--typography--h5--font-style: var(--l--typography--font-style--normal);
293
+ --l--theme--typography--h5--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
294
+ --l--theme--typography--h5--font-weight: var(--l--typography--font-weight--medium);
295
+ --l--theme--typography--h5--letter-spacing: var(--l--typography--letter-spacing--1);
296
+ --l--theme--typography--h5--text-transform: var(--l--typography--text-transform--none);
297
+ --l--theme--typography--h6--font-family: var(--l--typography--font-family--sans-serif);
298
+ --l--theme--typography--h6--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
299
+ --l--theme--typography--h6--font-style: var(--l--typography--font-style--normal);
300
+ --l--theme--typography--h6--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
301
+ --l--theme--typography--h6--font-weight: var(--l--typography--font-weight--normal);
302
+ --l--theme--typography--h6--letter-spacing: var(--l--typography--letter-spacing--1);
303
+ --l--theme--typography--h6--text-transform: var(--l--typography--text-transform--none);
304
+ --l--theme--typography--overline--font-family: var(--l--typography--font-family--sans-serif);
305
+ --l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
306
+ --l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
307
+ --l--theme--typography--overline--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
308
+ --l--theme--typography--overline--font-weight: var(--l--typography--font-weight--normal);
309
+ --l--theme--typography--overline--letter-spacing: var(--l--typography--letter-spacing--2);
310
+ --l--theme--typography--overline--line-height: var(--l--typography--line-height--1000);
311
+ --l--theme--typography--overline--text-transform: var(--l--typography--text-transform--none);
312
+ --l--theme--typography--subhead--font-family: var(--l--typography--font-family--serif);
313
+ --l--theme--typography--subhead--font-size: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
314
+ --l--theme--typography--subhead--font-style: var(--l--typography--font-style--italic);
315
+ --l--theme--typography--subhead--font-variant-caps: var(--l--typography--font-variant-caps--normal);
316
+ --l--theme--typography--subhead--font-weight: var(--l--typography--font-weight--normal);
317
+ --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
318
+ --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
319
+ --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
320
+ --l--theme--block-space--xxs: clamp(var(--l--spacing--8), 0.37037vw + 0.41667rem, var(--l--spacing--12));
321
+ --l--theme--block-space--xs: clamp(var(--l--spacing--12), 0.37037vw + 0.66667rem, var(--l--spacing--16));
322
+ --l--theme--block-space--sm: clamp(var(--l--spacing--16), 0.74074vw + 0.83333rem, var(--l--spacing--24));
323
+ --l--theme--block-space--md: clamp(var(--l--spacing--24), 0.74074vw + 1.3333rem, var(--l--spacing--32));
324
+ --l--theme--block-space--lg: clamp(var(--l--spacing--32), 1.4815vw + 1.6667rem, var(--l--spacing--48));
325
+ --l--theme--block-space--xl: clamp(var(--l--spacing--48), 1.4815vw + 2.6667rem, var(--l--spacing--64));
326
+ --l--theme--block-space--xxl: clamp(var(--l--spacing--64), 2.9630vw + 3.3333rem, var(--l--spacing--96));
327
+ --l--theme--media--border--radius: var(--l--theme--border--radius--md);
328
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.1.2",
3
+ "version": "0.2.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",