@mittwald/flow-design-tokens 0.1.0-alpha.59 → 0.1.0-alpha.62

package/dist/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Apr 2024 12:45:05 GMT
+ * Generated on Wed, 10 Apr 2024 14:26:29 GMT
  */
 
 :root {
@@ -113,6 +113,7 @@
   --icon--size--l: 4rem;
   --icon--size--m: 1.5rem;
   --icon--size--s: 1rem;
+  --context-menu--min-width: 200px;
   --avatar--size--m: 2.5rem;
   --menu-item--background-color--default: var(--color--transparent);
   --menu-item--padding-y: var(--size-px--xs);
@@ -216,11 +217,18 @@
   --tooltip--font-size: var(--font-size--s);
   --tooltip--padding-y: var(--size-px--xs);
   --tooltip--padding-x: var(--size-px--s);
+  --tab-panel--padding: var(--size-px--l);
+  --tab--font-weight--selected: var(--font-weight--bold);
+  --tab--padding-x: var(--size-px--l);
+  --tab--padding-y: var(--size-px--m);
+  --tab-list--tab-to-tab-spacing: var(--size-px--xxs);
   --switch--track-padding: var(--size-rem--xxs);
   --switch--label-to-track-spacing: var(--size-rem--s);
   --status-badge--icon-to-text-spacing: var(--size-rem--xs);
+  --status-badge--padding-icon-only: var(--size-rem--xxs);
   --status-badge--padding-x: var(--size-rem--s);
   --status-badge--padding-y: var(--size-rem--xxs);
+  --status-badge--corner-radius-icon-only: var(--corner-radius--round);
   --status-badge--font-weight: var(--font-weight--bold);
   --status-badge--font-size: var(--font-size--s);
   --segmented-button--text-to-text-spacing: var(--size-rem--xs);
@@ -258,18 +266,18 @@
   --inline-alert--text-to-text-spacing: var(--size-rem--xs);
   --inline-alert--border-style: var(--border-style--default);
   --inline-alert--padding: var(--size-px--m);
-  --initials--variant-4-content-accent-color: var(--color--hosting-blue--1000);
-  --initials--variant-4-content-color: var(--color--hosting-blue--800);
-  --initials--variant-4-background-color: var(--color--hosting-blue--200);
-  --initials--variant-3-content-accent-color: var(--color--espelkamp-green--1000);
-  --initials--variant-3-content-color: var(--color--espelkamp-green--800);
-  --initials--variant-3-background-color: var(--color--espelkamp-green--200);
-  --initials--variant-2-content-accent-color: var(--color--royal-orange--1000);
-  --initials--variant-2-content-color: var(--color--royal-orange--800);
-  --initials--variant-2-background-color: var(--color--royal-orange--200);
-  --initials--variant-1-content-accent-color: var(--color--soft-contrast-violet--1000);
-  --initials--variant-1-content-color: var(--color--soft-contrast-violet--800);
-  --initials--variant-1-background-color: var(--color--soft-contrast-violet--200);
+  --initials--variant-4-content-accent-color: var(--color--soft-contrast-violet--1000);
+  --initials--variant-4-content-color: var(--color--soft-contrast-violet--800);
+  --initials--variant-4-background-color: var(--color--soft-contrast-violet--200);
+  --initials--variant-3-content-accent-color: var(--color--royal-orange--1000);
+  --initials--variant-3-content-color: var(--color--royal-orange--800);
+  --initials--variant-3-background-color: var(--color--royal-orange--200);
+  --initials--variant-2-content-accent-color: var(--color--espelkamp-green--1000);
+  --initials--variant-2-content-color: var(--color--espelkamp-green--800);
+  --initials--variant-2-background-color: var(--color--espelkamp-green--200);
+  --initials--variant-1-content-accent-color: var(--color--hosting-blue--1000);
+  --initials--variant-1-content-color: var(--color--hosting-blue--800);
+  --initials--variant-1-background-color: var(--color--hosting-blue--200);
   --initials--font-weight: var(--font-weight--bold);
   --heading--h6-font-size: var(--font-size--m);
   --heading--h5-font-size: var(--font-size--m);
@@ -439,6 +447,10 @@
   --primary-solid-background-color--default: var(--primary--color--800);
   --tooltip--color: var(--neutral--color--100);
   --tooltip--background-color: var(--neutral--color--900);
+  --tab--color--selected: var(--primary--color--800);
+  --tab--background-color--selected: var(--neutral--color--100);
+  --tab--background-color--default: var(--neutral--color--400);
+  --tab-list--background-color: var(--neutral--color--400);
   --switch--handle-background-color: var(--neutral--color--100);
   --switch--handle-color--disabled: var(--neutral--color--600);
   --switch--track-background-color--disabled: var(--neutral--color--600);
@@ -490,6 +502,7 @@
   --form-control--border-color--invalid: var(--danger-outline-border-color);
   --form-control--border-color--disabled: var(--disabled-outline-border-color);
   --form-control--border-color--default: var(--neutral-outline-border-color--default);
+  --tab--color--default: var(--color--default);
   --switch--handle-color--default: var(--neutral-solid-content-color);
   --switch--track-background-color--selected: var(--success-solid-background-color--default);
   --switch--track-background-color--default: var(--neutral-solid-background-color--default);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.59",
+  "version": "0.1.0-alpha.62",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -20,5 +20,5 @@
     "nx": "^18.2.3",
     "style-dictionary": "^3.9.2"
   },
-  "gitHead": "3b85f0b5dd4f06c8ee3a26c23911aea3a5a4cab6"
+  "gitHead": "f4c0987a7cf134236a1cbd42a8c132da0dad5381"
 }