@mittwald/flow-design-tokens 0.2.0-alpha.114 → 0.2.0-alpha.116

package/dist/variables.css

@@ -236,6 +236,7 @@
   --contextual-help--max-width: 500px;
   --modal--size--s: 660px;
   --modal--size--m: 900px;
+  --modal--size--l: 1300px;
   --modal--content-min-height: 120px;
   --popover--min-width: 200px;
   --tooltip--max-width: 300px;
@@ -671,8 +672,8 @@
   --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--background-color-gradient: var(--color--gradient);
+  --accent-box--background-color-blue: var(--color--hosting-blue--100);
   --accent-box--icon-color-blue: var(--color--hosting-blue--200);
   --accent-box--padding: var(--size-px--m);
   --accordion--spacing: var(--size-rem--s);
@@ -1026,6 +1027,8 @@
   --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--background-color-neutral: var(--neutral--color--300);
+  --accent-box--icon-color-neutral: var(--neutral--color--400);
   --accent-box--corner-radius: var(--corner-radius--default);
   --accordion--corner-radius: var(--corner-radius--default);
   --accordion--border-width: var(--border-width--100);

package/dist/variables.json

@@ -17597,6 +17597,25 @@
           "size",
           "m"
         ]
+      },
+      "l": {
+        "value": "1300px",
+        "filePath": "src/overlays/modal.yml",
+        "isSource": true,
+        "original": {
+          "value": "1300px"
+        },
+        "name": "ModalSizeL",
+        "attributes": {
+          "category": "modal",
+          "type": "size",
+          "item": "l"
+        },
+        "path": [
+          "modal",
+          "size",
+          "l"
+        ]
       }
     },
     "footer-background-color": {
@@ -22003,21 +22022,21 @@
     }
   },
   "accent-box": {
-    "background-color-blue": {
-      "value": "#F0F5FF",
+    "background-color-neutral": {
+      "value": "#F8F8F8",
       "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{color.hosting-blue.100}"
+        "value": "{neutral.color.300}"
       },
-      "name": "AccentBoxBackgroundColorBlue",
+      "name": "AccentBoxBackgroundColorNeutral",
       "attributes": {
         "category": "accent-box",
-        "type": "background-color-blue"
+        "type": "background-color-neutral"
       },
       "path": [
         "accent-box",
-        "background-color-blue"
+        "background-color-neutral"
       ]
     },
     "background-color-green": {
@@ -22054,6 +22073,23 @@
         "background-color-gradient"
       ]
     },
+    "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",
@@ -22105,6 +22141,23 @@
         "icon-color-gradient"
       ]
     },
+    "icon-color-neutral": {
+      "value": "#E6E6E6",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.400}"
+      },
+      "name": "AccentBoxIconColorNeutral",
+      "attributes": {
+        "category": "accent-box",
+        "type": "icon-color-neutral"
+      },
+      "path": [
+        "accent-box",
+        "icon-color-neutral"
+      ]
+    },
     "padding": {
       "value": "16px",
       "filePath": "src/structure/accent-box.yml",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.114",
+  "version": "0.2.0-alpha.116",
   "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": "50e61e2b1a3cb670e8e46d801d7702fbcd2c9bff"
+  "gitHead": "ba590ed3f8fa3490dff512cb78e2a8072e4a0320"
 }