@mittwald/flow-design-tokens 0.2.0-alpha.995 → 0.2.0-alpha.997

package/dist/css/all-dark.css

@@ -427,6 +427,9 @@
   --decorative--lilac-content-color: var(--color--bright-lilac--1000);
   --heading--icon-to-text-spacing: var(--size-rem--s);
   --heading--font-weight: var(--font-weight--bold);
+  --icon--violet-color: var(--color--soft-contrast-violet--800);
+  --icon--teal-color: var(--color--super-teal--800);
+  --icon--lilac-color: var(--color--bright-lilac--800);
   --illustrated-message--padding: var(--size-px--m);
   --illustrated-message--spacing: var(--size-rem--m);
   --image--border-style: var(--border-style--default);
@@ -945,6 +948,7 @@
   --icon--danger-color: var(--danger--color--900);
   --icon--success-color: var(--success--color--900);
   --icon--unavailable-color: var(--unavailable--color--800);
+  --icon--blue-color: var(--primary--color--1000);
   --illustrated-message--danger-content-color: var(--danger--color--900);
   --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
   --image--corner-radius: var(--corner-radius--m);
@@ -1305,6 +1309,10 @@
   --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--dark-color: var(--dark-plain-content-color);
+  --icon--light-color: var(--light-plain-content-color);
+  --icon--dark-static-color: var(--dark-static-plain-content-color);
+  --icon--light-static-color: var(--light-static-plain-content-color);
   --illustrated-message--content-color: var(--heading--color);
   --illustrated-message--dark-content-color: var(--dark-plain-content-color);
   --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/css/all-light.css

@@ -427,6 +427,9 @@
   --decorative--lilac-content-color: var(--color--bright-lilac--1000);
   --heading--icon-to-text-spacing: var(--size-rem--s);
   --heading--font-weight: var(--font-weight--bold);
+  --icon--violet-color: var(--color--soft-contrast-violet--800);
+  --icon--teal-color: var(--color--super-teal--800);
+  --icon--lilac-color: var(--color--bright-lilac--800);
   --illustrated-message--padding: var(--size-px--m);
   --illustrated-message--spacing: var(--size-rem--m);
   --image--border-style: var(--border-style--default);
@@ -945,6 +948,7 @@
   --icon--danger-color: var(--danger--color--900);
   --icon--success-color: var(--success--color--900);
   --icon--unavailable-color: var(--unavailable--color--800);
+  --icon--blue-color: var(--primary--color--1000);
   --illustrated-message--danger-content-color: var(--danger--color--900);
   --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
   --image--corner-radius: var(--corner-radius--m);
@@ -1305,6 +1309,10 @@
   --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--dark-color: var(--dark-plain-content-color);
+  --icon--light-color: var(--light-plain-content-color);
+  --icon--dark-static-color: var(--dark-static-plain-content-color);
+  --icon--light-static-color: var(--light-static-plain-content-color);
   --illustrated-message--content-color: var(--heading--color);
   --illustrated-message--dark-content-color: var(--dark-plain-content-color);
   --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/css/base.css

@@ -270,6 +270,9 @@
   --decorative--lilac-content-color: var(--color--bright-lilac--1000);
   --heading--icon-to-text-spacing: var(--size-rem--s);
   --heading--font-weight: var(--font-weight--bold);
+  --icon--violet-color: var(--color--soft-contrast-violet--800);
+  --icon--teal-color: var(--color--super-teal--800);
+  --icon--lilac-color: var(--color--bright-lilac--800);
   --illustrated-message--padding: var(--size-px--m);
   --illustrated-message--spacing: var(--size-rem--m);
   --image--border-style: var(--border-style--default);
@@ -788,6 +791,7 @@
   --icon--danger-color: var(--danger--color--900);
   --icon--success-color: var(--success--color--900);
   --icon--unavailable-color: var(--unavailable--color--800);
+  --icon--blue-color: var(--primary--color--1000);
   --illustrated-message--danger-content-color: var(--danger--color--900);
   --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
   --image--corner-radius: var(--corner-radius--m);
@@ -1148,6 +1152,10 @@
   --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--dark-color: var(--dark-plain-content-color);
+  --icon--light-color: var(--light-plain-content-color);
+  --icon--dark-static-color: var(--dark-static-plain-content-color);
+  --icon--light-static-color: var(--light-static-plain-content-color);
   --illustrated-message--content-color: var(--heading--color);
   --illustrated-message--dark-content-color: var(--dark-plain-content-color);
   --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/css-layered/all-dark.css

@@ -428,6 +428,9 @@
     --decorative--lilac-content-color: var(--color--bright-lilac--1000);
     --heading--icon-to-text-spacing: var(--size-rem--s);
     --heading--font-weight: var(--font-weight--bold);
+    --icon--violet-color: var(--color--soft-contrast-violet--800);
+    --icon--teal-color: var(--color--super-teal--800);
+    --icon--lilac-color: var(--color--bright-lilac--800);
     --illustrated-message--padding: var(--size-px--m);
     --illustrated-message--spacing: var(--size-rem--m);
     --image--border-style: var(--border-style--default);
@@ -946,6 +949,7 @@
     --icon--danger-color: var(--danger--color--900);
     --icon--success-color: var(--success--color--900);
     --icon--unavailable-color: var(--unavailable--color--800);
+    --icon--blue-color: var(--primary--color--1000);
     --illustrated-message--danger-content-color: var(--danger--color--900);
     --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
     --image--corner-radius: var(--corner-radius--m);
@@ -1306,6 +1310,10 @@
     --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--dark-color: var(--dark-plain-content-color);
+    --icon--light-color: var(--light-plain-content-color);
+    --icon--dark-static-color: var(--dark-static-plain-content-color);
+    --icon--light-static-color: var(--light-static-plain-content-color);
     --illustrated-message--content-color: var(--heading--color);
     --illustrated-message--dark-content-color: var(--dark-plain-content-color);
     --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/css-layered/all-light.css

@@ -428,6 +428,9 @@
     --decorative--lilac-content-color: var(--color--bright-lilac--1000);
     --heading--icon-to-text-spacing: var(--size-rem--s);
     --heading--font-weight: var(--font-weight--bold);
+    --icon--violet-color: var(--color--soft-contrast-violet--800);
+    --icon--teal-color: var(--color--super-teal--800);
+    --icon--lilac-color: var(--color--bright-lilac--800);
     --illustrated-message--padding: var(--size-px--m);
     --illustrated-message--spacing: var(--size-rem--m);
     --image--border-style: var(--border-style--default);
@@ -946,6 +949,7 @@
     --icon--danger-color: var(--danger--color--900);
     --icon--success-color: var(--success--color--900);
     --icon--unavailable-color: var(--unavailable--color--800);
+    --icon--blue-color: var(--primary--color--1000);
     --illustrated-message--danger-content-color: var(--danger--color--900);
     --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
     --image--corner-radius: var(--corner-radius--m);
@@ -1306,6 +1310,10 @@
     --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--dark-color: var(--dark-plain-content-color);
+    --icon--light-color: var(--light-plain-content-color);
+    --icon--dark-static-color: var(--dark-static-plain-content-color);
+    --icon--light-static-color: var(--light-static-plain-content-color);
     --illustrated-message--content-color: var(--heading--color);
     --illustrated-message--dark-content-color: var(--dark-plain-content-color);
     --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/css-layered/base.css

@@ -271,6 +271,9 @@
     --decorative--lilac-content-color: var(--color--bright-lilac--1000);
     --heading--icon-to-text-spacing: var(--size-rem--s);
     --heading--font-weight: var(--font-weight--bold);
+    --icon--violet-color: var(--color--soft-contrast-violet--800);
+    --icon--teal-color: var(--color--super-teal--800);
+    --icon--lilac-color: var(--color--bright-lilac--800);
     --illustrated-message--padding: var(--size-px--m);
     --illustrated-message--spacing: var(--size-rem--m);
     --image--border-style: var(--border-style--default);
@@ -789,6 +792,7 @@
     --icon--danger-color: var(--danger--color--900);
     --icon--success-color: var(--success--color--900);
     --icon--unavailable-color: var(--unavailable--color--800);
+    --icon--blue-color: var(--primary--color--1000);
     --illustrated-message--danger-content-color: var(--danger--color--900);
     --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
     --image--corner-radius: var(--corner-radius--m);
@@ -1149,6 +1153,10 @@
     --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--dark-color: var(--dark-plain-content-color);
+    --icon--light-color: var(--light-plain-content-color);
+    --icon--dark-static-color: var(--dark-static-plain-content-color);
+    --icon--light-static-color: var(--light-static-plain-content-color);
     --illustrated-message--content-color: var(--heading--color);
     --illustrated-message--dark-content-color: var(--dark-plain-content-color);
     --illustrated-message--light-content-color: var(--light-plain-content-color);

package/dist/json/all-dark.json

@@ -16782,6 +16782,158 @@
         "icon",
         "unavailable-color"
       ]
+    },
+    "blue-color": {
+      "key": "{icon.blue-color}",
+      "value": "#E0EBFF",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{primary.color.1000}",
+        "key": "{icon.blue-color}"
+      },
+      "name": "IconBlueColor",
+      "attributes": {
+        "category": "icon",
+        "type": "blue-color"
+      },
+      "path": [
+        "icon",
+        "blue-color"
+      ]
+    },
+    "violet-color": {
+      "key": "{icon.violet-color}",
+      "value": "#C2B9F8",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.soft-contrast-violet.800}",
+        "key": "{icon.violet-color}"
+      },
+      "name": "IconVioletColor",
+      "attributes": {
+        "category": "icon",
+        "type": "violet-color"
+      },
+      "path": [
+        "icon",
+        "violet-color"
+      ]
+    },
+    "teal-color": {
+      "key": "{icon.teal-color}",
+      "value": "#5eedff",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.super-teal.800}",
+        "key": "{icon.teal-color}"
+      },
+      "name": "IconTealColor",
+      "attributes": {
+        "category": "icon",
+        "type": "teal-color"
+      },
+      "path": [
+        "icon",
+        "teal-color"
+      ]
+    },
+    "lilac-color": {
+      "key": "{icon.lilac-color}",
+      "value": "#ebb6ff",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.bright-lilac.800}",
+        "key": "{icon.lilac-color}"
+      },
+      "name": "IconLilacColor",
+      "attributes": {
+        "category": "icon",
+        "type": "lilac-color"
+      },
+      "path": [
+        "icon",
+        "lilac-color"
+      ]
+    },
+    "dark-color": {
+      "key": "{icon.dark-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-plain-content-color}",
+        "key": "{icon.dark-color}"
+      },
+      "name": "IconDarkColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-color"
+      },
+      "path": [
+        "icon",
+        "dark-color"
+      ]
+    },
+    "light-color": {
+      "key": "{icon.light-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-plain-content-color}",
+        "key": "{icon.light-color}"
+      },
+      "name": "IconLightColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-color"
+      },
+      "path": [
+        "icon",
+        "light-color"
+      ]
+    },
+    "dark-static-color": {
+      "key": "{icon.dark-static-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-static-plain-content-color}",
+        "key": "{icon.dark-static-color}"
+      },
+      "name": "IconDarkStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-static-color"
+      },
+      "path": [
+        "icon",
+        "dark-static-color"
+      ]
+    },
+    "light-static-color": {
+      "key": "{icon.light-static-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-static-plain-content-color}",
+        "key": "{icon.light-static-color}"
+      },
+      "name": "IconLightStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-static-color"
+      },
+      "path": [
+        "icon",
+        "light-static-color"
+      ]
     }
   },
   "illustrated-message": {

package/dist/json/all-light.json

@@ -16782,6 +16782,158 @@
         "icon",
         "unavailable-color"
       ]
+    },
+    "blue-color": {
+      "key": "{icon.blue-color}",
+      "value": "#002A7B",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{primary.color.1000}",
+        "key": "{icon.blue-color}"
+      },
+      "name": "IconBlueColor",
+      "attributes": {
+        "category": "icon",
+        "type": "blue-color"
+      },
+      "path": [
+        "icon",
+        "blue-color"
+      ]
+    },
+    "violet-color": {
+      "key": "{icon.violet-color}",
+      "value": "#715DEE",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.soft-contrast-violet.800}",
+        "key": "{icon.violet-color}"
+      },
+      "name": "IconVioletColor",
+      "attributes": {
+        "category": "icon",
+        "type": "violet-color"
+      },
+      "path": [
+        "icon",
+        "violet-color"
+      ]
+    },
+    "teal-color": {
+      "key": "{icon.teal-color}",
+      "value": "#008696",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.super-teal.800}",
+        "key": "{icon.teal-color}"
+      },
+      "name": "IconTealColor",
+      "attributes": {
+        "category": "icon",
+        "type": "teal-color"
+      },
+      "path": [
+        "icon",
+        "teal-color"
+      ]
+    },
+    "lilac-color": {
+      "key": "{icon.lilac-color}",
+      "value": "#bc08ff",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.bright-lilac.800}",
+        "key": "{icon.lilac-color}"
+      },
+      "name": "IconLilacColor",
+      "attributes": {
+        "category": "icon",
+        "type": "lilac-color"
+      },
+      "path": [
+        "icon",
+        "lilac-color"
+      ]
+    },
+    "dark-color": {
+      "key": "{icon.dark-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-plain-content-color}",
+        "key": "{icon.dark-color}"
+      },
+      "name": "IconDarkColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-color"
+      },
+      "path": [
+        "icon",
+        "dark-color"
+      ]
+    },
+    "light-color": {
+      "key": "{icon.light-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-plain-content-color}",
+        "key": "{icon.light-color}"
+      },
+      "name": "IconLightColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-color"
+      },
+      "path": [
+        "icon",
+        "light-color"
+      ]
+    },
+    "dark-static-color": {
+      "key": "{icon.dark-static-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-static-plain-content-color}",
+        "key": "{icon.dark-static-color}"
+      },
+      "name": "IconDarkStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-static-color"
+      },
+      "path": [
+        "icon",
+        "dark-static-color"
+      ]
+    },
+    "light-static-color": {
+      "key": "{icon.light-static-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-static-plain-content-color}",
+        "key": "{icon.light-static-color}"
+      },
+      "name": "IconLightStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-static-color"
+      },
+      "path": [
+        "icon",
+        "light-static-color"
+      ]
     }
   },
   "illustrated-message": {

package/dist/json/base.json

@@ -13459,6 +13459,158 @@
         "icon",
         "unavailable-color"
       ]
+    },
+    "blue-color": {
+      "key": "{icon.blue-color}",
+      "value": "#002A7B",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{primary.color.1000}",
+        "key": "{icon.blue-color}"
+      },
+      "name": "IconBlueColor",
+      "attributes": {
+        "category": "icon",
+        "type": "blue-color"
+      },
+      "path": [
+        "icon",
+        "blue-color"
+      ]
+    },
+    "violet-color": {
+      "key": "{icon.violet-color}",
+      "value": "#715DEE",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.soft-contrast-violet.800}",
+        "key": "{icon.violet-color}"
+      },
+      "name": "IconVioletColor",
+      "attributes": {
+        "category": "icon",
+        "type": "violet-color"
+      },
+      "path": [
+        "icon",
+        "violet-color"
+      ]
+    },
+    "teal-color": {
+      "key": "{icon.teal-color}",
+      "value": "#008696",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.super-teal.800}",
+        "key": "{icon.teal-color}"
+      },
+      "name": "IconTealColor",
+      "attributes": {
+        "category": "icon",
+        "type": "teal-color"
+      },
+      "path": [
+        "icon",
+        "teal-color"
+      ]
+    },
+    "lilac-color": {
+      "key": "{icon.lilac-color}",
+      "value": "#bc08ff",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.bright-lilac.800}",
+        "key": "{icon.lilac-color}"
+      },
+      "name": "IconLilacColor",
+      "attributes": {
+        "category": "icon",
+        "type": "lilac-color"
+      },
+      "path": [
+        "icon",
+        "lilac-color"
+      ]
+    },
+    "dark-color": {
+      "key": "{icon.dark-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-plain-content-color}",
+        "key": "{icon.dark-color}"
+      },
+      "name": "IconDarkColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-color"
+      },
+      "path": [
+        "icon",
+        "dark-color"
+      ]
+    },
+    "light-color": {
+      "key": "{icon.light-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-plain-content-color}",
+        "key": "{icon.light-color}"
+      },
+      "name": "IconLightColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-color"
+      },
+      "path": [
+        "icon",
+        "light-color"
+      ]
+    },
+    "dark-static-color": {
+      "key": "{icon.dark-static-color}",
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-static-plain-content-color}",
+        "key": "{icon.dark-static-color}"
+      },
+      "name": "IconDarkStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "dark-static-color"
+      },
+      "path": [
+        "icon",
+        "dark-static-color"
+      ]
+    },
+    "light-static-color": {
+      "key": "{icon.light-static-color}",
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-static-plain-content-color}",
+        "key": "{icon.light-static-color}"
+      },
+      "name": "IconLightStaticColor",
+      "attributes": {
+        "category": "icon",
+        "type": "light-static-color"
+      },
+      "path": [
+        "icon",
+        "light-static-color"
+      ]
     }
   },
   "illustrated-message": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.995",
+  "version": "0.2.0-alpha.997",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -29,5 +29,5 @@
     "rimraf": "^6.1.3",
     "style-dictionary": "^5.4.4"
   },
-  "gitHead": "3ae43320fd8370cb80589a345aa9a130b0bb6c3b"
+  "gitHead": "241af9b8fc8ed6b45ba7b2fa6f99d54d50dc021d"
 }