@mittwald/flow-design-tokens 0.2.0-alpha.94 → 0.2.0-alpha.96

package/dist/variables.css

@@ -136,6 +136,7 @@
   --color--categorical--green: #008f5d;
   --color--categorical--lime: #bce931;
   --color--transparent: transparent;
+  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
   --avatar--size--m: 2.5rem;
   --code--default-syntax-color-addition: #397300;
   --code--default-syntax-color-built-in: #397300;
@@ -654,6 +655,10 @@
   --progress-bar--spacing-x: var(--size-rem--m);
   --progress-bar--height: var(--size-rem--s);
   --progress-bar--corner-radius: var(--size-rem--xs);
+  --accent-box--background-color-blue: var(--color--hosting-blue--100);
+  --accent-box--icon-color-blue: var(--color--hosting-blue--200);
+  --accent-box--background-color-gradient: var(--color--gradient);
+  --accent-box--padding: var(--size-px--m);
   --accordion--spacing: var(--size-rem--s);
   --accordion--border-style: var(--border-style--default);
   --accordion--padding-x: var(--size-px--s);
@@ -998,6 +1003,7 @@
   --notification--success-background-color--default: var(--neutral--color--100);
   --progress-bar--border-width: var(--border-width--100);
   --progress-bar--background-color: var(--neutral-outline-background-color--default);
+  --accent-box--corner-radius: var(--corner-radius--default);
   --accordion--corner-radius: var(--corner-radius--default);
   --accordion--border-width: var(--border-width--100);
   --accordion--background-color--hover: var(--primary--color--100);

package/dist/variables.json

@@ -11562,6 +11562,23 @@
         "color",
         "transparent"
       ]
+    },
+    "gradient": {
+      "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)",
+      "filePath": "src/color-palette.yml",
+      "isSource": true,
+      "original": {
+        "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)"
+      },
+      "name": "ColorGradient",
+      "attributes": {
+        "category": "color",
+        "type": "gradient"
+      },
+      "path": [
+        "color",
+        "gradient"
+      ]
     }
   },
   "avatar-stack": {
@@ -21627,6 +21644,93 @@
       ]
     }
   },
+  "accent-box": {
+    "background-color-blue": {
+      "value": "#F0F5FF",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.100}"
+      },
+      "name": "AccentBoxBackgroundColorBlue",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-blue"
+      },
+      "path": [
+        "accent-box",
+        "background-color-blue"
+      ]
+    },
+    "icon-color-blue": {
+      "value": "#E0EBFF",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.200}"
+      },
+      "name": "AccentBoxIconColorBlue",
+      "attributes": {
+        "category": "accent-box",
+        "type": "icon-color-blue"
+      },
+      "path": [
+        "accent-box",
+        "icon-color-blue"
+      ]
+    },
+    "background-color-gradient": {
+      "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gradient}"
+      },
+      "name": "AccentBoxBackgroundColorGradient",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-gradient"
+      },
+      "path": [
+        "accent-box",
+        "background-color-gradient"
+      ]
+    },
+    "padding": {
+      "value": "16px",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "AccentBoxPadding",
+      "attributes": {
+        "category": "accent-box",
+        "type": "padding"
+      },
+      "path": [
+        "accent-box",
+        "padding"
+      ]
+    },
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "AccentBoxCornerRadius",
+      "attributes": {
+        "category": "accent-box",
+        "type": "corner-radius"
+      },
+      "path": [
+        "accent-box",
+        "corner-radius"
+      ]
+    }
+  },
   "accordion": {
     "spacing": {
       "value": "0.5rem",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.94",
+  "version": "0.2.0-alpha.96",
   "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.0.1",
     "style-dictionary": "^4.3.3"
   },
-  "gitHead": "5627520986cd3e7e6c80a6baa92cc6820a9852bc"
+  "gitHead": "c809c197da4de58ad90381c4a90f4acd1307f428"
 }