@mittwald/flow-design-tokens 0.1.0-alpha.30 → 0.1.0-alpha.34

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 +20 -15
  2. package/package.json +2 -2
package/dist/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Mar 2024 13:35:50 GMT
3
+ * Generated on Thu, 14 Mar 2024 12:27:41 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -281,6 +281,8 @@
281
281
  --avatar--size--l: var(--size-rem--xxl);
282
282
  --avatar--size--s: var(--size-rem--xl);
283
283
  --avatar--size--xs: var(--size-rem--l);
284
+ --form-control--background-color--invalid: var(--danger--color--100);
285
+ --form-control--background-color--focused: var(--neutral--color--200);
284
286
  --form-control--background-color--default: var(--neutral--color--200);
285
287
  --form-control--placeholder-color--disabled: var(--neutral--color--500);
286
288
  --form-control--placeholder-color--default: var(--neutral--color--900);
@@ -304,9 +306,12 @@
304
306
  --neutral-soft-background-color--pressed: var(--neutral--color--600);
305
307
  --neutral-soft-background-color--hover: var(--neutral--color--500);
306
308
  --neutral-soft-background-color--default: var(--neutral--color--400);
307
- --neutral-outline-border-color: var(--neutral--color--700);
309
+ --neutral-outline-border-color--selected: var(--primary--color--800);
310
+ --neutral-outline-border-color--default: var(--neutral--color--700);
308
311
  --neutral-outline-content-color: var(--neutral--color--1000);
309
- --neutral-outline-background-color: var(--neutral--color--200);
312
+ --neutral-outline-background-color--selected: var(--primary--color--200);
313
+ --neutral-outline-background-color--hover: var(--primary--color--100);
314
+ --neutral-outline-background-color--default: var(--neutral--color--200);
310
315
  --neutral-plain-content-color: var(--neutral--color--1000);
311
316
  --neutral-plain-background-color--pressed: var(--neutral--color--500);
312
317
  --neutral-plain-background-color--hover: var(--neutral--color--400);
@@ -397,6 +402,9 @@
397
402
  --primary-solid-background-color--default: var(--primary--color--800);
398
403
  --tooltip--color: var(--neutral--color--100);
399
404
  --tooltip--background-color: var(--neutral--color--900);
405
+ --switch--handle-background-color: var(--neutral--color--100);
406
+ --switch--handle-color--disabled: var(--neutral--color--600);
407
+ --switch--track-background-color--disabled: var(--neutral--color--600);
400
408
  --status-badge--corner-radius: var(--corner-radius--default);
401
409
  --section--border-color: var(--neutral--color--500);
402
410
  --section--border-width: var(--border-width--100);
@@ -423,6 +431,7 @@
423
431
  --navigation-item--icon-color--current: var(--info--color--800);
424
432
  --navigation-item--icon-color--default: var(--neutral--color--800);
425
433
  --navigation-item--color--current: var(--info--color--800);
434
+ --navigation-item--color--default: var(--neutral--color--1000);
426
435
  --navigation-item--corner-radius: var(--corner-radius--default);
427
436
  --link--line-height: var(--line-height--m);
428
437
  --layout-card--box-shadow: var(--shadow--content);
@@ -465,23 +474,19 @@
465
474
  --button--failed-icon-color: var(--danger--color--700);
466
475
  --button--succeeded-icon-color: var(--success--color--700);
467
476
  --button--corner-radius: var(--corner-radius--default);
468
- --form-control--content-color--selected: var(--info-outline-content-color);
477
+ --form-control--content-color--selected: var(--neutral-outline-content-color);
469
478
  --form-control--content-color--disabled: var(--disabled-outline-content-color);
470
479
  --form-control--background-color--selected: var(--info-outline-background-color--pressed);
471
- --form-control--background-color--invalid: var(--danger-outline-background-color--hover);
472
- --form-control--background-color--focused: var(--neutral-outline-background-color);
473
- --form-control--background-color--hover: var(--info-outline-background-color--hover);
480
+ --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
474
481
  --form-control--background-color--disabled: var(--disabled-outline-background-color);
475
- --form-control--border-color--selected: var(--info-outline-border-color);
476
- --form-control--border-color--focused: var(--info-outline-border-color);
482
+ --form-control--border-color--selected: var(--neutral-outline-border-color--selected);
483
+ --form-control--border-color--focused: var(--focus--outline-color);
477
484
  --form-control--border-color--invalid: var(--danger-outline-border-color);
478
- --form-control--border-color--hover: var(--neutral-outline-border-color);
479
485
  --form-control--border-color--disabled: var(--disabled-outline-border-color);
480
- --form-control--border-color--default: var(--neutral-outline-border-color);
481
- --switch--handle-color: var(--neutral-solid-content-color);
482
- --switch--track-color--selected: var(--success-solid-background-color--default);
483
- --switch--track-color--disabled: var(--disabled-solid-background-color);
484
- --switch--track-color--default: var(--neutral-solid-background-color--default);
486
+ --form-control--border-color--default: var(--neutral-outline-border-color--default);
487
+ --switch--handle-color--default: var(--neutral-solid-content-color);
488
+ --switch--track-background-color--selected: var(--success-solid-background-color--default);
489
+ --switch--track-background-color--default: var(--neutral-solid-background-color--default);
485
490
  --status-badge--danger-content-color: var(--danger-soft-content-color--default);
486
491
  --status-badge--danger-background-color: var(--danger-soft-background-color--default);
487
492
  --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.30",
3
+ "version": "0.1.0-alpha.34",
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",
@@ -20,5 +20,5 @@
20
20
  "nx": "^18.1.0",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "ff8502fbb5a5dc9665688b3addbc8bcee5a8088b"
23
+ "gitHead": "90ecf44d1ba5eb2ed126efca404d315c120e5f14"
24
24
  }