@mittwald/flow-design-tokens 0.1.0-alpha.62 → 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 +14 -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 Wed, 10 Apr 2024 14:26:29 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);
@@ -241,6 +241,8 @@
241
241
  --radio-button--text-to-text-spacing: var(--size-rem--xs);
242
242
  --radio--icon-to-text-spacing: var(--size-rem--s);
243
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);
244
246
  --modal--button-group-border-style: var(--border-style--default);
245
247
  --modal--button-group-padding: var(--size-rem--l);
246
248
  --modal--padding-bottom: var(--size-px--xl);
@@ -288,10 +290,12 @@
288
290
  --heading--h1-font-size: var(--font-size--xxl);
289
291
  --heading--font-weight: var(--font-weight--bold);
290
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);
291
296
  --field-error--icon-to-text-spacing: var(--size-rem--s);
292
297
  --field-error--font-size: var(--font-size--s);
293
298
  --field-description--font-size: var(--font-size--s);
294
- --context-menu--padding: var(--size-px--s);
295
299
  --column-layout--content-to-content-spacing: var(--size-rem--m);
296
300
  --checkbox--icon-to-text-spacing: var(--size-rem--s);
297
301
  --checkbox-group--checkbox-to-checkbox-spacing: var(--size-rem--s);
@@ -457,6 +461,8 @@
457
461
  --status-badge--corner-radius: var(--corner-radius--default);
458
462
  --section--border-color: var(--neutral--color--500);
459
463
  --section--border-width: var(--border-width--100);
464
+ --popover--background-color: var(--neutral--color--100);
465
+ --popover--box-shadow: var(--shadow--overlay);
460
466
  --modal--button-group-border-top-width: var(--border-width--100);
461
467
  --modal--button-group-border-color: var(--neutral--color--400);
462
468
  --modal--button-group-background-color: var(--neutral--color--300);
@@ -478,11 +484,10 @@
478
484
  --inline-alert--corner-radius: var(--corner-radius--default);
479
485
  --icon--color--default: var(--neutral--color--900);
480
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);
481
489
  --field-error--color: var(--danger--color--700);
482
490
  --field-description--color: var(--neutral--color--800);
483
- --context-menu--background-color: var(--neutral--color--100);
484
- --context-menu--corner-radius: var(--corner-radius--default);
485
- --context-menu--box-shadow: var(--shadow--overlay);
486
491
  --button--disabled-plain-background-color: var(--disabled-plain-background-color);
487
492
  --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
488
493
  --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
@@ -537,6 +542,9 @@
537
542
  --inline-alert--warning-border-color: var(--warning-outline-border-color);
538
543
  --inline-alert--info-heading-color: var(--info-outline-content-color);
539
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);
540
548
  --checkbox--icon-color--disabled: var(--disabled-outline-content-color);
541
549
  --checkbox--icon-color--selected: var(--neutral-outline-border-color--selected);
542
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.62",
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": "f4c0987a7cf134236a1cbd42a8c132da0dad5381"
23
+ "gitHead": "b4a264e93ca5f70be9ce5ea16504eea417087006"
24
24
  }