@mittwald/flow-design-tokens 0.1.0-alpha.61 → 0.1.0-alpha.63

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 +24 -6
  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, 09 Apr 2024 14:14:30 GMT
3
+ * Generated on Wed, 10 Apr 2024 14:39:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -106,6 +106,7 @@
106
106
  --switch--track-corner-radius: 0.75rem;
107
107
  --switch--track-width: 2.75rem;
108
108
  --switch--track-height: 1.5rem;
109
+ --popover--min-width: 200px;
109
110
  --modal--size--l: 1050px;
110
111
  --modal--size--m: 900px;
111
112
  --modal--size--s: 660px;
@@ -113,7 +114,6 @@
113
114
  --icon--size--l: 4rem;
114
115
  --icon--size--m: 1.5rem;
115
116
  --icon--size--s: 1rem;
116
- --context-menu--min-width: 200px;
117
117
  --avatar--size--m: 2.5rem;
118
118
  --menu-item--background-color--default: var(--color--transparent);
119
119
  --menu-item--padding-y: var(--size-px--xs);
@@ -217,6 +217,11 @@
217
217
  --tooltip--font-size: var(--font-size--s);
218
218
  --tooltip--padding-y: var(--size-px--xs);
219
219
  --tooltip--padding-x: var(--size-px--s);
220
+ --tab-panel--padding: var(--size-px--l);
221
+ --tab--font-weight--selected: var(--font-weight--bold);
222
+ --tab--padding-x: var(--size-px--l);
223
+ --tab--padding-y: var(--size-px--m);
224
+ --tab-list--tab-to-tab-spacing: var(--size-px--xxs);
220
225
  --switch--track-padding: var(--size-rem--xxs);
221
226
  --switch--label-to-track-spacing: var(--size-rem--s);
222
227
  --status-badge--icon-to-text-spacing: var(--size-rem--xs);
@@ -236,6 +241,8 @@
236
241
  --radio-button--text-to-text-spacing: var(--size-rem--xs);
237
242
  --radio--icon-to-text-spacing: var(--size-rem--s);
238
243
  --radio-group--radio-to-radio-spacing: var(--size-rem--s);
244
+ --popover--padding: var(--size-px--m);
245
+ --popover--border-radius: var(--size-px--xs);
239
246
  --modal--button-group-border-style: var(--border-style--default);
240
247
  --modal--button-group-padding: var(--size-rem--l);
241
248
  --modal--padding-bottom: var(--size-px--xl);
@@ -283,10 +290,12 @@
283
290
  --heading--h1-font-size: var(--font-size--xxl);
284
291
  --heading--font-weight: var(--font-weight--bold);
285
292
  --heading--icon-to-text-spacing: var(--size-rem--s);
293
+ --header-navigation--item-font-weight-current: var(--font-weight--bold);
294
+ --header-navigation--item-padding: var(--size-px--s);
295
+ --header-navigation--item-to-item-spacing: var(--size-rem--m);
286
296
  --field-error--icon-to-text-spacing: var(--size-rem--s);
287
297
  --field-error--font-size: var(--font-size--s);
288
298
  --field-description--font-size: var(--font-size--s);
289
- --context-menu--padding: var(--size-px--s);
290
299
  --column-layout--content-to-content-spacing: var(--size-rem--m);
291
300
  --checkbox--icon-to-text-spacing: var(--size-rem--s);
292
301
  --checkbox-group--checkbox-to-checkbox-spacing: var(--size-rem--s);
@@ -442,12 +451,18 @@
442
451
  --primary-solid-background-color--default: var(--primary--color--800);
443
452
  --tooltip--color: var(--neutral--color--100);
444
453
  --tooltip--background-color: var(--neutral--color--900);
454
+ --tab--color--selected: var(--primary--color--800);
455
+ --tab--background-color--selected: var(--neutral--color--100);
456
+ --tab--background-color--default: var(--neutral--color--400);
457
+ --tab-list--background-color: var(--neutral--color--400);
445
458
  --switch--handle-background-color: var(--neutral--color--100);
446
459
  --switch--handle-color--disabled: var(--neutral--color--600);
447
460
  --switch--track-background-color--disabled: var(--neutral--color--600);
448
461
  --status-badge--corner-radius: var(--corner-radius--default);
449
462
  --section--border-color: var(--neutral--color--500);
450
463
  --section--border-width: var(--border-width--100);
464
+ --popover--background-color: var(--neutral--color--100);
465
+ --popover--box-shadow: var(--shadow--overlay);
451
466
  --modal--button-group-border-top-width: var(--border-width--100);
452
467
  --modal--button-group-border-color: var(--neutral--color--400);
453
468
  --modal--button-group-background-color: var(--neutral--color--300);
@@ -469,11 +484,10 @@
469
484
  --inline-alert--corner-radius: var(--corner-radius--default);
470
485
  --icon--color--default: var(--neutral--color--900);
471
486
  --heading--color: var(--primary--color--1000);
487
+ --header-navigation--item-underline-width-current: var(--border-width--200);
488
+ --header-navigation--item-corner-radius: var(--corner-radius--default);
472
489
  --field-error--color: var(--danger--color--700);
473
490
  --field-description--color: var(--neutral--color--800);
474
- --context-menu--background-color: var(--neutral--color--100);
475
- --context-menu--corner-radius: var(--corner-radius--default);
476
- --context-menu--box-shadow: var(--shadow--overlay);
477
491
  --button--disabled-plain-background-color: var(--disabled-plain-background-color);
478
492
  --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
479
493
  --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
@@ -493,6 +507,7 @@
493
507
  --form-control--border-color--invalid: var(--danger-outline-border-color);
494
508
  --form-control--border-color--disabled: var(--disabled-outline-border-color);
495
509
  --form-control--border-color--default: var(--neutral-outline-border-color--default);
510
+ --tab--color--default: var(--color--default);
496
511
  --switch--handle-color--default: var(--neutral-solid-content-color);
497
512
  --switch--track-background-color--selected: var(--success-solid-background-color--default);
498
513
  --switch--track-background-color--default: var(--neutral-solid-background-color--default);
@@ -527,6 +542,9 @@
527
542
  --inline-alert--warning-border-color: var(--warning-outline-border-color);
528
543
  --inline-alert--info-heading-color: var(--info-outline-content-color);
529
544
  --inline-alert--info-border-color: var(--info-outline-border-color);
545
+ --header-navigation--item-background-color--pressed: var(--primary-plain-background-color--pressed);
546
+ --header-navigation--item-background-color--hover: var(--primary-plain-background-color--hover);
547
+ --header-navigation--item-color: var(--heading--color);
530
548
  --checkbox--icon-color--disabled: var(--disabled-outline-content-color);
531
549
  --checkbox--icon-color--selected: var(--neutral-outline-border-color--selected);
532
550
  --checkbox--icon-color--default: var(--icon--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.61",
3
+ "version": "0.1.0-alpha.63",
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.2.3",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "c2365378111372b948af4a421a4fabd2c6d9090b"
23
+ "gitHead": "b4a264e93ca5f70be9ce5ea16504eea417087006"
24
24
  }