@mittwald/flow-design-tokens 0.2.0-alpha.641 → 0.2.0-alpha.643

package/dist/variables.css

@@ -577,6 +577,7 @@
   --tooltip--tip-size: var(--size-px--s);
   --shadow--content: rgba(0, 0, 0, 0.1) 0 var(--size-px--xs) var(--size-px--s);
   --shadow--overlay: rgba(0, 0, 0, 0.14) 0 var(--size-px--m) var(--size-px--l);
+  --alert-text--spacing: var(--size-rem--xs);
   --alert--padding: var(--size-px--m);
   --alert--border-style: var(--border-style--default);
   --alert--heading-to-content-spacing: var(--size-rem--s);
@@ -670,7 +671,6 @@
   --counter-badge--font-weight: var(--font-weight--bold);
   --counter-badge--padding-inline: var(--size-rem--xs);
   --counter-badge--border-style: var(--border-style--default);
-  --inline-alert--spacing: var(--size-rem--xs);
   --notification-provider--window-to-provider-spacing: var(--size-px--xl);
   --notification-provider--notification-to-notification-spacing: var(--size-px--m);
   --notification--padding: var(--size-px--s);
@@ -946,9 +946,12 @@
   --heading--color-dark: var(--dark-plain-content-color);
   --heading--color-light: var(--light-plain-content-color);
   --heading--color-danger: var(--danger--color--900);
+  --heading--color-unavailable: var(--neutral--color--900);
   --icon--color: var(--neutral--color--800);
+  --icon--unavailable-color: var(--neutral--color--900);
   --illustrated-message--primary-content-color: var(--primary--color--1000);
   --illustrated-message--danger-content-color: var(--danger--color--900);
+  --illustrated-message--unavailable-content-color: var(--neutral--color--900);
   --illustrated-message--dark-content-color: var(--dark-plain-content-color);
   --illustrated-message--light-content-color: var(--light-plain-content-color);
   --image--corner-radius: var(--corner-radius--default);
@@ -1027,6 +1030,7 @@
   --tooltip--background-color: var(--neutral--color--900);
   --tooltip--box-shadow: var(--shadow--overlay);
   --tooltip--header-corner-radius: var(--corner-radius--default);
+  --alert-text--unavailable-color: var(--neutral--color--900);
   --alert--corner-radius: var(--corner-radius--default);
   --alert--border-width: var(--border-width--100);
   --alert--border-x-start-width: var(--border-width--400);
@@ -1217,7 +1221,6 @@
   --icon--warning-color: var(--warning-outline-content-color);
   --icon--danger-color: var(--danger-outline-content-color);
   --icon--success-color: var(--success-outline-content-color);
-  --icon--unavailable-color: var(--neutral-outline-content-color);
   --image--border-color: var(--neutral-outline-border-color);
   --label--color--disabled: var(--disabled-plain-content-color);
   --text--color--disabled: var(--disabled-plain-content-color);
@@ -1270,6 +1273,10 @@
   --alert-badge--danger-background-color: var(--danger-soft-background-color--default);
   --alert-badge--danger-content-color: var(--danger-soft-content-color--default);
   --alert-badge--danger-border-color: var(--danger-outline-border-color);
+  --alert-text--info-color: var(--info-outline-content-color);
+  --alert-text--warning-color: var(--warning-outline-content-color);
+  --alert-text--danger-color: var(--danger-outline-content-color);
+  --alert-text--success-color: var(--success-outline-content-color);
   --alert--info-border-color: var(--info-outline-border-color);
   --alert--info-heading-color: var(--info-outline-content-color);
   --alert--warning-border-color: var(--warning-outline-border-color);
@@ -1296,11 +1303,6 @@
   --badge--disabled-scope-content-color: var(--disabled-solid-content-color);
   --counter-badge--background-color: var(--success-solid-background-color--default);
   --counter-badge--content-color: var(--success-solid-content-color);
-  --inline-alert--info-color: var(--info-outline-content-color);
-  --inline-alert--warning-color: var(--warning-outline-content-color);
-  --inline-alert--danger-color: var(--danger-outline-content-color);
-  --inline-alert--success-color: var(--success-outline-content-color);
-  --inline-alert--unavailable-color: var(--neutral-outline-content-color);
   --loading-spinner--color: var(--icon--color);
   --notification--info-border-color: var(--info-outline-border-color);
   --notification--info-heading-color: var(--info-outline-content-color);

package/dist/variables.json

@@ -15204,6 +15204,25 @@
         "color-danger"
       ]
     },
+    "color-unavailable": {
+      "key": "{heading.color-unavailable}",
+      "value": "#464646",
+      "filePath": "src/content/heading.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.900}",
+        "key": "{heading.color-unavailable}"
+      },
+      "name": "HeadingColorUnavailable",
+      "attributes": {
+        "category": "heading",
+        "type": "color-unavailable"
+      },
+      "path": [
+        "heading",
+        "color-unavailable"
+      ]
+    },
     "icon-to-text-spacing": {
       "key": "{heading.icon-to-text-spacing}",
       "value": "0.5rem",
@@ -15406,11 +15425,11 @@
     },
     "unavailable-color": {
       "key": "{icon.unavailable-color}",
-      "value": "#222222",
+      "value": "#464646",
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral-outline-content-color}",
+        "value": "{neutral.color.900}",
         "key": "{icon.unavailable-color}"
       },
       "name": "IconUnavailableColor",
@@ -15501,6 +15520,25 @@
         "danger-content-color"
       ]
     },
+    "unavailable-content-color": {
+      "key": "{illustrated-message.unavailable-content-color}",
+      "value": "#464646",
+      "filePath": "src/content/illustrated-message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.900}",
+        "key": "{illustrated-message.unavailable-content-color}"
+      },
+      "name": "IllustratedMessageUnavailableContentColor",
+      "attributes": {
+        "category": "illustrated-message",
+        "type": "unavailable-content-color"
+      },
+      "path": [
+        "illustrated-message",
+        "unavailable-content-color"
+      ]
+    },
     "dark-content-color": {
       "key": "{illustrated-message.dark-content-color}",
       "value": "rgb(0 0 0 / 100%)",
@@ -21118,6 +21156,122 @@
       ]
     }
   },
+  "alert-text": {
+    "spacing": {
+      "key": "{alert-text.spacing}",
+      "value": "0.25rem",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.xs}",
+        "key": "{alert-text.spacing}"
+      },
+      "name": "AlertTextSpacing",
+      "attributes": {
+        "category": "alert-text",
+        "type": "spacing"
+      },
+      "path": [
+        "alert-text",
+        "spacing"
+      ]
+    },
+    "info-color": {
+      "key": "{alert-text.info-color}",
+      "value": "#003FB8",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-outline-content-color}",
+        "key": "{alert-text.info-color}"
+      },
+      "name": "AlertTextInfoColor",
+      "attributes": {
+        "category": "alert-text",
+        "type": "info-color"
+      },
+      "path": [
+        "alert-text",
+        "info-color"
+      ]
+    },
+    "warning-color": {
+      "key": "{alert-text.warning-color}",
+      "value": "#C25200",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning-outline-content-color}",
+        "key": "{alert-text.warning-color}"
+      },
+      "name": "AlertTextWarningColor",
+      "attributes": {
+        "category": "alert-text",
+        "type": "warning-color"
+      },
+      "path": [
+        "alert-text",
+        "warning-color"
+      ]
+    },
+    "danger-color": {
+      "key": "{alert-text.danger-color}",
+      "value": "#B4193A",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger-outline-content-color}",
+        "key": "{alert-text.danger-color}"
+      },
+      "name": "AlertTextDangerColor",
+      "attributes": {
+        "category": "alert-text",
+        "type": "danger-color"
+      },
+      "path": [
+        "alert-text",
+        "danger-color"
+      ]
+    },
+    "success-color": {
+      "key": "{alert-text.success-color}",
+      "value": "#005F42",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success-outline-content-color}",
+        "key": "{alert-text.success-color}"
+      },
+      "name": "AlertTextSuccessColor",
+      "attributes": {
+        "category": "alert-text",
+        "type": "success-color"
+      },
+      "path": [
+        "alert-text",
+        "success-color"
+      ]
+    },
+    "unavailable-color": {
+      "key": "{alert-text.unavailable-color}",
+      "value": "#464646",
+      "filePath": "src/status/alert-text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.900}",
+        "key": "{alert-text.unavailable-color}"
+      },
+      "name": "AlertTextUnavailableColor",
+      "attributes": {
+        "category": "alert-text",
+        "type": "unavailable-color"
+      },
+      "path": [
+        "alert-text",
+        "unavailable-color"
+      ]
+    }
+  },
   "alert": {
     "padding": {
       "key": "{alert.padding}",
@@ -23900,122 +24054,6 @@
       ]
     }
   },
-  "inline-alert": {
-    "spacing": {
-      "key": "{inline-alert.spacing}",
-      "value": "0.25rem",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.xs}",
-        "key": "{inline-alert.spacing}"
-      },
-      "name": "InlineAlertSpacing",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "spacing"
-      },
-      "path": [
-        "inline-alert",
-        "spacing"
-      ]
-    },
-    "info-color": {
-      "key": "{inline-alert.info-color}",
-      "value": "#003FB8",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{info-outline-content-color}",
-        "key": "{inline-alert.info-color}"
-      },
-      "name": "InlineAlertInfoColor",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "info-color"
-      },
-      "path": [
-        "inline-alert",
-        "info-color"
-      ]
-    },
-    "warning-color": {
-      "key": "{inline-alert.warning-color}",
-      "value": "#C25200",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{warning-outline-content-color}",
-        "key": "{inline-alert.warning-color}"
-      },
-      "name": "InlineAlertWarningColor",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "warning-color"
-      },
-      "path": [
-        "inline-alert",
-        "warning-color"
-      ]
-    },
-    "danger-color": {
-      "key": "{inline-alert.danger-color}",
-      "value": "#B4193A",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{danger-outline-content-color}",
-        "key": "{inline-alert.danger-color}"
-      },
-      "name": "InlineAlertDangerColor",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "danger-color"
-      },
-      "path": [
-        "inline-alert",
-        "danger-color"
-      ]
-    },
-    "success-color": {
-      "key": "{inline-alert.success-color}",
-      "value": "#005F42",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{success-outline-content-color}",
-        "key": "{inline-alert.success-color}"
-      },
-      "name": "InlineAlertSuccessColor",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "success-color"
-      },
-      "path": [
-        "inline-alert",
-        "success-color"
-      ]
-    },
-    "unavailable-color": {
-      "key": "{inline-alert.unavailable-color}",
-      "value": "#222222",
-      "filePath": "src/status/inline-alert.yml",
-      "isSource": true,
-      "original": {
-        "value": "{neutral-outline-content-color}",
-        "key": "{inline-alert.unavailable-color}"
-      },
-      "name": "InlineAlertUnavailableColor",
-      "attributes": {
-        "category": "inline-alert",
-        "type": "unavailable-color"
-      },
-      "path": [
-        "inline-alert",
-        "unavailable-color"
-      ]
-    }
-  },
   "loading-spinner": {
     "transition-duration": {
       "key": "{loading-spinner.transition-duration}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.641",
+  "version": "0.2.0-alpha.643",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -24,5 +24,5 @@
     "rimraf": "^6.1.2",
     "style-dictionary": "^5.1.1"
   },
-  "gitHead": "c50ce37f6da06db6ef27ebeea2525b57c5c8b102"
+  "gitHead": "be0f6c4974e8d2bb6b41ff7e97d9cfc631d5c8cf"
 }