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

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 +20 -16
  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 Fri, 22 Mar 2024 12:22:12 GMT
3
+ * Generated on Tue, 26 Mar 2024 13:42:35 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -23,6 +23,7 @@
23
23
  --size-rem--xs: 0.25rem;
24
24
  --size-rem--xxs: 0.125rem;
25
25
  --size-rem--xxxs: 0.0625rem;
26
+ --menu-item--icon-to-text-spacing: 0.5em;
26
27
  --font-size--xxl: 2rem;
27
28
  --font-size--xl: 1.5rem;
28
29
  --font-size--l: 1.125rem;
@@ -105,7 +106,6 @@
105
106
  --switch--track-corner-radius: 0.75rem;
106
107
  --switch--track-width: 2.75rem;
107
108
  --switch--track-height: 1.5rem;
108
- --navigation-item--icon-to-text-spacing: 0.5em;
109
109
  --modal--size--l: 1050px;
110
110
  --modal--size--m: 900px;
111
111
  --modal--size--s: 660px;
@@ -114,6 +114,11 @@
114
114
  --icon--size--m: 1.5rem;
115
115
  --icon--size--s: 1rem;
116
116
  --avatar--size--m: 2.5rem;
117
+ --menu-item--background-color--default: var(--color--transparent);
118
+ --menu-item--padding-y: var(--size-px--xs);
119
+ --menu-item--padding-x: var(--size-px--s);
120
+ --menu-item--font-weight--current: var(--font-weight--bold);
121
+ --menu--item-to-item-spacing: var(--size-px--s);
117
122
  --form-control--border-style: var(--border-style--default);
118
123
  --form-control--padding-y: var(--size-px--s);
119
124
  --form-control--padding-x: var(--size-px--m);
@@ -225,11 +230,6 @@
225
230
  --radio-group--icon-to-text-spacing: var(--size-rem--m);
226
231
  --radio-group--text-to-text-spacing: var(--size-rem--xs);
227
232
  --radio-group--radio-to-radio-spacing: var(--size-px--m);
228
- --navigation-item--background-color--default: var(--color--transparent);
229
- --navigation-item--padding-y: var(--size-px--xs);
230
- --navigation-item--padding-x: var(--size-px--s);
231
- --navigation-item--font-weight--current: var(--font-weight--bold);
232
- --navigation--item-to-item-spacing: var(--size-px--s);
233
233
  --modal--button-group-border-style: var(--border-style--default);
234
234
  --modal--button-group-padding: var(--size-rem--l);
235
235
  --modal--padding-bottom: var(--size-px--xl);
@@ -273,6 +273,7 @@
273
273
  --field-error--icon-to-text-spacing: var(--size-rem--s);
274
274
  --field-error--font-size: var(--font-size--s);
275
275
  --field-description--font-size: var(--font-size--s);
276
+ --context-menu--padding: var(--size-px--s);
276
277
  --column-layout--content-to-content-spacing: var(--size-rem--m);
277
278
  --checkbox--checkmark-to-text-spacing: var(--size-rem--m);
278
279
  --button--font-size-s: var(--font-size--s);
@@ -288,6 +289,15 @@
288
289
  --avatar--size--l: var(--size-rem--xxl);
289
290
  --avatar--size--s: var(--size-rem--xl);
290
291
  --avatar--size--xs: var(--size-rem--l);
292
+ --menu-item--disabled-color: var(--neutral--color--100);
293
+ --menu-item--disabled-background-color: var(--neutral--color--400);
294
+ --menu-item--background-color--current: var(--info--color--100);
295
+ --menu-item--background-color--hover: var(--info--color--100);
296
+ --menu-item--icon-color--current: var(--info--color--800);
297
+ --menu-item--icon-color--default: var(--neutral--color--800);
298
+ --menu-item--color--current: var(--info--color--800);
299
+ --menu-item--color--default: var(--neutral--color--1000);
300
+ --menu-item--corner-radius: var(--corner-radius--default);
291
301
  --form-control--background-color--invalid: var(--danger--color--100);
292
302
  --form-control--background-color--focused: var(--neutral--color--200);
293
303
  --form-control--background-color--default: var(--neutral--color--200);
@@ -416,15 +426,6 @@
416
426
  --status-badge--corner-radius: var(--corner-radius--default);
417
427
  --section--border-color: var(--neutral--color--500);
418
428
  --section--border-width: var(--border-width--100);
419
- --navigation-item--disabled-color: var(--neutral--color--100);
420
- --navigation-item--disabled-background-color: var(--neutral--color--400);
421
- --navigation-item--background-color--current: var(--info--color--100);
422
- --navigation-item--background-color--hover: var(--info--color--100);
423
- --navigation-item--icon-color--current: var(--info--color--800);
424
- --navigation-item--icon-color--default: var(--neutral--color--800);
425
- --navigation-item--color--current: var(--info--color--800);
426
- --navigation-item--color--default: var(--neutral--color--1000);
427
- --navigation-item--corner-radius: var(--corner-radius--default);
428
429
  --modal--button-group-border-top-width: var(--border-width--100);
429
430
  --modal--button-group-border-color: var(--neutral--color--400);
430
431
  --modal--button-group-background-color: var(--neutral--color--300);
@@ -444,6 +445,9 @@
444
445
  --heading--color: var(--primary--color--1000);
445
446
  --field-error--color: var(--danger--color--700);
446
447
  --field-description--color: var(--neutral--color--800);
448
+ --context-menu--background-color: var(--neutral--color--100);
449
+ --context-menu--corner-radius: var(--corner-radius--default);
450
+ --context-menu--box-shadow: var(--shadow--overlay);
447
451
  --button--disabled-plain-background-color: var(--disabled-plain-background-color);
448
452
  --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
449
453
  --button--secondary-plain-background-color--default: var(--neutral-plain-background-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.50",
3
+ "version": "0.1.0-alpha.55",
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.1",
20
+ "nx": "^18.1.2",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "1101c1b89d5d2b2ed6c0e3ecab13e98cb4d24647"
23
+ "gitHead": "726fa40be566f15692b13a0f5ad323858ed9452a"
24
24
  }