@mittwald/flow-design-tokens 0.1.0-alpha.84 → 0.1.0-alpha.86

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 +15 -11
  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 Mon, 29 Apr 2024 06:18:44 GMT
3
+ * Generated on Mon, 29 Apr 2024 07:14:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -23,7 +23,6 @@
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;
27
26
  --font-size--xxxl: 2rem;
28
27
  --font-size--xxl: 1.5rem;
29
28
  --font-size--xl: 1.25rem;
@@ -122,12 +121,13 @@
122
121
  --icon--size--s: 1rem;
123
122
  --avatar--size--m: 2.5rem;
124
123
  --menu-item--background-color--default: var(--color--transparent);
124
+ --menu-item--icon-to-text-spacing: var(--size-rem--s);
125
125
  --menu-item--padding-y: var(--size-px--xs);
126
126
  --menu-item--padding-x: var(--size-px--s);
127
127
  --menu-item--font-weight--current: var(--font-weight--bold);
128
128
  --menu--label-to-group-spacing: var(--size-px--s);
129
129
  --menu--group-to-group-spacing: var(--size-px--m);
130
- --menu--item-to-item-spacing: var(--size-px--s);
130
+ --menu--item-to-item-spacing: var(--size-px--xs);
131
131
  --form-control--border-style: var(--border-style--default);
132
132
  --form-control--padding-y: var(--size-px--s);
133
133
  --form-control--padding-x: var(--size-px--m);
@@ -224,6 +224,7 @@
224
224
  --tooltip--padding-y: var(--size-px--xs);
225
225
  --tooltip--padding-x: var(--size-px--s);
226
226
  --tab-panel--padding: var(--size-px--xl);
227
+ --tab--text-to-status-spacing: var(--size-rem--s);
227
228
  --tab--font-weight--selected: var(--font-weight--bold);
228
229
  --tab--padding-x: var(--size-px--l);
229
230
  --tab--padding-y: var(--size-px--m);
@@ -251,8 +252,8 @@
251
252
  --progress-bar--value-font-weight: var(--font-weight--bold);
252
253
  --progress-bar--font-size-small: var(--font-size--s);
253
254
  --progress-bar--font-size: var(--font-size--m);
254
- --popover--padding: var(--size-px--m);
255
- --popover--border-radius: var(--size-px--xs);
255
+ --popover--padding: var(--size-px--s);
256
+ --popover--corner-radius: var(--size-px--xs);
256
257
  --modal--button-group-border-style: var(--border-style--default);
257
258
  --modal--button-group-padding: var(--size-rem--l);
258
259
  --modal--padding-bottom: var(--size-px--xl);
@@ -338,12 +339,11 @@
338
339
  --avatar--size--s: var(--size-rem--xl);
339
340
  --avatar--size--xs: var(--size-rem--l);
340
341
  --menu-item--disabled-background-color: var(--disabled-plain-background-color);
341
- --menu-item--background-color--current: var(--info--color--200);
342
- --menu-item--background-color--hover: var(--info--color--100);
342
+ --menu-item--background-color--current: var(--primary--color--200);
343
+ --menu-item--background-color--hover: var(--primary--color--100);
343
344
  --menu-item--icon-color--current: var(--info--color--800);
344
345
  --menu-item--icon-color--default: var(--neutral--color--800);
345
- --menu-item--color--current: var(--info--color--800);
346
- --menu-item--color--default: var(--neutral--color--1000);
346
+ --menu-item--color--current: var(--primary--color--800);
347
347
  --menu-item--corner-radius: var(--corner-radius--default);
348
348
  --form-control--background-color--invalid: var(--danger--color--100);
349
349
  --form-control--background-color--focused: var(--neutral--color--200);
@@ -352,9 +352,9 @@
352
352
  --form-control--placeholder-color--default: var(--neutral--color--900);
353
353
  --form-control--border-width: var(--border-width--100);
354
354
  --form-control--corner-radius: var(--corner-radius--default);
355
+ --content--color: var(--neutral--color--1000);
355
356
  --focus--outline-width: var(--border-width--200);
356
357
  --focus--outline-color: var(--primary--color--800);
357
- --color--default: var(--neutral--color--1000);
358
358
  --inverse-content-color: var(--neutral--color--100);
359
359
  --disabled-soft-content-color: var(--neutral--color--500);
360
360
  --disabled-soft-background-color: var(--neutral--color--300);
@@ -541,6 +541,10 @@
541
541
  --switch--handle-color--default: var(--neutral-solid-content-color);
542
542
  --switch--track-background-color--selected: var(--success-solid-background-color--default);
543
543
  --switch--track-background-color--default: var(--neutral-solid-background-color--default);
544
+ --status-icon--success-color: var(--success-outline-content-color);
545
+ --status-icon--danger-color: var(--danger-outline-content-color);
546
+ --status-icon--warning-color: var(--warning-outline-content-color);
547
+ --status-icon--info-color: var(--info-outline-content-color);
544
548
  --status-badge--danger-content-color: var(--danger-soft-content-color--default);
545
549
  --status-badge--danger-background-color: var(--danger-soft-background-color--default);
546
550
  --status-badge--warning-content-color: var(--warning-soft-content-color--default);
@@ -656,5 +660,5 @@
656
660
  --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
657
661
  --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
658
662
  --button--pending-icon-color: var(--disabled-plain-content-accent-color);
659
- --breadcrumb-item--color: var(--color--default);
663
+ --breadcrumb-item--color: var(--content--color);
660
664
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.1.0-alpha.84",
3
+ "version": "0.1.0-alpha.86",
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.3.1",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "f11143f6039dfd3a2a6809a269284efa01a48ac1"
23
+ "gitHead": "c728a72aeacb535fb265fd20a24391a73d327897"
24
24
  }