@withlayers/tokens 0.3.0 → 0.4.2

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 +23 -14
  2. package/package.json +2 -3
package/dist/index.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --l--color--neutral--30: #bcccdc;
42
42
  --l--color--neutral--40: #9fb3c8;
43
43
  --l--color--neutral--50: #829ab1;
44
- --l--color--neutral--60: #627d98;
44
+ --l--color--neutral--60: #5e7892;
45
45
  --l--color--neutral--70: #486581;
46
46
  --l--color--neutral--80: #334e68;
47
47
  --l--color--neutral--90: #243b53;
@@ -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;
@@ -217,9 +218,12 @@
217
218
  --l--theme--color--border--default: var(--l--color--neutral--30);
218
219
  --l--theme--color--border--knockout: var(--l--color--neutral--80);
219
220
  --l--theme--color--border--subtle: var(--l--color--neutral--10);
220
- --l--theme--color--content--default: var(--l--color--neutral--90);
221
- --l--theme--color--content--knockout: var(--l--color--neutral--10);
222
- --l--theme--color--content--subtle: var(--l--color--neutral--70);
221
+ --l--theme--color--content--on-default: var(--l--color--neutral--90);
222
+ --l--theme--color--content--on-default-muted: var(--l--color--neutral--60);
223
+ --l--theme--color--content--on-knockout: var(--l--color--neutral--10);
224
+ --l--theme--color--content--on-knockout-muted: var(--l--color--neutral--70);
225
+ --l--theme--color--content--on-subtle: var(--l--color--neutral--90);
226
+ --l--theme--color--content--on-subtle-muted: var(--l--color--neutral--70);
223
227
  --l--theme--typography--body--sm--font-family: var(--l--typography--font-family--serif);
224
228
  --l--theme--typography--body--sm--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
225
229
  --l--theme--typography--body--sm--font-style: var(--l--typography--font-style--normal);
@@ -305,21 +309,21 @@
305
309
  --l--theme--typography--h5--font-style: var(--l--typography--font-style--normal);
306
310
  --l--theme--typography--h5--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
307
311
  --l--theme--typography--h5--font-weight: var(--l--typography--font-weight--medium);
308
- --l--theme--typography--h5--letter-spacing: var(--l--typography--letter-spacing--1);
312
+ --l--theme--typography--h5--letter-spacing: var(--l--typography--letter-spacing--4);
309
313
  --l--theme--typography--h5--text-transform: var(--l--typography--text-transform--none);
310
314
  --l--theme--typography--h6--font-family: var(--l--typography--font-family--sans-serif);
311
315
  --l--theme--typography--h6--font-size: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
312
316
  --l--theme--typography--h6--font-style: var(--l--typography--font-style--normal);
313
317
  --l--theme--typography--h6--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
314
318
  --l--theme--typography--h6--font-weight: var(--l--typography--font-weight--normal);
315
- --l--theme--typography--h6--letter-spacing: var(--l--typography--letter-spacing--1);
319
+ --l--theme--typography--h6--letter-spacing: var(--l--typography--letter-spacing--4);
316
320
  --l--theme--typography--h6--text-transform: var(--l--typography--text-transform--none);
317
321
  --l--theme--typography--overline--font-family: var(--l--typography--font-family--sans-serif);
318
322
  --l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
319
323
  --l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
320
324
  --l--theme--typography--overline--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
321
325
  --l--theme--typography--overline--font-weight: var(--l--typography--font-weight--normal);
322
- --l--theme--typography--overline--letter-spacing: var(--l--typography--letter-spacing--2);
326
+ --l--theme--typography--overline--letter-spacing: var(--l--typography--letter-spacing--4);
323
327
  --l--theme--typography--overline--line-height: var(--l--typography--line-height--1000);
324
328
  --l--theme--typography--overline--text-transform: var(--l--typography--text-transform--none);
325
329
  --l--theme--typography--subhead--font-family: var(--l--typography--font-family--serif);
@@ -330,12 +334,17 @@
330
334
  --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
331
335
  --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
332
336
  --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
333
- --l--theme--block-space--xxs: clamp(var(--l--spacing--8), 0.37037vw + 0.41667rem, var(--l--spacing--12));
334
- --l--theme--block-space--xs: clamp(var(--l--spacing--12), 0.37037vw + 0.66667rem, var(--l--spacing--16));
335
- --l--theme--block-space--sm: clamp(var(--l--spacing--16), 0.74074vw + 0.83333rem, var(--l--spacing--24));
336
- --l--theme--block-space--md: clamp(var(--l--spacing--24), 0.74074vw + 1.3333rem, var(--l--spacing--32));
337
- --l--theme--block-space--lg: clamp(var(--l--spacing--32), 1.4815vw + 1.6667rem, var(--l--spacing--48));
338
- --l--theme--block-space--xl: clamp(var(--l--spacing--48), 1.4815vw + 2.6667rem, var(--l--spacing--64));
339
- --l--theme--block-space--xxl: clamp(var(--l--spacing--64), 2.9630vw + 3.3333rem, var(--l--spacing--96));
337
+ --l--theme--space--10: clamp(var(--l--spacing--1), 0.092593vw + 0.041667rem, var(--l--spacing--2));
338
+ --l--theme--space--20: clamp(var(--l--spacing--2), 0.18519vw + 0.083333rem, var(--l--spacing--4));
339
+ --l--theme--space--30: clamp(var(--l--spacing--4), 0.37037vw + 0.16667rem, var(--l--spacing--8));
340
+ --l--theme--space--40: clamp(var(--l--spacing--8), 0.37037vw + 0.41667rem, var(--l--spacing--12));
341
+ --l--theme--space--50: clamp(var(--l--spacing--12), 0.37037vw + 0.66667rem, var(--l--spacing--16));
342
+ --l--theme--space--60: clamp(var(--l--spacing--16), 0.74074vw + 0.83333rem, var(--l--spacing--24));
343
+ --l--theme--space--70: clamp(var(--l--spacing--24), 0.74074vw + 1.3333rem, var(--l--spacing--32));
344
+ --l--theme--space--80: clamp(var(--l--spacing--32), 1.4815vw + 1.6667rem, var(--l--spacing--48));
345
+ --l--theme--space--90: clamp(var(--l--spacing--48), 1.4815vw + 2.6667rem, var(--l--spacing--64));
346
+ --l--theme--space--100: clamp(var(--l--spacing--64), 2.9630vw + 3.3333rem, var(--l--spacing--96));
347
+ --l--theme--space--110: clamp(var(--l--spacing--96), 2.9630vw + 5.3333rem, var(--l--spacing--128));
348
+ --l--theme--space--120: clamp(var(--l--spacing--128), 5.9259vw + 6.6667rem, var(--l--spacing--192));
340
349
  --l--theme--media--border--radius: var(--l--theme--border--radius--md);
341
350
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.3.0",
3
+ "version": "0.4.2",
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"