@mittwald/flow-design-tokens 0.1.0-alpha.32 → 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 +19 -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 Wed, 13 Mar 2024 10:45:03 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);
@@ -466,23 +474,19 @@
466
474
  --button--failed-icon-color: var(--danger--color--700);
467
475
  --button--succeeded-icon-color: var(--success--color--700);
468
476
  --button--corner-radius: var(--corner-radius--default);
469
- --form-control--content-color--selected: var(--info-outline-content-color);
477
+ --form-control--content-color--selected: var(--neutral-outline-content-color);
470
478
  --form-control--content-color--disabled: var(--disabled-outline-content-color);
471
479
  --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);
480
+ --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
475
481
  --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);
482
+ --form-control--border-color--selected: var(--neutral-outline-border-color--selected);
483
+ --form-control--border-color--focused: var(--focus--outline-color);
478
484
  --form-control--border-color--invalid: var(--danger-outline-border-color);
479
- --form-control--border-color--hover: var(--neutral-outline-border-color);
480
485
  --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);
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);
486
490
  --status-badge--danger-content-color: var(--danger-soft-content-color--default);
487
491
  --status-badge--danger-background-color: var(--danger-soft-background-color--default);
488
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.32",
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": "f11e9783b056c8094e7ba9456c0e1c0fd0cdfc85"
23
+ "gitHead": "90ecf44d1ba5eb2ed126efca404d315c120e5f14"
24
24
  }