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

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 +44 -7
  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 Thu, 04 Apr 2024 14:31:09 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);
@@ -221,19 +223,29 @@
221
223
  --status-badge--padding-y: var(--size-rem--xs);
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--filter-to-list-spacing: var(--size-px--m);
245
+ --list--badge-to-badge-spacing: var(--size-px--xs);
246
+ --list--buttons-to-badges-spacing: var(--size-px--m);
247
+ --list--button-to-button-spacing: var(--size-px--s);
248
+ --link--text-to-icon-spacing: var(--size-rem--xs);
237
249
  --link--font-weight: var(--font-weight--bold);
238
250
  --link--font-size: var(--font-size--s);
239
251
  --layout-card--padding: var(--size-px--l);
@@ -275,7 +287,11 @@
275
287
  --field-description--font-size: var(--font-size--s);
276
288
  --context-menu--padding: var(--size-px--s);
277
289
  --column-layout--content-to-content-spacing: var(--size-rem--m);
278
- --checkbox--checkmark-to-text-spacing: var(--size-rem--m);
290
+ --checkbox--icon-to-text-spacing: var(--size-rem--s);
291
+ --checkbox-group--checkbox-to-checkbox-spacing: var(--size-rem--s);
292
+ --checkbox-button--label-font-weight-with-content: var(--font-weight--bold);
293
+ --checkbox-button--icon-to-text-spacing: var(--size-rem--m);
294
+ --checkbox-button--text-to-text-spacing: var(--size-rem--xs);
279
295
  --button--font-size-s: var(--font-size--s);
280
296
  --button--text-to-icon-spacing-s: var(--size-rem--xs);
281
297
  --button--padding-s-squished-y: var(--size-px--xs);
@@ -286,6 +302,10 @@
286
302
  --button--padding-squished-y: var(--size-px--s);
287
303
  --button--padding-squished-x: var(--size-px--m);
288
304
  --button-group--button-to-button-spacing: var(--size-rem--m);
305
+ --breadcrumb-item--font-weight--current: var(--font-weight--bold);
306
+ --breadcrumb-item--font-weight--default: var(--font-weight--normal);
307
+ --breadcrumb-item--font-size: var(--font-size--s);
308
+ --breadcrumb-item--padding-x: var(--size-px--xs);
289
309
  --avatar--size--l: var(--size-rem--xxl);
290
310
  --avatar--size--s: var(--size-rem--xl);
291
311
  --avatar--size--xs: var(--size-rem--l);
@@ -327,6 +347,7 @@
327
347
  --neutral-outline-border-color--default: var(--neutral--color--700);
328
348
  --neutral-outline-content-color--selected: var(--primary--color--900);
329
349
  --neutral-outline-content-color--default: var(--neutral--color--1000);
350
+ --neutral-outline-background-color--pressed: var(--primary--color--200);
330
351
  --neutral-outline-background-color--selected: var(--primary--color--200);
331
352
  --neutral-outline-background-color--hover: var(--primary--color--100);
332
353
  --neutral-outline-background-color--default: var(--neutral--color--200);
@@ -431,6 +452,9 @@
431
452
  --modal--button-group-background-color: var(--neutral--color--300);
432
453
  --modal--background-color: var(--neutral--color--100);
433
454
  --modal--corner-radius: var(--corner-radius--default);
455
+ --list-item--background-color--default: var(--neutral--color--200);
456
+ --list-item--border-width: var(--border-width--100);
457
+ --list-item--corner-radius: var(--corner-radius--default);
434
458
  --link--line-height: var(--line-height--m);
435
459
  --layout-card--box-shadow: var(--shadow--content);
436
460
  --layout-card--corner-radius: var(--corner-radius--default);
@@ -442,6 +466,7 @@
442
466
  --inline-alert--border-x-start-width: var(--border-width--400);
443
467
  --inline-alert--border-width: var(--border-width--100);
444
468
  --inline-alert--corner-radius: var(--corner-radius--default);
469
+ --icon--color--default: var(--neutral--color--900);
445
470
  --heading--color: var(--primary--color--1000);
446
471
  --field-error--color: var(--danger--color--700);
447
472
  --field-description--color: var(--neutral--color--800);
@@ -478,6 +503,13 @@
478
503
  --status-badge--success-background-color: var(--success-soft-background-color--default);
479
504
  --status-badge--info-content-color: var(--info-soft-content-color--default);
480
505
  --status-badge--info-background-color: var(--info-soft-background-color--default);
506
+ --radio--icon-color--disabled: var(--disabled-outline-content-color);
507
+ --radio--icon-color--selected: var(--neutral-outline-border-color--selected);
508
+ --radio--icon-color--default: var(--icon--color--default);
509
+ --radio--color--disabled: var(--disabled-outline-content-color);
510
+ --list-item--border-color: var(--neutral-outline-border-color--default);
511
+ --list-item--background-color--pressed: var(--neutral-outline-background-color--pressed);
512
+ --list-item--background-color--hover: var(--neutral-outline-background-color--hover);
481
513
  --link--danger-color--pressed: var(--danger-plain-content-color--pressed);
482
514
  --link--danger-color--hover: var(--danger-plain-content-color--hover);
483
515
  --link--danger-color--default: var(--danger-plain-content-color--default);
@@ -494,6 +526,10 @@
494
526
  --inline-alert--warning-border-color: var(--warning-outline-border-color);
495
527
  --inline-alert--info-heading-color: var(--info-outline-content-color);
496
528
  --inline-alert--info-border-color: var(--info-outline-border-color);
529
+ --checkbox--icon-color--disabled: var(--disabled-outline-content-color);
530
+ --checkbox--icon-color--selected: var(--neutral-outline-border-color--selected);
531
+ --checkbox--icon-color--default: var(--icon--color--default);
532
+ --checkbox--color--disabled: var(--disabled-outline-content-color);
497
533
  --button--disabled-soft-content-color: var(--disabled-soft-content-color);
498
534
  --button--disabled-soft-background-color: var(--disabled-soft-background-color);
499
535
  --button--disabled-plain-content-color: var(--disabled-plain-content-color);
@@ -568,4 +604,5 @@
568
604
  --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
569
605
  --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
570
606
  --button--pending-icon-color: var(--disabled-plain-content-accent-color);
607
+ --breadcrumb-item--color: var(--color--default);
571
608
  }
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.56",
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": "afc7a47e25fa101440ff55f8f642d70c2c48f685"
24
24
  }