@mittwald/flow-design-tokens 0.1.0-alpha.64 → 0.1.0-alpha.67

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 +29 -14
  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 Wed, 10 Apr 2024 14:45:23 GMT
3
+ * Generated on Tue, 16 Apr 2024 06:31:22 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -24,8 +24,9 @@
24
24
  --size-rem--xxs: 0.125rem;
25
25
  --size-rem--xxxs: 0.0625rem;
26
26
  --menu-item--icon-to-text-spacing: 0.5em;
27
- --font-size--xxl: 2rem;
28
- --font-size--xl: 1.5rem;
27
+ --font-size--xxxl: 2rem;
28
+ --font-size--xxl: 1.5rem;
29
+ --font-size--xl: 1.25rem;
29
30
  --font-size--l: 1.125rem;
30
31
  --font-size--m: 1rem;
31
32
  --font-size--s: 0.875rem;
@@ -112,6 +113,7 @@
112
113
  --modal--size--m: 900px;
113
114
  --modal--size--s: 660px;
114
115
  --modal--overlay-background-color: rgba(0, 0, 0, 0.3);
116
+ --illustrated-message--max-width: 400px;
115
117
  --icon--size--l: 4rem;
116
118
  --icon--size--m: 1.5rem;
117
119
  --icon--size--s: 1rem;
@@ -218,11 +220,10 @@
218
220
  --tooltip--font-size: var(--font-size--s);
219
221
  --tooltip--padding-y: var(--size-px--xs);
220
222
  --tooltip--padding-x: var(--size-px--s);
221
- --tab-panel--padding: var(--size-px--l);
223
+ --tab-panel--padding: var(--size-px--xl);
222
224
  --tab--font-weight--selected: var(--font-weight--bold);
223
225
  --tab--padding-x: var(--size-px--l);
224
226
  --tab--padding-y: var(--size-px--m);
225
- --tab-list--tab-to-tab-spacing: var(--size-px--xxs);
226
227
  --switch--track-padding: var(--size-rem--xxs);
227
228
  --switch--label-to-track-spacing: var(--size-rem--s);
228
229
  --status-badge--icon-to-text-spacing: var(--size-rem--xs);
@@ -262,7 +263,7 @@
262
263
  --link--text-to-icon-spacing: var(--size-rem--xs);
263
264
  --link--font-weight: var(--font-weight--bold);
264
265
  --link--font-size: var(--font-size--s);
265
- --layout-card--padding: var(--size-px--l);
266
+ --layout-card--padding: var(--size-px--xl);
266
267
  --labeled-value--value-to-button-spacing: var(--size-rem--xs);
267
268
  --labeled-value--label-to-value-spacing: var(--size-rem--xs);
268
269
  --label--font-weight: var(--font-weight--bold);
@@ -287,13 +288,18 @@
287
288
  --initials--variant-1-content-color: var(--color--hosting-blue--800);
288
289
  --initials--variant-1-background-color: var(--color--hosting-blue--200);
289
290
  --initials--font-weight: var(--font-weight--bold);
291
+ --illustrated-message--text-to-button-spacing: var(--size-rem--m);
292
+ --illustrated-message--heading-to-text-spacing: var(--size-rem--s);
293
+ --illustrated-message--icon-to-heading-spacing: var(--size-rem--m);
294
+ --illustrated-message--padding-mobile: var(--size-px--l);
295
+ --illustrated-message--padding: var(--size-px--xxl);
290
296
  --heading--h6-font-size: var(--font-size--m);
291
297
  --heading--h5-font-size: var(--font-size--m);
292
- --heading--h4-font-size: var(--font-size--m);
293
- --heading--h3-font-size: var(--font-size--m);
294
- --heading--h2-font-size: var(--font-size--l);
295
- --heading--h1-font-size-mobile: var(--font-size--xl);
296
- --heading--h1-font-size: var(--font-size--xxl);
298
+ --heading--h4-font-size: var(--font-size--l);
299
+ --heading--h3-font-size: var(--font-size--xl);
300
+ --heading--h2-font-size: var(--font-size--xxl);
301
+ --heading--h1-font-size-mobile: var(--font-size--xxl);
302
+ --heading--h1-font-size: var(--font-size--xxxl);
297
303
  --heading--font-weight: var(--font-weight--bold);
298
304
  --heading--icon-to-text-spacing: var(--size-rem--s);
299
305
  --header-navigation--item-font-weight-current: var(--font-weight--bold);
@@ -457,9 +463,8 @@
457
463
  --primary-solid-background-color--default: var(--primary--color--800);
458
464
  --tooltip--color: var(--neutral--color--100);
459
465
  --tooltip--background-color: var(--neutral--color--900);
460
- --tab--color--selected: var(--primary--color--800);
466
+ --tab--disabled-color: var(--neutral--color--600);
461
467
  --tab--background-color--selected: var(--neutral--color--100);
462
- --tab--background-color--default: var(--neutral--color--400);
463
468
  --tab-list--background-color: var(--neutral--color--400);
464
469
  --switch--handle-background-color: var(--neutral--color--100);
465
470
  --switch--handle-color--disabled: var(--neutral--color--600);
@@ -489,6 +494,10 @@
489
494
  --inline-alert--border-x-start-width: var(--border-width--400);
490
495
  --inline-alert--border-width: var(--border-width--100);
491
496
  --inline-alert--corner-radius: var(--corner-radius--default);
497
+ --illustrated-message--negative-heading-color: var(--danger--color--900);
498
+ --illustrated-message--negative-icon-color: var(--danger--color--800);
499
+ --illustrated-message--info-heading-color: var(--info--color--800);
500
+ --illustrated-message--info-icon-color: var(--info--color--800);
492
501
  --icon--color--default: var(--neutral--color--900);
493
502
  --heading--color: var(--primary--color--1000);
494
503
  --header-navigation--item-underline-width-current: var(--border-width--200);
@@ -514,7 +523,13 @@
514
523
  --form-control--border-color--invalid: var(--danger-outline-border-color);
515
524
  --form-control--border-color--disabled: var(--disabled-outline-border-color);
516
525
  --form-control--border-color--default: var(--neutral-outline-border-color--default);
517
- --tab--color--default: var(--color--default);
526
+ --tab--disabled-background-color: var(--neutral-soft-background-color--default);
527
+ --tab--color--pressed: var(--neutral-soft-content-color--pressed);
528
+ --tab--color--hover: var(--neutral-soft-content-color--hover);
529
+ --tab--color--default: var(--neutral-soft-content-color--default);
530
+ --tab--background-color--pressed: var(--neutral-soft-background-color--pressed);
531
+ --tab--background-color--hover: var(--neutral-soft-background-color--hover);
532
+ --tab--background-color--default: var(--neutral-soft-background-color--default);
518
533
  --switch--handle-color--default: var(--neutral-solid-content-color);
519
534
  --switch--track-background-color--selected: var(--success-solid-background-color--default);
520
535
  --switch--track-background-color--default: var(--neutral-solid-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.64",
3
+ "version": "0.1.0-alpha.67",
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.2.3",
20
+ "nx": "^18.2.4",
21
21
  "style-dictionary": "^3.9.2"
22
22
  },
23
- "gitHead": "85a4e593df84b68d9b86c2b30905339abd18b863"
23
+ "gitHead": "4dde4841ef3a5f19adfc07884db98ce0dbd80924"
24
24
  }