@mittwald/flow-design-tokens 0.1.0-alpha.32 → 0.1.0-alpha.37

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/variables.css +23 -57
  2. package/package.json +3 -3
package/dist/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 13 Mar 2024 10:45:03 GMT
3
+ * Generated on Mon, 18 Mar 2024 08:47:35 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -216,9 +216,6 @@
216
216
  --section--border-style: var(--border-style--default);
217
217
  --radio-group--icon-size-without-content: var(--icon--size--l);
218
218
  --radio-group--label-font-weight-with-content-or-icon: var(--font-weight--bold);
219
- --radio-group--border-style: var(--border-style--default);
220
- --radio-group--padding-y: var(--size-px--s);
221
- --radio-group--padding-x: var(--size-px--m);
222
219
  --radio-group--icon-to-text-spacing: var(--size-rem--m);
223
220
  --radio-group--text-to-text-spacing: var(--size-rem--xs);
224
221
  --radio-group--radio-to-radio-spacing: var(--size-px--m);
@@ -262,12 +259,10 @@
262
259
  --heading--h1-font-size-mobile: var(--font-size--xl);
263
260
  --heading--h1-font-size: var(--font-size--xxl);
264
261
  --heading--font-weight: var(--font-weight--bold);
262
+ --field-error--icon-to-text-spacing: var(--size-rem--s);
265
263
  --field-error--font-size: var(--font-size--s);
266
264
  --field-description--font-size: var(--font-size--s);
267
265
  --column-layout--content-to-content-spacing: var(--size-rem--m);
268
- --checkbox--border-style: var(--border-style--default);
269
- --checkbox--padding-y: var(--size-px--s);
270
- --checkbox--padding-x: var(--size-px--m);
271
266
  --checkbox--checkmark-to-text-spacing: var(--size-rem--m);
272
267
  --button--font-size-s: var(--font-size--s);
273
268
  --button--text-to-icon-spacing-s: var(--size-rem--xs);
@@ -281,6 +276,8 @@
281
276
  --avatar--size--l: var(--size-rem--xxl);
282
277
  --avatar--size--s: var(--size-rem--xl);
283
278
  --avatar--size--xs: var(--size-rem--l);
279
+ --form-control--background-color--invalid: var(--danger--color--100);
280
+ --form-control--background-color--focused: var(--neutral--color--200);
284
281
  --form-control--background-color--default: var(--neutral--color--200);
285
282
  --form-control--placeholder-color--disabled: var(--neutral--color--500);
286
283
  --form-control--placeholder-color--default: var(--neutral--color--900);
@@ -304,9 +301,13 @@
304
301
  --neutral-soft-background-color--pressed: var(--neutral--color--600);
305
302
  --neutral-soft-background-color--hover: var(--neutral--color--500);
306
303
  --neutral-soft-background-color--default: var(--neutral--color--400);
307
- --neutral-outline-border-color: var(--neutral--color--700);
308
- --neutral-outline-content-color: var(--neutral--color--1000);
309
- --neutral-outline-background-color: var(--neutral--color--200);
304
+ --neutral-outline-border-color--selected: var(--primary--color--800);
305
+ --neutral-outline-border-color--default: var(--neutral--color--700);
306
+ --neutral-outline-content-color--selected: var(--primary--color--900);
307
+ --neutral-outline-content-color--default: var(--neutral--color--1000);
308
+ --neutral-outline-background-color--selected: var(--primary--color--200);
309
+ --neutral-outline-background-color--hover: var(--primary--color--100);
310
+ --neutral-outline-background-color--default: var(--neutral--color--200);
310
311
  --neutral-plain-content-color: var(--neutral--color--1000);
311
312
  --neutral-plain-background-color--pressed: var(--neutral--color--500);
312
313
  --neutral-plain-background-color--hover: var(--neutral--color--400);
@@ -397,25 +398,12 @@
397
398
  --primary-solid-background-color--default: var(--primary--color--800);
398
399
  --tooltip--color: var(--neutral--color--100);
399
400
  --tooltip--background-color: var(--neutral--color--900);
401
+ --switch--handle-background-color: var(--neutral--color--100);
402
+ --switch--handle-color--disabled: var(--neutral--color--600);
403
+ --switch--track-background-color--disabled: var(--neutral--color--600);
400
404
  --status-badge--corner-radius: var(--corner-radius--default);
401
405
  --section--border-color: var(--neutral--color--500);
402
406
  --section--border-width: var(--border-width--100);
403
- --radio-group--icon-color--default: var(--neutral--color--800);
404
- --radio-group--color--selected-disabled: var(--neutral--color--600);
405
- --radio-group--color--disabled: var(--neutral--color--500);
406
- --radio-group--color--selected: var(--info--color--900);
407
- --radio-group--color--default: var(--neutral--color--1000);
408
- --radio-group--background-color--hover: var(--info--color--100);
409
- --radio-group--background-color--selected-disabled: var(--neutral--color--400);
410
- --radio-group--background-color--disabled: var(--neutral--color--300);
411
- --radio-group--background-color--selected: var(--info--color--200);
412
- --radio-group--background-color--default: var(--neutral--color--100);
413
- --radio-group--border-color--selected-disabled: var(--neutral--color--600);
414
- --radio-group--border-color--disabled: var(--neutral--color--500);
415
- --radio-group--border-color--selected: var(--info--color--900);
416
- --radio-group--border-color--default: var(--neutral--color--500);
417
- --radio-group--border-width: var(--border-width--100);
418
- --radio-group--corner-radius: var(--corner-radius--default);
419
407
  --navigation-item--disabled-color: var(--neutral--color--100);
420
408
  --navigation-item--disabled-background-color: var(--neutral--color--400);
421
409
  --navigation-item--background-color--current: var(--info--color--100);
@@ -439,25 +427,6 @@
439
427
  --heading--color: var(--primary--color--1000);
440
428
  --field-error--color: var(--danger--color--700);
441
429
  --field-description--color: var(--neutral--color--800);
442
- --checkbox--checkmark-color--selected-disabled: var(--neutral--color--600);
443
- --checkbox--checkmark-color--disabled: var(--neutral--color--500);
444
- --checkbox--checkmark-color--selected: var(--info--color--900);
445
- --checkbox--checkmark-color--default: var(--neutral--color--800);
446
- --checkbox--color--selected-disabled: var(--neutral--color--600);
447
- --checkbox--color--disabled: var(--neutral--color--500);
448
- --checkbox--color--selected: var(--info--color--900);
449
- --checkbox--color--default: var(--neutral--color--1000);
450
- --checkbox--background-color--hover: var(--info--color--100);
451
- --checkbox--background-color--selected-disabled: var(--neutral--color--400);
452
- --checkbox--background-color--disabled: var(--neutral--color--300);
453
- --checkbox--background-color--selected: var(--info--color--200);
454
- --checkbox--background-color--default: var(--neutral--color--100);
455
- --checkbox--border-color--selected-disabled: var(--neutral--color--600);
456
- --checkbox--border-color--disabled: var(--neutral--color--500);
457
- --checkbox--border-color--selected: var(--info--color--900);
458
- --checkbox--border-color--default: var(--neutral--color--700);
459
- --checkbox--border-width: var(--border-width--100);
460
- --checkbox--corner-radius: var(--corner-radius--default);
461
430
  --button--disabled-plain-background-color: var(--disabled-plain-background-color);
462
431
  --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
463
432
  --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
@@ -466,23 +435,20 @@
466
435
  --button--failed-icon-color: var(--danger--color--700);
467
436
  --button--succeeded-icon-color: var(--success--color--700);
468
437
  --button--corner-radius: var(--corner-radius--default);
469
- --form-control--content-color--selected: var(--info-outline-content-color);
438
+ --form-control--content-color--selected: var(--neutral-outline-content-color--selected);
470
439
  --form-control--content-color--disabled: var(--disabled-outline-content-color);
440
+ --form-control--content-color--default: var(--neutral-outline-content-color--default);
471
441
  --form-control--background-color--selected: var(--info-outline-background-color--pressed);
472
- --form-control--background-color--invalid: var(--danger-outline-background-color--hover);
473
- --form-control--background-color--focused: var(--neutral-outline-background-color);
474
- --form-control--background-color--hover: var(--info-outline-background-color--hover);
442
+ --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
475
443
  --form-control--background-color--disabled: var(--disabled-outline-background-color);
476
- --form-control--border-color--selected: var(--info-outline-border-color);
477
- --form-control--border-color--focused: var(--info-outline-border-color);
444
+ --form-control--border-color--selected: var(--neutral-outline-border-color--selected);
445
+ --form-control--border-color--focused: var(--focus--outline-color);
478
446
  --form-control--border-color--invalid: var(--danger-outline-border-color);
479
- --form-control--border-color--hover: var(--neutral-outline-border-color);
480
447
  --form-control--border-color--disabled: var(--disabled-outline-border-color);
481
- --form-control--border-color--default: var(--neutral-outline-border-color);
482
- --switch--handle-color: var(--neutral-solid-content-color);
483
- --switch--track-color--selected: var(--success-solid-background-color--default);
484
- --switch--track-color--disabled: var(--disabled-solid-background-color);
485
- --switch--track-color--default: var(--neutral-solid-background-color--default);
448
+ --form-control--border-color--default: var(--neutral-outline-border-color--default);
449
+ --switch--handle-color--default: var(--neutral-solid-content-color);
450
+ --switch--track-background-color--selected: var(--success-solid-background-color--default);
451
+ --switch--track-background-color--default: var(--neutral-solid-background-color--default);
486
452
  --status-badge--danger-content-color: var(--danger-soft-content-color--default);
487
453
  --status-badge--danger-background-color: var(--danger-soft-background-color--default);
488
454
  --status-badge--warning-content-color: var(--warning-soft-content-color--default);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.1.0-alpha.32",
3
+ "version": "0.1.0-alpha.37",
4
4
  "type": "module",
5
5
  "description": "The design tokens used in Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -17,8 +17,8 @@
17
17
  "devDependencies": {
18
18
  "@types/js-yaml": "^4.0.9",
19
19
  "js-yaml": "^4.1.0",
20
- "nx": "^18.1.0",
20
+ "nx": "^18.1.1",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "f11e9783b056c8094e7ba9456c0e1c0fd0cdfc85"
23
+ "gitHead": "9ae9c821ac5e0acf8dc7bbc675254993ba76b987"
24
24
  }