@mittwald/flow-design-tokens 0.1.0-alpha.34 → 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 +6 -44
  2. package/package.json +3 -3
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Mar 2024 12:27:41 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);
@@ -308,7 +303,8 @@
308
303
  --neutral-soft-background-color--default: var(--neutral--color--400);
309
304
  --neutral-outline-border-color--selected: var(--primary--color--800);
310
305
  --neutral-outline-border-color--default: var(--neutral--color--700);
311
- --neutral-outline-content-color: var(--neutral--color--1000);
306
+ --neutral-outline-content-color--selected: var(--primary--color--900);
307
+ --neutral-outline-content-color--default: var(--neutral--color--1000);
312
308
  --neutral-outline-background-color--selected: var(--primary--color--200);
313
309
  --neutral-outline-background-color--hover: var(--primary--color--100);
314
310
  --neutral-outline-background-color--default: var(--neutral--color--200);
@@ -408,22 +404,6 @@
408
404
  --status-badge--corner-radius: var(--corner-radius--default);
409
405
  --section--border-color: var(--neutral--color--500);
410
406
  --section--border-width: var(--border-width--100);
411
- --radio-group--icon-color--default: var(--neutral--color--800);
412
- --radio-group--color--selected-disabled: var(--neutral--color--600);
413
- --radio-group--color--disabled: var(--neutral--color--500);
414
- --radio-group--color--selected: var(--info--color--900);
415
- --radio-group--color--default: var(--neutral--color--1000);
416
- --radio-group--background-color--hover: var(--info--color--100);
417
- --radio-group--background-color--selected-disabled: var(--neutral--color--400);
418
- --radio-group--background-color--disabled: var(--neutral--color--300);
419
- --radio-group--background-color--selected: var(--info--color--200);
420
- --radio-group--background-color--default: var(--neutral--color--100);
421
- --radio-group--border-color--selected-disabled: var(--neutral--color--600);
422
- --radio-group--border-color--disabled: var(--neutral--color--500);
423
- --radio-group--border-color--selected: var(--info--color--900);
424
- --radio-group--border-color--default: var(--neutral--color--500);
425
- --radio-group--border-width: var(--border-width--100);
426
- --radio-group--corner-radius: var(--corner-radius--default);
427
407
  --navigation-item--disabled-color: var(--neutral--color--100);
428
408
  --navigation-item--disabled-background-color: var(--neutral--color--400);
429
409
  --navigation-item--background-color--current: var(--info--color--100);
@@ -447,25 +427,6 @@
447
427
  --heading--color: var(--primary--color--1000);
448
428
  --field-error--color: var(--danger--color--700);
449
429
  --field-description--color: var(--neutral--color--800);
450
- --checkbox--checkmark-color--selected-disabled: var(--neutral--color--600);
451
- --checkbox--checkmark-color--disabled: var(--neutral--color--500);
452
- --checkbox--checkmark-color--selected: var(--info--color--900);
453
- --checkbox--checkmark-color--default: var(--neutral--color--800);
454
- --checkbox--color--selected-disabled: var(--neutral--color--600);
455
- --checkbox--color--disabled: var(--neutral--color--500);
456
- --checkbox--color--selected: var(--info--color--900);
457
- --checkbox--color--default: var(--neutral--color--1000);
458
- --checkbox--background-color--hover: var(--info--color--100);
459
- --checkbox--background-color--selected-disabled: var(--neutral--color--400);
460
- --checkbox--background-color--disabled: var(--neutral--color--300);
461
- --checkbox--background-color--selected: var(--info--color--200);
462
- --checkbox--background-color--default: var(--neutral--color--100);
463
- --checkbox--border-color--selected-disabled: var(--neutral--color--600);
464
- --checkbox--border-color--disabled: var(--neutral--color--500);
465
- --checkbox--border-color--selected: var(--info--color--900);
466
- --checkbox--border-color--default: var(--neutral--color--700);
467
- --checkbox--border-width: var(--border-width--100);
468
- --checkbox--corner-radius: var(--corner-radius--default);
469
430
  --button--disabled-plain-background-color: var(--disabled-plain-background-color);
470
431
  --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
471
432
  --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
@@ -474,8 +435,9 @@
474
435
  --button--failed-icon-color: var(--danger--color--700);
475
436
  --button--succeeded-icon-color: var(--success--color--700);
476
437
  --button--corner-radius: var(--corner-radius--default);
477
- --form-control--content-color--selected: var(--neutral-outline-content-color);
438
+ --form-control--content-color--selected: var(--neutral-outline-content-color--selected);
478
439
  --form-control--content-color--disabled: var(--disabled-outline-content-color);
440
+ --form-control--content-color--default: var(--neutral-outline-content-color--default);
479
441
  --form-control--background-color--selected: var(--info-outline-background-color--pressed);
480
442
  --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
481
443
  --form-control--background-color--disabled: var(--disabled-outline-background-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.1.0-alpha.34",
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": "90ecf44d1ba5eb2ed126efca404d315c120e5f14"
23
+ "gitHead": "9ae9c821ac5e0acf8dc7bbc675254993ba76b987"
24
24
  }