@mittwald/flow-design-tokens 0.1.0-alpha.55 → 0.1.0-alpha.58

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 +43 -8
  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 Tue, 26 Mar 2024 13:42:35 GMT
3
+ * Generated on Mon, 08 Apr 2024 11:20:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -118,6 +118,8 @@
118
118
  --menu-item--padding-y: var(--size-px--xs);
119
119
  --menu-item--padding-x: var(--size-px--s);
120
120
  --menu-item--font-weight--current: var(--font-weight--bold);
121
+ --menu--heading-to-group-spacing: var(--size-px--s);
122
+ --menu--group-to-group-spacing: var(--size-px--m);
121
123
  --menu--item-to-item-spacing: var(--size-px--s);
122
124
  --form-control--border-style: var(--border-style--default);
123
125
  --form-control--padding-y: var(--size-px--s);
@@ -218,22 +220,30 @@
218
220
  --switch--label-to-track-spacing: var(--size-rem--s);
219
221
  --status-badge--icon-to-text-spacing: var(--size-rem--xs);
220
222
  --status-badge--padding-x: var(--size-rem--s);
221
- --status-badge--padding-y: var(--size-rem--xs);
223
+ --status-badge--padding-y: var(--size-rem--xxs);
222
224
  --status-badge--font-weight: var(--font-weight--bold);
223
225
  --status-badge--font-size: var(--font-size--s);
226
+ --segmented-button--text-to-text-spacing: var(--size-rem--xs);
224
227
  --section--heading-to-header-content-spacing: var(--size-rem--m);
225
228
  --section--content-to-content-spacing: var(--size-rem--m);
226
229
  --section--section-to-section-spacing: var(--size-rem--xl);
227
230
  --section--border-style: var(--border-style--default);
228
- --radio-group--icon-size-without-content: var(--icon--size--l);
229
- --radio-group--label-font-weight-with-content-or-icon: var(--font-weight--bold);
230
- --radio-group--icon-to-text-spacing: var(--size-rem--m);
231
- --radio-group--text-to-text-spacing: var(--size-rem--xs);
232
- --radio-group--radio-to-radio-spacing: var(--size-px--m);
231
+ --radio-button--label-font-weight-with-content: var(--font-weight--bold);
232
+ --radio-button--icon-to-text-spacing: var(--size-rem--m);
233
+ --radio-button--text-to-text-spacing: var(--size-rem--xs);
234
+ --radio--icon-to-text-spacing: var(--size-rem--s);
235
+ --radio-group--radio-to-radio-spacing: var(--size-rem--s);
233
236
  --modal--button-group-border-style: var(--border-style--default);
234
237
  --modal--button-group-padding: var(--size-rem--l);
235
238
  --modal--padding-bottom: var(--size-px--xl);
236
239
  --modal--padding: var(--size-px--l);
240
+ --list-item--subtitle-font-size: var(--font-size--s);
241
+ --list-item--content-to-content-spacing: var(--size-px--m);
242
+ --list-item--border-style: var(--border-style--default);
243
+ --list-item--padding: var(--size-px--s);
244
+ --list--block-to-block-spacing: var(--size-px--m);
245
+ --list--content-to-content-spacing: var(--size-px--s);
246
+ --link--text-to-icon-spacing: var(--size-rem--xs);
237
247
  --link--font-weight: var(--font-weight--bold);
238
248
  --link--font-size: var(--font-size--s);
239
249
  --layout-card--padding: var(--size-px--l);
@@ -275,7 +285,11 @@
275
285
  --field-description--font-size: var(--font-size--s);
276
286
  --context-menu--padding: var(--size-px--s);
277
287
  --column-layout--content-to-content-spacing: var(--size-rem--m);
278
- --checkbox--checkmark-to-text-spacing: var(--size-rem--m);
288
+ --checkbox--icon-to-text-spacing: var(--size-rem--s);
289
+ --checkbox-group--checkbox-to-checkbox-spacing: var(--size-rem--s);
290
+ --checkbox-button--label-font-weight-with-content: var(--font-weight--bold);
291
+ --checkbox-button--icon-to-text-spacing: var(--size-rem--m);
292
+ --checkbox-button--text-to-text-spacing: var(--size-rem--xs);
279
293
  --button--font-size-s: var(--font-size--s);
280
294
  --button--text-to-icon-spacing-s: var(--size-rem--xs);
281
295
  --button--padding-s-squished-y: var(--size-px--xs);
@@ -286,6 +300,10 @@
286
300
  --button--padding-squished-y: var(--size-px--s);
287
301
  --button--padding-squished-x: var(--size-px--m);
288
302
  --button-group--button-to-button-spacing: var(--size-rem--m);
303
+ --breadcrumb-item--font-weight--current: var(--font-weight--bold);
304
+ --breadcrumb-item--font-weight--default: var(--font-weight--normal);
305
+ --breadcrumb-item--font-size: var(--font-size--s);
306
+ --breadcrumb-item--padding-x: var(--size-px--xs);
289
307
  --avatar--size--l: var(--size-rem--xxl);
290
308
  --avatar--size--s: var(--size-rem--xl);
291
309
  --avatar--size--xs: var(--size-rem--l);
@@ -327,6 +345,7 @@
327
345
  --neutral-outline-border-color--default: var(--neutral--color--700);
328
346
  --neutral-outline-content-color--selected: var(--primary--color--900);
329
347
  --neutral-outline-content-color--default: var(--neutral--color--1000);
348
+ --neutral-outline-background-color--pressed: var(--primary--color--200);
330
349
  --neutral-outline-background-color--selected: var(--primary--color--200);
331
350
  --neutral-outline-background-color--hover: var(--primary--color--100);
332
351
  --neutral-outline-background-color--default: var(--neutral--color--200);
@@ -431,6 +450,9 @@
431
450
  --modal--button-group-background-color: var(--neutral--color--300);
432
451
  --modal--background-color: var(--neutral--color--100);
433
452
  --modal--corner-radius: var(--corner-radius--default);
453
+ --list-item--background-color--default: var(--neutral--color--200);
454
+ --list-item--border-width: var(--border-width--100);
455
+ --list-item--corner-radius: var(--corner-radius--default);
434
456
  --link--line-height: var(--line-height--m);
435
457
  --layout-card--box-shadow: var(--shadow--content);
436
458
  --layout-card--corner-radius: var(--corner-radius--default);
@@ -442,6 +464,7 @@
442
464
  --inline-alert--border-x-start-width: var(--border-width--400);
443
465
  --inline-alert--border-width: var(--border-width--100);
444
466
  --inline-alert--corner-radius: var(--corner-radius--default);
467
+ --icon--color--default: var(--neutral--color--900);
445
468
  --heading--color: var(--primary--color--1000);
446
469
  --field-error--color: var(--danger--color--700);
447
470
  --field-description--color: var(--neutral--color--800);
@@ -478,6 +501,13 @@
478
501
  --status-badge--success-background-color: var(--success-soft-background-color--default);
479
502
  --status-badge--info-content-color: var(--info-soft-content-color--default);
480
503
  --status-badge--info-background-color: var(--info-soft-background-color--default);
504
+ --radio--icon-color--disabled: var(--disabled-outline-content-color);
505
+ --radio--icon-color--selected: var(--neutral-outline-border-color--selected);
506
+ --radio--icon-color--default: var(--icon--color--default);
507
+ --radio--color--disabled: var(--disabled-outline-content-color);
508
+ --list-item--border-color: var(--neutral-outline-border-color--default);
509
+ --list-item--background-color--pressed: var(--neutral-outline-background-color--pressed);
510
+ --list-item--background-color--hover: var(--neutral-outline-background-color--hover);
481
511
  --link--danger-color--pressed: var(--danger-plain-content-color--pressed);
482
512
  --link--danger-color--hover: var(--danger-plain-content-color--hover);
483
513
  --link--danger-color--default: var(--danger-plain-content-color--default);
@@ -494,6 +524,10 @@
494
524
  --inline-alert--warning-border-color: var(--warning-outline-border-color);
495
525
  --inline-alert--info-heading-color: var(--info-outline-content-color);
496
526
  --inline-alert--info-border-color: var(--info-outline-border-color);
527
+ --checkbox--icon-color--disabled: var(--disabled-outline-content-color);
528
+ --checkbox--icon-color--selected: var(--neutral-outline-border-color--selected);
529
+ --checkbox--icon-color--default: var(--icon--color--default);
530
+ --checkbox--color--disabled: var(--disabled-outline-content-color);
497
531
  --button--disabled-soft-content-color: var(--disabled-soft-content-color);
498
532
  --button--disabled-soft-background-color: var(--disabled-soft-background-color);
499
533
  --button--disabled-plain-content-color: var(--disabled-plain-content-color);
@@ -568,4 +602,5 @@
568
602
  --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
569
603
  --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
570
604
  --button--pending-icon-color: var(--disabled-plain-content-accent-color);
605
+ --breadcrumb-item--color: var(--color--default);
571
606
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.1.0-alpha.55",
3
+ "version": "0.1.0-alpha.58",
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.2",
20
+ "nx": "^18.2.1",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "726fa40be566f15692b13a0f5ad323858ed9452a"
23
+ "gitHead": "3f41276e27e57519c1df5196ce44bd10f849016d"
24
24
  }