@withlayers/tokens 0.4.2 → 0.5.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 +41 -17
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -20,6 +20,9 @@
20
20
  --l--border--width--4: 4px;
21
21
  --l--border--width--8: 8px;
22
22
  --l--border--width--16: 16px;
23
+ --l--border--style--solid: solid;
24
+ --l--border--style--dashed: dashed;
25
+ --l--border--style--dotted: dotted;
23
26
  --l--breakpoint--xs: 360px;
24
27
  --l--breakpoint--sm: 490px;
25
28
  --l--breakpoint--md: 768px;
@@ -186,22 +189,43 @@
186
189
  --l--theme--blockquote--default--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
187
190
  --l--theme--blockquote--default--typography--line-height: var(--l--typography--line-height--1250);
188
191
  --l--theme--blockquote--default--typography--text-transform: var(--l--typography--text-transform--none);
192
+ --l--theme--focus-ring--color--on-default: var(--l--color--neutral--100);
193
+ --l--theme--focus-ring--color--on-subtle: var(--l--color--neutral--100);
194
+ --l--theme--focus-ring--color--on-knockout: var(--l--color--neutral--0);
195
+ --l--theme--focus-ring--outline--offset: var(--l--spacing--2);
196
+ --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
197
+ --l--theme--focus-ring--outline--width: var(--l--border--width--2);
189
198
  --l--theme--layout--site-gutter: var(--l--spacing--24);
190
- --l--theme--link--default--color--content--default: var(--l--color--brand--primary--80);
191
- --l--theme--link--default--color--content--hover: var(--l--color--brand--primary--60);
192
- --l--theme--link--default--color--content--focus: var(--l--color--brand--primary--60);
193
- --l--theme--link--default--color--content--active: var(--l--color--brand--primary--60);
194
- --l--theme--link--default--color--content--visited: var(--l--color--brand--primary--60);
195
- --l--theme--link--knockout--color--content--default: var(--l--color--brand--primary--30);
196
- --l--theme--link--knockout--color--content--hover: var(--l--color--brand--primary--10);
197
- --l--theme--link--knockout--color--content--focus: var(--l--color--brand--primary--10);
198
- --l--theme--link--knockout--color--content--active: var(--l--color--brand--primary--10);
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
+ --l--theme--link--on-default--color--content--default: var(--l--color--brand--primary--80);
200
+ --l--theme--link--on-default--color--content--hover: var(--l--color--brand--primary--60);
201
+ --l--theme--link--on-default--color--content--focus: var(--l--color--brand--primary--60);
202
+ --l--theme--link--on-default--color--content--active: var(--l--color--brand--primary--60);
203
+ --l--theme--link--on-default--color--content--visited: var(--l--color--brand--primary--60);
204
+ --l--theme--link--on-default-muted--color--content--default: var(--l--color--neutral--60);
205
+ --l--theme--link--on-default-muted--color--content--hover: var(--l--color--neutral--90);
206
+ --l--theme--link--on-default-muted--color--content--focus: var(--l--color--neutral--90);
207
+ --l--theme--link--on-default-muted--color--content--active: var(--l--color--neutral--90);
208
+ --l--theme--link--on-default-muted--color--content--visited: var(--l--color--neutral--90);
209
+ --l--theme--link--on-knockout--color--content--default: var(--l--color--brand--primary--30);
210
+ --l--theme--link--on-knockout--color--content--hover: var(--l--color--brand--primary--20);
211
+ --l--theme--link--on-knockout--color--content--focus: var(--l--color--brand--primary--20);
212
+ --l--theme--link--on-knockout--color--content--active: var(--l--color--brand--primary--20);
213
+ --l--theme--link--on-knockout--color--content--visited: var(--l--color--brand--primary--20);
214
+ --l--theme--link--on-knockout-muted--color--content--default: var(--l--color--neutral--40);
215
+ --l--theme--link--on-knockout-muted--color--content--hover: var(--l--color--neutral--20);
216
+ --l--theme--link--on-knockout-muted--color--content--focus: var(--l--color--neutral--20);
217
+ --l--theme--link--on-knockout-muted--color--content--active: var(--l--color--neutral--20);
218
+ --l--theme--link--on-knockout-muted--color--content--visited: var(--l--color--neutral--20);
219
+ --l--theme--link--on-subtle--color--content--default: var(--l--color--brand--primary--80);
220
+ --l--theme--link--on-subtle--color--content--hover: var(--l--color--brand--primary--60);
221
+ --l--theme--link--on-subtle--color--content--focus: var(--l--color--brand--primary--60);
222
+ --l--theme--link--on-subtle--color--content--active: var(--l--color--brand--primary--60);
223
+ --l--theme--link--on-subtle--color--content--visited: var(--l--color--brand--primary--60);
224
+ --l--theme--link--on-subtle-muted--color--content--default: var(--l--color--neutral--70);
225
+ --l--theme--link--on-subtle-muted--color--content--hover: var(--l--color--neutral--90);
226
+ --l--theme--link--on-subtle-muted--color--content--focus: var(--l--color--neutral--90);
227
+ --l--theme--link--on-subtle-muted--color--content--active: var(--l--color--neutral--90);
228
+ --l--theme--link--on-subtle-muted--color--content--visited: var(--l--color--neutral--90);
205
229
  --l--theme--border--radius--sm: var(--l--border--radius--2);
206
230
  --l--theme--border--radius--md: var(--l--border--radius--4);
207
231
  --l--theme--border--radius--lg: var(--l--border--radius--8);
@@ -220,8 +244,8 @@
220
244
  --l--theme--color--border--subtle: var(--l--color--neutral--10);
221
245
  --l--theme--color--content--on-default: var(--l--color--neutral--90);
222
246
  --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);
247
+ --l--theme--color--content--on-knockout: var(--l--color--neutral--20);
248
+ --l--theme--color--content--on-knockout-muted: var(--l--color--neutral--40);
225
249
  --l--theme--color--content--on-subtle: var(--l--color--neutral--90);
226
250
  --l--theme--color--content--on-subtle-muted: var(--l--color--neutral--70);
227
251
  --l--theme--typography--body--sm--font-family: var(--l--typography--font-family--serif);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.4.2",
3
+ "version": "0.5.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",