@mittwald/flow-design-tokens 0.2.0-alpha.776 → 0.2.0-alpha.778

package/dist/variables.css

@@ -305,6 +305,17 @@
   --neutral--color--900: var(--color--gray--900);
   --neutral--color--1000: var(--color--gray--1000);
   --neutral--color--1100: var(--color--gray--1100);
+  --unavailable--color--100: var(--color--gray--100);
+  --unavailable--color--200: var(--color--gray--200);
+  --unavailable--color--300: var(--color--gray--300);
+  --unavailable--color--400: var(--color--gray--400);
+  --unavailable--color--500: var(--color--gray--500);
+  --unavailable--color--600: var(--color--gray--600);
+  --unavailable--color--700: var(--color--gray--700);
+  --unavailable--color--800: var(--color--gray--800);
+  --unavailable--color--900: var(--color--gray--900);
+  --unavailable--color--1000: var(--color--gray--1000);
+  --unavailable--color--1100: var(--color--gray--1100);
   --danger--color--100: var(--color--amaranth-red--100);
   --danger--color--200: var(--color--amaranth-red--200);
   --danger--color--300: var(--color--amaranth-red--300);
@@ -369,6 +380,8 @@
   --success-outline-background-color--default: var(--color--transparent);
   --warning-outline-background-color--default: var(--color--transparent);
   --warning-plain-background-color--default: var(--color--transparent);
+  --unavailable-plain-background-color--default: var(--color--transparent);
+  --unavailable-outline-background-color--default: var(--color--transparent);
   --neutral-plain-background-color--default: var(--color--transparent);
   --neutral-outline-background-color--default: var(--color--transparent);
   --disabled-plain-background-color: var(--color--transparent);
@@ -785,6 +798,22 @@
   --warning-plain-background-color--hover: var(--warning--color--100);
   --warning-plain-background-color--pressed: var(--warning--color--200);
   --warning-plain-content-color: var(--warning--color--800);
+  --unavailable-solid-background-color--default: var(--unavailable--color--800);
+  --unavailable-solid-background-color--hover: var(--unavailable--color--900);
+  --unavailable-solid-background-color--pressed: var(--unavailable--color--1000);
+  --unavailable-solid-content-color: var(--neutral--color--100);
+  --unavailable-plain-background-color--hover: var(--unavailable--color--300);
+  --unavailable-plain-background-color--pressed: var(--unavailable--color--400);
+  --unavailable-plain-content-color: var(--unavailable--color--800);
+  --unavailable-outline-background-color--hover: var(--unavailable--color--300);
+  --unavailable-outline-background-color--pressed: var(--unavailable--color--400);
+  --unavailable-outline-content-color: var(--unavailable--color--900);
+  --unavailable-outline-border-color: var(--unavailable--color--800);
+  --unavailable-soft-background-color--default: var(--unavailable--color--300);
+  --unavailable-soft-background-color--hover: var(--unavailable--color--400);
+  --unavailable-soft-background-color--pressed: var(--unavailable--color--500);
+  --unavailable-soft-content-color--default: var(--unavailable--color--900);
+  --unavailable-soft-content-color--pressed: var(--unavailable--color--1000);
   --neutral-solid-background-color--default: var(--neutral--color--800);
   --neutral-solid-background-color--hover: var(--neutral--color--900);
   --neutral-solid-background-color--pressed: var(--neutral--color--1000);
@@ -904,17 +933,22 @@
   --avatar--warning-status-background-color: var(--warning--color--200);
   --avatar--danger-status-background-color: var(--danger--color--200);
   --avatar--success-status-background-color: var(--success--color--200);
+  --avatar--unavailable-status-background-color: var(--unavailable--color--400);
   --code-block--corner-radius: var(--corner-radius--default);
   --code-block--border-width: var(--border-width--100);
   --code-block--background-color: var(--neutral--color--200);
   --heading--color: var(--primary--color--1000);
   --heading--color-danger: var(--danger--color--900);
-  --heading--color-unavailable: var(--neutral--color--900);
+  --heading--color-unavailable: var(--unavailable--color--900);
   --icon--color: var(--neutral--color--800);
-  --icon--unavailable-color: var(--neutral--color--900);
+  --icon--info-color: var(--info--color--900);
+  --icon--warning-color: var(--warning--color--900);
+  --icon--danger-color: var(--danger--color--900);
+  --icon--success-color: var(--success--color--900);
+  --icon--unavailable-color: var(--unavailable--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--unavailable-content-color: var(--unavailable--color--900);
   --image--corner-radius: var(--corner-radius--default);
   --image--border-width: var(--border-width--100);
   --inline-code--corner-radius: var(--corner-radius--default);
@@ -1007,7 +1041,11 @@
   --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-text--info-color: var(--info--color--900);
+  --alert-text--warning-color: var(--warning--color--900);
+  --alert-text--danger-color: var(--danger--color--900);
+  --alert-text--success-color: var(--success--color--900);
+  --alert-text--unavailable-color: var(--unavailable--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);
@@ -1049,6 +1087,7 @@
   --notification--warning-background-color--default: var(--neutral--color--100);
   --notification--danger-background-color--default: var(--neutral--color--100);
   --notification--success-background-color--default: var(--neutral--color--100);
+  --notification--unavailable-background-color--default: var(--neutral--color--100);
   --progress-bar--border-width: var(--border-width--100);
   --progress-bar--background-color: var(--neutral--color--300);
   --accent-box--background-color-neutral: var(--neutral--color--300);
@@ -1338,10 +1377,6 @@
   --heading--color-light: var(--light-plain-content-color);
   --heading--color-dark-static: var(--dark-static-plain-content-color);
   --heading--color-light-static: var(--light-static-plain-content-color);
-  --icon--info-color: var(--info-outline-content-color);
-  --icon--warning-color: var(--warning-outline-content-color);
-  --icon--danger-color: var(--danger-outline-content-color);
-  --icon--success-color: var(--success-outline-content-color);
   --illustrated-message--dark-content-color: var(--dark-plain-content-color);
   --illustrated-message--light-content-color: var(--light-plain-content-color);
   --image--border-color: var(--neutral-outline-border-color);
@@ -1434,10 +1469,9 @@
   --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-badge--unavailable-background-color: var(--unavailable-soft-background-color--default);
+  --alert-badge--unavailable-content-color: var(--unavailable-soft-content-color--default);
+  --alert-badge--unavailable-border-color: var(--unavailable-outline-border-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);
@@ -1446,6 +1480,8 @@
   --alert--danger-heading-color: var(--danger-outline-content-color);
   --alert--success-border-color: var(--success-outline-border-color);
   --alert--success-heading-color: var(--success-outline-content-color);
+  --alert--unavailable-border-color: var(--unavailable-outline-border-color);
+  --alert--unavailable-heading-color: var(--unavailable-outline-content-color);
   --badge--disabled-border-color: var(--disabled-outline-border-color);
   --badge--disabled-background-color: var(--disabled-outline-background-color);
   --badge--disabled-content-color: var(--disabled-outline-content-color);
@@ -1494,6 +1530,10 @@
   --notification--success-heading-color: var(--success-outline-content-color);
   --notification--success-background-color--hover: var(--success-outline-background-color--hover);
   --notification--success-background-color--pressed: var(--success-outline-background-color--pressed);
+  --notification--unavailable-border-color: var(--unavailable-outline-border-color);
+  --notification--unavailable-heading-color: var(--unavailable-outline-content-color);
+  --notification--unavailable-background-color--hover: var(--unavailable-outline-background-color--hover);
+  --notification--unavailable-background-color--pressed: var(--unavailable-outline-background-color--pressed);
   --progress-bar--border-color: var(--neutral-outline-border-color);
   --progress-bar--info-fill-background-color: var(--info-solid-background-color--default);
   --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);

package/dist/variables.json

@@ -7976,6 +7976,241 @@
       }
     }
   },
+  "unavailable": {
+    "color": {
+      "100": {
+        "key": "{unavailable.color.100}",
+        "value": "#FFFFFF",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.100}",
+          "key": "{unavailable.color.100}"
+        },
+        "name": "UnavailableColor100",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "100"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "100"
+        ]
+      },
+      "200": {
+        "key": "{unavailable.color.200}",
+        "value": "#FDFDFD",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.200}",
+          "key": "{unavailable.color.200}"
+        },
+        "name": "UnavailableColor200",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "200"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "200"
+        ]
+      },
+      "300": {
+        "key": "{unavailable.color.300}",
+        "value": "#F8F8F8",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.300}",
+          "key": "{unavailable.color.300}"
+        },
+        "name": "UnavailableColor300",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "300"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "300"
+        ]
+      },
+      "400": {
+        "key": "{unavailable.color.400}",
+        "value": "#E6E6E6",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.400}",
+          "key": "{unavailable.color.400}"
+        },
+        "name": "UnavailableColor400",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "400"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "400"
+        ]
+      },
+      "500": {
+        "key": "{unavailable.color.500}",
+        "value": "#D5D5D5",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.500}",
+          "key": "{unavailable.color.500}"
+        },
+        "name": "UnavailableColor500",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "500"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "500"
+        ]
+      },
+      "600": {
+        "key": "{unavailable.color.600}",
+        "value": "#B1B1B1",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.600}",
+          "key": "{unavailable.color.600}"
+        },
+        "name": "UnavailableColor600",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "600"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "600"
+        ]
+      },
+      "700": {
+        "key": "{unavailable.color.700}",
+        "value": "#909090",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.700}",
+          "key": "{unavailable.color.700}"
+        },
+        "name": "UnavailableColor700",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "700"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "700"
+        ]
+      },
+      "800": {
+        "key": "{unavailable.color.800}",
+        "value": "#6D6D6D",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.800}",
+          "key": "{unavailable.color.800}"
+        },
+        "name": "UnavailableColor800",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "800"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "800"
+        ]
+      },
+      "900": {
+        "key": "{unavailable.color.900}",
+        "value": "#464646",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.900}",
+          "key": "{unavailable.color.900}"
+        },
+        "name": "UnavailableColor900",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "900"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "900"
+        ]
+      },
+      "1000": {
+        "key": "{unavailable.color.1000}",
+        "value": "#222222",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.1000}",
+          "key": "{unavailable.color.1000}"
+        },
+        "name": "UnavailableColor1000",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "1000"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "1000"
+        ]
+      },
+      "1100": {
+        "key": "{unavailable.color.1100}",
+        "value": "#000000",
+        "filePath": "src/color-aliases.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.gray.1100}",
+          "key": "{unavailable.color.1100}"
+        },
+        "name": "UnavailableColor1100",
+        "attributes": {
+          "category": "unavailable",
+          "type": "color",
+          "item": "1100"
+        },
+        "path": [
+          "unavailable",
+          "color",
+          "1100"
+        ]
+      }
+    }
+  },
   "danger": {
     "color": {
       "100": {
@@ -10724,136 +10959,480 @@
       "filePath": "src/color-aliases.yml",
       "isSource": true,
       "original": {
-        "value": "{warning.color.300}",
-        "key": "{warning-soft-background-color.pressed}"
+        "value": "{warning.color.300}",
+        "key": "{warning-soft-background-color.pressed}"
+      },
+      "name": "WarningSoftBackgroundColorPressed",
+      "attributes": {
+        "category": "warning-soft-background-color",
+        "type": "pressed"
+      },
+      "path": [
+        "warning-soft-background-color",
+        "pressed"
+      ]
+    }
+  },
+  "warning-soft-content-color": {
+    "default": {
+      "key": "{warning-soft-content-color.default}",
+      "value": "#C25200",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning.color.900}",
+        "key": "{warning-soft-content-color.default}"
+      },
+      "name": "WarningSoftContentColorDefault",
+      "attributes": {
+        "category": "warning-soft-content-color",
+        "type": "default"
+      },
+      "path": [
+        "warning-soft-content-color",
+        "default"
+      ]
+    },
+    "pressed": {
+      "key": "{warning-soft-content-color.pressed}",
+      "value": "#8F3D00",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning.color.1000}",
+        "key": "{warning-soft-content-color.pressed}"
+      },
+      "name": "WarningSoftContentColorPressed",
+      "attributes": {
+        "category": "warning-soft-content-color",
+        "type": "pressed"
+      },
+      "path": [
+        "warning-soft-content-color",
+        "pressed"
+      ]
+    }
+  },
+  "warning-plain-background-color": {
+    "default": {
+      "key": "{warning-plain-background-color.default}",
+      "value": "transparent",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.transparent}",
+        "key": "{warning-plain-background-color.default}"
+      },
+      "name": "WarningPlainBackgroundColorDefault",
+      "attributes": {
+        "category": "warning-plain-background-color",
+        "type": "default"
+      },
+      "path": [
+        "warning-plain-background-color",
+        "default"
+      ]
+    },
+    "hover": {
+      "key": "{warning-plain-background-color.hover}",
+      "value": "#FFF4EB",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning.color.100}",
+        "key": "{warning-plain-background-color.hover}"
+      },
+      "name": "WarningPlainBackgroundColorHover",
+      "attributes": {
+        "category": "warning-plain-background-color",
+        "type": "hover"
+      },
+      "path": [
+        "warning-plain-background-color",
+        "hover"
+      ]
+    },
+    "pressed": {
+      "key": "{warning-plain-background-color.pressed}",
+      "value": "#FFEBDC",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning.color.200}",
+        "key": "{warning-plain-background-color.pressed}"
+      },
+      "name": "WarningPlainBackgroundColorPressed",
+      "attributes": {
+        "category": "warning-plain-background-color",
+        "type": "pressed"
+      },
+      "path": [
+        "warning-plain-background-color",
+        "pressed"
+      ]
+    }
+  },
+  "warning-plain-content-color": {
+    "key": "{warning-plain-content-color}",
+    "value": "#F56800",
+    "filePath": "src/color-aliases.yml",
+    "isSource": true,
+    "original": {
+      "value": "{warning.color.800}",
+      "key": "{warning-plain-content-color}"
+    },
+    "name": "WarningPlainContentColor",
+    "attributes": {
+      "category": "warning-plain-content-color"
+    },
+    "path": [
+      "warning-plain-content-color"
+    ]
+  },
+  "unavailable-solid-background-color": {
+    "default": {
+      "key": "{unavailable-solid-background-color.default}",
+      "value": "#6D6D6D",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.800}",
+        "key": "{unavailable-solid-background-color.default}"
+      },
+      "name": "UnavailableSolidBackgroundColorDefault",
+      "attributes": {
+        "category": "unavailable-solid-background-color",
+        "type": "default"
+      },
+      "path": [
+        "unavailable-solid-background-color",
+        "default"
+      ]
+    },
+    "hover": {
+      "key": "{unavailable-solid-background-color.hover}",
+      "value": "#464646",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.900}",
+        "key": "{unavailable-solid-background-color.hover}"
+      },
+      "name": "UnavailableSolidBackgroundColorHover",
+      "attributes": {
+        "category": "unavailable-solid-background-color",
+        "type": "hover"
+      },
+      "path": [
+        "unavailable-solid-background-color",
+        "hover"
+      ]
+    },
+    "pressed": {
+      "key": "{unavailable-solid-background-color.pressed}",
+      "value": "#222222",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.1000}",
+        "key": "{unavailable-solid-background-color.pressed}"
+      },
+      "name": "UnavailableSolidBackgroundColorPressed",
+      "attributes": {
+        "category": "unavailable-solid-background-color",
+        "type": "pressed"
+      },
+      "path": [
+        "unavailable-solid-background-color",
+        "pressed"
+      ]
+    }
+  },
+  "unavailable-solid-content-color": {
+    "key": "{unavailable-solid-content-color}",
+    "value": "#FFFFFF",
+    "filePath": "src/color-aliases.yml",
+    "isSource": true,
+    "original": {
+      "value": "{neutral.color.100}",
+      "key": "{unavailable-solid-content-color}"
+    },
+    "name": "UnavailableSolidContentColor",
+    "attributes": {
+      "category": "unavailable-solid-content-color"
+    },
+    "path": [
+      "unavailable-solid-content-color"
+    ]
+  },
+  "unavailable-plain-background-color": {
+    "default": {
+      "key": "{unavailable-plain-background-color.default}",
+      "value": "transparent",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.transparent}",
+        "key": "{unavailable-plain-background-color.default}"
+      },
+      "name": "UnavailablePlainBackgroundColorDefault",
+      "attributes": {
+        "category": "unavailable-plain-background-color",
+        "type": "default"
+      },
+      "path": [
+        "unavailable-plain-background-color",
+        "default"
+      ]
+    },
+    "hover": {
+      "key": "{unavailable-plain-background-color.hover}",
+      "value": "#F8F8F8",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.300}",
+        "key": "{unavailable-plain-background-color.hover}"
+      },
+      "name": "UnavailablePlainBackgroundColorHover",
+      "attributes": {
+        "category": "unavailable-plain-background-color",
+        "type": "hover"
+      },
+      "path": [
+        "unavailable-plain-background-color",
+        "hover"
+      ]
+    },
+    "pressed": {
+      "key": "{unavailable-plain-background-color.pressed}",
+      "value": "#E6E6E6",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.400}",
+        "key": "{unavailable-plain-background-color.pressed}"
+      },
+      "name": "UnavailablePlainBackgroundColorPressed",
+      "attributes": {
+        "category": "unavailable-plain-background-color",
+        "type": "pressed"
+      },
+      "path": [
+        "unavailable-plain-background-color",
+        "pressed"
+      ]
+    }
+  },
+  "unavailable-plain-content-color": {
+    "key": "{unavailable-plain-content-color}",
+    "value": "#6D6D6D",
+    "filePath": "src/color-aliases.yml",
+    "isSource": true,
+    "original": {
+      "value": "{unavailable.color.800}",
+      "key": "{unavailable-plain-content-color}"
+    },
+    "name": "UnavailablePlainContentColor",
+    "attributes": {
+      "category": "unavailable-plain-content-color"
+    },
+    "path": [
+      "unavailable-plain-content-color"
+    ]
+  },
+  "unavailable-outline-background-color": {
+    "default": {
+      "key": "{unavailable-outline-background-color.default}",
+      "value": "transparent",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.transparent}",
+        "key": "{unavailable-outline-background-color.default}"
+      },
+      "name": "UnavailableOutlineBackgroundColorDefault",
+      "attributes": {
+        "category": "unavailable-outline-background-color",
+        "type": "default"
+      },
+      "path": [
+        "unavailable-outline-background-color",
+        "default"
+      ]
+    },
+    "hover": {
+      "key": "{unavailable-outline-background-color.hover}",
+      "value": "#F8F8F8",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.300}",
+        "key": "{unavailable-outline-background-color.hover}"
+      },
+      "name": "UnavailableOutlineBackgroundColorHover",
+      "attributes": {
+        "category": "unavailable-outline-background-color",
+        "type": "hover"
+      },
+      "path": [
+        "unavailable-outline-background-color",
+        "hover"
+      ]
+    },
+    "pressed": {
+      "key": "{unavailable-outline-background-color.pressed}",
+      "value": "#E6E6E6",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.400}",
+        "key": "{unavailable-outline-background-color.pressed}"
+      },
+      "name": "UnavailableOutlineBackgroundColorPressed",
+      "attributes": {
+        "category": "unavailable-outline-background-color",
+        "type": "pressed"
+      },
+      "path": [
+        "unavailable-outline-background-color",
+        "pressed"
+      ]
+    }
+  },
+  "unavailable-outline-content-color": {
+    "key": "{unavailable-outline-content-color}",
+    "value": "#464646",
+    "filePath": "src/color-aliases.yml",
+    "isSource": true,
+    "original": {
+      "value": "{unavailable.color.900}",
+      "key": "{unavailable-outline-content-color}"
+    },
+    "name": "UnavailableOutlineContentColor",
+    "attributes": {
+      "category": "unavailable-outline-content-color"
+    },
+    "path": [
+      "unavailable-outline-content-color"
+    ]
+  },
+  "unavailable-outline-border-color": {
+    "key": "{unavailable-outline-border-color}",
+    "value": "#6D6D6D",
+    "filePath": "src/color-aliases.yml",
+    "isSource": true,
+    "original": {
+      "value": "{unavailable.color.800}",
+      "key": "{unavailable-outline-border-color}"
+    },
+    "name": "UnavailableOutlineBorderColor",
+    "attributes": {
+      "category": "unavailable-outline-border-color"
+    },
+    "path": [
+      "unavailable-outline-border-color"
+    ]
+  },
+  "unavailable-soft-background-color": {
+    "default": {
+      "key": "{unavailable-soft-background-color.default}",
+      "value": "#F8F8F8",
+      "filePath": "src/color-aliases.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.300}",
+        "key": "{unavailable-soft-background-color.default}"
       },
-      "name": "WarningSoftBackgroundColorPressed",
+      "name": "UnavailableSoftBackgroundColorDefault",
       "attributes": {
-        "category": "warning-soft-background-color",
-        "type": "pressed"
+        "category": "unavailable-soft-background-color",
+        "type": "default"
       },
       "path": [
-        "warning-soft-background-color",
-        "pressed"
+        "unavailable-soft-background-color",
+        "default"
       ]
-    }
-  },
-  "warning-soft-content-color": {
-    "default": {
-      "key": "{warning-soft-content-color.default}",
-      "value": "#C25200",
+    },
+    "hover": {
+      "key": "{unavailable-soft-background-color.hover}",
+      "value": "#E6E6E6",
       "filePath": "src/color-aliases.yml",
       "isSource": true,
       "original": {
-        "value": "{warning.color.900}",
-        "key": "{warning-soft-content-color.default}"
+        "value": "{unavailable.color.400}",
+        "key": "{unavailable-soft-background-color.hover}"
       },
-      "name": "WarningSoftContentColorDefault",
+      "name": "UnavailableSoftBackgroundColorHover",
       "attributes": {
-        "category": "warning-soft-content-color",
-        "type": "default"
+        "category": "unavailable-soft-background-color",
+        "type": "hover"
       },
       "path": [
-        "warning-soft-content-color",
-        "default"
+        "unavailable-soft-background-color",
+        "hover"
       ]
     },
     "pressed": {
-      "key": "{warning-soft-content-color.pressed}",
-      "value": "#8F3D00",
+      "key": "{unavailable-soft-background-color.pressed}",
+      "value": "#D5D5D5",
       "filePath": "src/color-aliases.yml",
       "isSource": true,
       "original": {
-        "value": "{warning.color.1000}",
-        "key": "{warning-soft-content-color.pressed}"
+        "value": "{unavailable.color.500}",
+        "key": "{unavailable-soft-background-color.pressed}"
       },
-      "name": "WarningSoftContentColorPressed",
+      "name": "UnavailableSoftBackgroundColorPressed",
       "attributes": {
-        "category": "warning-soft-content-color",
+        "category": "unavailable-soft-background-color",
         "type": "pressed"
       },
       "path": [
-        "warning-soft-content-color",
+        "unavailable-soft-background-color",
         "pressed"
       ]
     }
   },
-  "warning-plain-background-color": {
+  "unavailable-soft-content-color": {
     "default": {
-      "key": "{warning-plain-background-color.default}",
-      "value": "transparent",
+      "key": "{unavailable-soft-content-color.default}",
+      "value": "#464646",
       "filePath": "src/color-aliases.yml",
       "isSource": true,
       "original": {
-        "value": "{color.transparent}",
-        "key": "{warning-plain-background-color.default}"
+        "value": "{unavailable.color.900}",
+        "key": "{unavailable-soft-content-color.default}"
       },
-      "name": "WarningPlainBackgroundColorDefault",
+      "name": "UnavailableSoftContentColorDefault",
       "attributes": {
-        "category": "warning-plain-background-color",
+        "category": "unavailable-soft-content-color",
         "type": "default"
       },
       "path": [
-        "warning-plain-background-color",
+        "unavailable-soft-content-color",
         "default"
       ]
     },
-    "hover": {
-      "key": "{warning-plain-background-color.hover}",
-      "value": "#FFF4EB",
-      "filePath": "src/color-aliases.yml",
-      "isSource": true,
-      "original": {
-        "value": "{warning.color.100}",
-        "key": "{warning-plain-background-color.hover}"
-      },
-      "name": "WarningPlainBackgroundColorHover",
-      "attributes": {
-        "category": "warning-plain-background-color",
-        "type": "hover"
-      },
-      "path": [
-        "warning-plain-background-color",
-        "hover"
-      ]
-    },
     "pressed": {
-      "key": "{warning-plain-background-color.pressed}",
-      "value": "#FFEBDC",
+      "key": "{unavailable-soft-content-color.pressed}",
+      "value": "#222222",
       "filePath": "src/color-aliases.yml",
       "isSource": true,
       "original": {
-        "value": "{warning.color.200}",
-        "key": "{warning-plain-background-color.pressed}"
+        "value": "{unavailable.color.1000}",
+        "key": "{unavailable-soft-content-color.pressed}"
       },
-      "name": "WarningPlainBackgroundColorPressed",
+      "name": "UnavailableSoftContentColorPressed",
       "attributes": {
-        "category": "warning-plain-background-color",
+        "category": "unavailable-soft-content-color",
         "type": "pressed"
       },
       "path": [
-        "warning-plain-background-color",
+        "unavailable-soft-content-color",
         "pressed"
       ]
     }
   },
-  "warning-plain-content-color": {
-    "key": "{warning-plain-content-color}",
-    "value": "#F56800",
-    "filePath": "src/color-aliases.yml",
-    "isSource": true,
-    "original": {
-      "value": "{warning.color.800}",
-      "key": "{warning-plain-content-color}"
-    },
-    "name": "WarningPlainContentColor",
-    "attributes": {
-      "category": "warning-plain-content-color"
-    },
-    "path": [
-      "warning-plain-content-color"
-    ]
-  },
   "neutral-solid-background-color": {
     "default": {
       "key": "{neutral-solid-background-color.default}",
@@ -16740,6 +17319,25 @@
         "avatar",
         "success-status-background-color"
       ]
+    },
+    "unavailable-status-background-color": {
+      "key": "{avatar.unavailable-status-background-color}",
+      "value": "#E6E6E6",
+      "filePath": "src/content/avatar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable.color.400}",
+        "key": "{avatar.unavailable-status-background-color}"
+      },
+      "name": "AvatarUnavailableStatusBackgroundColor",
+      "attributes": {
+        "category": "avatar",
+        "type": "unavailable-status-background-color"
+      },
+      "path": [
+        "avatar",
+        "unavailable-status-background-color"
+      ]
     }
   },
   "code-block": {
@@ -17380,7 +17978,7 @@
       "filePath": "src/content/heading.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.900}",
+        "value": "{unavailable.color.900}",
         "key": "{heading.color-unavailable}"
       },
       "name": "HeadingColorUnavailable",
@@ -17523,7 +18121,7 @@
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{info-outline-content-color}",
+        "value": "{info.color.900}",
         "key": "{icon.info-color}"
       },
       "name": "IconInfoColor",
@@ -17542,7 +18140,7 @@
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{warning-outline-content-color}",
+        "value": "{warning.color.900}",
         "key": "{icon.warning-color}"
       },
       "name": "IconWarningColor",
@@ -17561,7 +18159,7 @@
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{danger-outline-content-color}",
+        "value": "{danger.color.900}",
         "key": "{icon.danger-color}"
       },
       "name": "IconDangerColor",
@@ -17580,7 +18178,7 @@
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{success-outline-content-color}",
+        "value": "{success.color.900}",
         "key": "{icon.success-color}"
       },
       "name": "IconSuccessColor",
@@ -17599,7 +18197,7 @@
       "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.900}",
+        "value": "{unavailable.color.900}",
         "key": "{icon.unavailable-color}"
       },
       "name": "IconUnavailableColor",
@@ -17696,7 +18294,7 @@
       "filePath": "src/content/illustrated-message.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.900}",
+        "value": "{unavailable.color.900}",
         "key": "{illustrated-message.unavailable-content-color}"
       },
       "name": "IllustratedMessageUnavailableContentColor",
@@ -24413,6 +25011,63 @@
         "alert-badge",
         "danger-border-color"
       ]
+    },
+    "unavailable-background-color": {
+      "key": "{alert-badge.unavailable-background-color}",
+      "value": "#F8F8F8",
+      "filePath": "src/status/alert-badge.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-soft-background-color.default}",
+        "key": "{alert-badge.unavailable-background-color}"
+      },
+      "name": "AlertBadgeUnavailableBackgroundColor",
+      "attributes": {
+        "category": "alert-badge",
+        "type": "unavailable-background-color"
+      },
+      "path": [
+        "alert-badge",
+        "unavailable-background-color"
+      ]
+    },
+    "unavailable-content-color": {
+      "key": "{alert-badge.unavailable-content-color}",
+      "value": "#464646",
+      "filePath": "src/status/alert-badge.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-soft-content-color.default}",
+        "key": "{alert-badge.unavailable-content-color}"
+      },
+      "name": "AlertBadgeUnavailableContentColor",
+      "attributes": {
+        "category": "alert-badge",
+        "type": "unavailable-content-color"
+      },
+      "path": [
+        "alert-badge",
+        "unavailable-content-color"
+      ]
+    },
+    "unavailable-border-color": {
+      "key": "{alert-badge.unavailable-border-color}",
+      "value": "#6D6D6D",
+      "filePath": "src/status/alert-badge.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-outline-border-color}",
+        "key": "{alert-badge.unavailable-border-color}"
+      },
+      "name": "AlertBadgeUnavailableBorderColor",
+      "attributes": {
+        "category": "alert-badge",
+        "type": "unavailable-border-color"
+      },
+      "path": [
+        "alert-badge",
+        "unavailable-border-color"
+      ]
     }
   },
   "alert-text": {
@@ -24441,7 +25096,7 @@
       "filePath": "src/status/alert-text.yml",
       "isSource": true,
       "original": {
-        "value": "{info-outline-content-color}",
+        "value": "{info.color.900}",
         "key": "{alert-text.info-color}"
       },
       "name": "AlertTextInfoColor",
@@ -24460,7 +25115,7 @@
       "filePath": "src/status/alert-text.yml",
       "isSource": true,
       "original": {
-        "value": "{warning-outline-content-color}",
+        "value": "{warning.color.900}",
         "key": "{alert-text.warning-color}"
       },
       "name": "AlertTextWarningColor",
@@ -24479,7 +25134,7 @@
       "filePath": "src/status/alert-text.yml",
       "isSource": true,
       "original": {
-        "value": "{danger-outline-content-color}",
+        "value": "{danger.color.900}",
         "key": "{alert-text.danger-color}"
       },
       "name": "AlertTextDangerColor",
@@ -24498,7 +25153,7 @@
       "filePath": "src/status/alert-text.yml",
       "isSource": true,
       "original": {
-        "value": "{success-outline-content-color}",
+        "value": "{success.color.900}",
         "key": "{alert-text.success-color}"
       },
       "name": "AlertTextSuccessColor",
@@ -24517,7 +25172,7 @@
       "filePath": "src/status/alert-text.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.900}",
+        "value": "{unavailable.color.900}",
         "key": "{alert-text.unavailable-color}"
       },
       "name": "AlertTextUnavailableColor",
@@ -24835,6 +25490,44 @@
         "alert",
         "success-heading-color"
       ]
+    },
+    "unavailable-border-color": {
+      "key": "{alert.unavailable-border-color}",
+      "value": "#6D6D6D",
+      "filePath": "src/status/alert.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-outline-border-color}",
+        "key": "{alert.unavailable-border-color}"
+      },
+      "name": "AlertUnavailableBorderColor",
+      "attributes": {
+        "category": "alert",
+        "type": "unavailable-border-color"
+      },
+      "path": [
+        "alert",
+        "unavailable-border-color"
+      ]
+    },
+    "unavailable-heading-color": {
+      "key": "{alert.unavailable-heading-color}",
+      "value": "#464646",
+      "filePath": "src/status/alert.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-outline-content-color}",
+        "key": "{alert.unavailable-heading-color}"
+      },
+      "name": "AlertUnavailableHeadingColor",
+      "attributes": {
+        "category": "alert",
+        "type": "unavailable-heading-color"
+      },
+      "path": [
+        "alert",
+        "unavailable-heading-color"
+      ]
     }
   },
   "badge": {
@@ -28593,6 +29286,109 @@
           "pressed"
         ]
       }
+    },
+    "unavailable-border-color": {
+      "key": "{notification.unavailable-border-color}",
+      "value": "#6D6D6D",
+      "filePath": "src/status/notification.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-outline-border-color}",
+        "key": "{notification.unavailable-border-color}"
+      },
+      "name": "NotificationUnavailableBorderColor",
+      "attributes": {
+        "category": "notification",
+        "type": "unavailable-border-color"
+      },
+      "path": [
+        "notification",
+        "unavailable-border-color"
+      ]
+    },
+    "unavailable-heading-color": {
+      "key": "{notification.unavailable-heading-color}",
+      "value": "#464646",
+      "filePath": "src/status/notification.yml",
+      "isSource": true,
+      "original": {
+        "value": "{unavailable-outline-content-color}",
+        "key": "{notification.unavailable-heading-color}"
+      },
+      "name": "NotificationUnavailableHeadingColor",
+      "attributes": {
+        "category": "notification",
+        "type": "unavailable-heading-color"
+      },
+      "path": [
+        "notification",
+        "unavailable-heading-color"
+      ]
+    },
+    "unavailable-background-color": {
+      "default": {
+        "key": "{notification.unavailable-background-color.default}",
+        "value": "#FFFFFF",
+        "filePath": "src/status/notification.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral.color.100}",
+          "key": "{notification.unavailable-background-color.default}"
+        },
+        "name": "NotificationUnavailableBackgroundColorDefault",
+        "attributes": {
+          "category": "notification",
+          "type": "unavailable-background-color",
+          "item": "default"
+        },
+        "path": [
+          "notification",
+          "unavailable-background-color",
+          "default"
+        ]
+      },
+      "hover": {
+        "key": "{notification.unavailable-background-color.hover}",
+        "value": "#F8F8F8",
+        "filePath": "src/status/notification.yml",
+        "isSource": true,
+        "original": {
+          "value": "{unavailable-outline-background-color.hover}",
+          "key": "{notification.unavailable-background-color.hover}"
+        },
+        "name": "NotificationUnavailableBackgroundColorHover",
+        "attributes": {
+          "category": "notification",
+          "type": "unavailable-background-color",
+          "item": "hover"
+        },
+        "path": [
+          "notification",
+          "unavailable-background-color",
+          "hover"
+        ]
+      },
+      "pressed": {
+        "key": "{notification.unavailable-background-color.pressed}",
+        "value": "#E6E6E6",
+        "filePath": "src/status/notification.yml",
+        "isSource": true,
+        "original": {
+          "value": "{unavailable-outline-background-color.pressed}",
+          "key": "{notification.unavailable-background-color.pressed}"
+        },
+        "name": "NotificationUnavailableBackgroundColorPressed",
+        "attributes": {
+          "category": "notification",
+          "type": "unavailable-background-color",
+          "item": "pressed"
+        },
+        "path": [
+          "notification",
+          "unavailable-background-color",
+          "pressed"
+        ]
+      }
     }
   },
   "password-creation-field": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.776",
+  "version": "0.2.0-alpha.778",
   "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.2.0"
   },
-  "gitHead": "12a4279ba12746b68233f8aa772f2a9effe726be"
+  "gitHead": "4342a7cd485ab133ff20aedd8bbe8c7e1b3543c3"
 }