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

package/dist/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Apr 2024 14:26:29 GMT
+ * Generated on Wed, 10 Apr 2024 14:45:23 GMT
  */
 
 :root {
@@ -106,6 +106,8 @@
   --switch--track-corner-radius: 0.75rem;
   --switch--track-width: 2.75rem;
   --switch--track-height: 1.5rem;
+  --progress-bar--bar-height-small: 0.375rem;
+  --popover--min-width: 200px;
   --modal--size--l: 1050px;
   --modal--size--m: 900px;
   --modal--size--s: 660px;
@@ -113,7 +115,6 @@
   --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);
@@ -241,6 +242,13 @@
   --radio-button--text-to-text-spacing: var(--size-rem--xs);
   --radio--icon-to-text-spacing: var(--size-rem--s);
   --radio-group--radio-to-radio-spacing: var(--size-rem--s);
+  --progress-bar--bar-border-radius: var(--size-rem--xs);
+  --progress-bar--bar-height: var(--size-rem--s);
+  --progress-bar--label-to-bar-spacing: var(--size-rem--xs);
+  --progress-bar--value-font-weight: var(--font-weight--bold);
+  --progress-bar--font-size: var(--font-size--s);
+  --popover--padding: var(--size-px--m);
+  --popover--border-radius: var(--size-px--xs);
   --modal--button-group-border-style: var(--border-style--default);
   --modal--button-group-padding: var(--size-rem--l);
   --modal--padding-bottom: var(--size-px--xl);
@@ -288,10 +296,12 @@
   --heading--h1-font-size: var(--font-size--xxl);
   --heading--font-weight: var(--font-weight--bold);
   --heading--icon-to-text-spacing: var(--size-rem--s);
+  --header-navigation--item-font-weight-current: var(--font-weight--bold);
+  --header-navigation--item-padding: var(--size-px--s);
+  --header-navigation--item-to-item-spacing: var(--size-rem--m);
   --field-error--icon-to-text-spacing: var(--size-rem--s);
   --field-error--font-size: var(--font-size--s);
   --field-description--font-size: var(--font-size--s);
-  --context-menu--padding: var(--size-px--s);
   --column-layout--content-to-content-spacing: var(--size-rem--m);
   --checkbox--icon-to-text-spacing: var(--size-rem--s);
   --checkbox-group--checkbox-to-checkbox-spacing: var(--size-rem--s);
@@ -457,6 +467,9 @@
   --status-badge--corner-radius: var(--corner-radius--default);
   --section--border-color: var(--neutral--color--500);
   --section--border-width: var(--border-width--100);
+  --progress-bar--bar-border-width: var(--border-width--100);
+  --popover--background-color: var(--neutral--color--100);
+  --popover--box-shadow: var(--shadow--overlay);
   --modal--button-group-border-top-width: var(--border-width--100);
   --modal--button-group-border-color: var(--neutral--color--400);
   --modal--button-group-background-color: var(--neutral--color--300);
@@ -478,11 +491,10 @@
   --inline-alert--corner-radius: var(--corner-radius--default);
   --icon--color--default: var(--neutral--color--900);
   --heading--color: var(--primary--color--1000);
+  --header-navigation--item-underline-width-current: var(--border-width--200);
+  --header-navigation--item-corner-radius: var(--corner-radius--default);
   --field-error--color: var(--danger--color--700);
   --field-description--color: var(--neutral--color--800);
-  --context-menu--background-color: var(--neutral--color--100);
-  --context-menu--corner-radius: var(--corner-radius--default);
-  --context-menu--box-shadow: var(--shadow--overlay);
   --button--disabled-plain-background-color: var(--disabled-plain-background-color);
   --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
   --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
@@ -518,6 +530,11 @@
   --radio--icon-color--selected: var(--neutral-outline-border-color--selected);
   --radio--icon-color--default: var(--icon--color--default);
   --radio--color--disabled: var(--disabled-outline-content-color);
+  --progress-bar--danger-fill-background-color: var(--danger-solid-background-color--default);
+  --progress-bar--warning-fill-background-color: var(--warning-solid-background-color--default);
+  --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);
+  --progress-bar--info-fill-background-color: var(--info-solid-background-color--default);
+  --progress-bar--bar-border-color: var(--neutral-outline-border-color--default);
   --list-item--border-color: var(--neutral-outline-border-color--default);
   --list-item--background-color--pressed: var(--neutral-outline-background-color--pressed);
   --list-item--background-color--hover: var(--neutral-outline-background-color--hover);
@@ -537,6 +554,9 @@
   --inline-alert--warning-border-color: var(--warning-outline-border-color);
   --inline-alert--info-heading-color: var(--info-outline-content-color);
   --inline-alert--info-border-color: var(--info-outline-border-color);
+  --header-navigation--item-background-color--pressed: var(--primary-plain-background-color--pressed);
+  --header-navigation--item-background-color--hover: var(--primary-plain-background-color--hover);
+  --header-navigation--item-color: var(--heading--color);
   --checkbox--icon-color--disabled: var(--disabled-outline-content-color);
   --checkbox--icon-color--selected: var(--neutral-outline-border-color--selected);
   --checkbox--icon-color--default: var(--icon--color--default);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.62",
+  "version": "0.1.0-alpha.64",
   "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": "f4c0987a7cf134236a1cbd42a8c132da0dad5381"
+  "gitHead": "85a4e593df84b68d9b86c2b30905339abd18b863"
 }