@withlayers/tokens 0.2.4 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +19 -8
- package/package.json +2 -3
package/dist/index.css
CHANGED
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
--l--color--utility--attention--80: #cb6e17;
|
|
77
77
|
--l--color--utility--attention--90: #b44d12;
|
|
78
78
|
--l--color--utility--attention--100: #8d2b0b;
|
|
79
|
+
--l--spacing--1: 0.0625rem;
|
|
79
80
|
--l--spacing--2: 0.125rem;
|
|
80
81
|
--l--spacing--4: 0.25rem;
|
|
81
82
|
--l--spacing--8: 0.5rem;
|
|
@@ -196,6 +197,11 @@
|
|
|
196
197
|
--l--theme--link--knockout--color--content--focus: var(--l--color--brand--primary--10);
|
|
197
198
|
--l--theme--link--knockout--color--content--active: var(--l--color--brand--primary--10);
|
|
198
199
|
--l--theme--link--knockout--color--content--visited: var(--l--color--brand--primary--10);
|
|
200
|
+
--l--theme--link--subtle--color--content--default: var(--l--color--neutral--70);
|
|
201
|
+
--l--theme--link--subtle--color--content--hover: var(--l--color--neutral--90);
|
|
202
|
+
--l--theme--link--subtle--color--content--focus: var(--l--color--neutral--90);
|
|
203
|
+
--l--theme--link--subtle--color--content--active: var(--l--color--neutral--90);
|
|
204
|
+
--l--theme--link--subtle--color--content--visited: var(--l--color--neutral--90);
|
|
199
205
|
--l--theme--border--radius--sm: var(--l--border--radius--2);
|
|
200
206
|
--l--theme--border--radius--md: var(--l--border--radius--4);
|
|
201
207
|
--l--theme--border--radius--lg: var(--l--border--radius--8);
|
|
@@ -216,7 +222,7 @@
|
|
|
216
222
|
--l--theme--color--content--knockout: var(--l--color--neutral--10);
|
|
217
223
|
--l--theme--color--content--subtle: var(--l--color--neutral--70);
|
|
218
224
|
--l--theme--typography--body--sm--font-family: var(--l--typography--font-family--serif);
|
|
219
|
-
--l--theme--typography--body--sm--font-size: clamp(var(--l--typography--font-size--
|
|
225
|
+
--l--theme--typography--body--sm--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
220
226
|
--l--theme--typography--body--sm--font-style: var(--l--typography--font-style--normal);
|
|
221
227
|
--l--theme--typography--body--sm--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
222
228
|
--l--theme--typography--body--sm--font-weight: var(--l--typography--font-weight--normal);
|
|
@@ -325,12 +331,17 @@
|
|
|
325
331
|
--l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
326
332
|
--l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
|
|
327
333
|
--l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
|
|
328
|
-
--l--theme--
|
|
329
|
-
--l--theme--
|
|
330
|
-
--l--theme--
|
|
331
|
-
--l--theme--
|
|
332
|
-
--l--theme--
|
|
333
|
-
--l--theme--
|
|
334
|
-
--l--theme--
|
|
334
|
+
--l--theme--space--10: clamp(var(--l--spacing--1), 0.092593vw + 0.041667rem, var(--l--spacing--2));
|
|
335
|
+
--l--theme--space--20: clamp(var(--l--spacing--2), 0.18519vw + 0.083333rem, var(--l--spacing--4));
|
|
336
|
+
--l--theme--space--30: clamp(var(--l--spacing--4), 0.37037vw + 0.16667rem, var(--l--spacing--8));
|
|
337
|
+
--l--theme--space--40: clamp(var(--l--spacing--8), 0.37037vw + 0.41667rem, var(--l--spacing--12));
|
|
338
|
+
--l--theme--space--50: clamp(var(--l--spacing--12), 0.37037vw + 0.66667rem, var(--l--spacing--16));
|
|
339
|
+
--l--theme--space--60: clamp(var(--l--spacing--16), 0.74074vw + 0.83333rem, var(--l--spacing--24));
|
|
340
|
+
--l--theme--space--70: clamp(var(--l--spacing--24), 0.74074vw + 1.3333rem, var(--l--spacing--32));
|
|
341
|
+
--l--theme--space--80: clamp(var(--l--spacing--32), 1.4815vw + 1.6667rem, var(--l--spacing--48));
|
|
342
|
+
--l--theme--space--90: clamp(var(--l--spacing--48), 1.4815vw + 2.6667rem, var(--l--spacing--64));
|
|
343
|
+
--l--theme--space--100: clamp(var(--l--spacing--64), 2.9630vw + 3.3333rem, var(--l--spacing--96));
|
|
344
|
+
--l--theme--space--110: clamp(var(--l--spacing--96), 2.9630vw + 5.3333rem, var(--l--spacing--128));
|
|
345
|
+
--l--theme--space--120: clamp(var(--l--spacing--128), 5.9259vw + 6.6667rem, var(--l--spacing--192));
|
|
335
346
|
--l--theme--media--border--radius: var(--l--theme--border--radius--md);
|
|
336
347
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@withlayers/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Design tokens layer",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Dmitry Mayorov",
|
|
@@ -13,8 +13,7 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"scripts": {
|
|
16
|
-
"build": "style-dictionary build"
|
|
17
|
-
"dev": "style-dictionary build --watch"
|
|
16
|
+
"build": "style-dictionary build"
|
|
18
17
|
},
|
|
19
18
|
"devDependencies": {
|
|
20
19
|
"style-dictionary": "^4.4.0"
|