@mittwald/flow-design-tokens 1.1.47 → 1.1.49

package/dist/css/all-dark.css

@@ -1074,6 +1074,7 @@
   --notification--border-x-start-width: var(--border-width--300);
   --notification--border-width: var(--border-width--100);
   --notification--border-color: var(--neutral--color--300);
+  --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
   --notification--info-background-color--default: var(--neutral--color--100);
   --notification--warning-background-color--default: var(--neutral--color--100);
   --notification--danger-background-color--default: var(--neutral--color--100);

package/dist/css/all-light.css

@@ -1074,6 +1074,7 @@
   --notification--border-x-start-width: var(--border-width--300);
   --notification--border-width: var(--border-width--100);
   --notification--border-color: var(--neutral--color--300);
+  --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
   --notification--info-background-color--default: var(--neutral--color--100);
   --notification--warning-background-color--default: var(--neutral--color--100);
   --notification--danger-background-color--default: var(--neutral--color--100);

package/dist/css/base.css

@@ -917,6 +917,7 @@
   --notification--border-x-start-width: var(--border-width--300);
   --notification--border-width: var(--border-width--100);
   --notification--border-color: var(--neutral--color--300);
+  --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
   --notification--info-background-color--default: var(--neutral--color--100);
   --notification--warning-background-color--default: var(--neutral--color--100);
   --notification--danger-background-color--default: var(--neutral--color--100);

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

@@ -1075,6 +1075,7 @@
     --notification--border-x-start-width: var(--border-width--300);
     --notification--border-width: var(--border-width--100);
     --notification--border-color: var(--neutral--color--300);
+    --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
     --notification--info-background-color--default: var(--neutral--color--100);
     --notification--warning-background-color--default: var(--neutral--color--100);
     --notification--danger-background-color--default: var(--neutral--color--100);

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

@@ -1075,6 +1075,7 @@
     --notification--border-x-start-width: var(--border-width--300);
     --notification--border-width: var(--border-width--100);
     --notification--border-color: var(--neutral--color--300);
+    --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
     --notification--info-background-color--default: var(--neutral--color--100);
     --notification--warning-background-color--default: var(--neutral--color--100);
     --notification--danger-background-color--default: var(--neutral--color--100);

package/dist/css-layered/base.css

@@ -918,6 +918,7 @@
     --notification--border-x-start-width: var(--border-width--300);
     --notification--border-width: var(--border-width--100);
     --notification--border-color: var(--neutral--color--300);
+    --notification--max-width: calc(100dvw - 2 * var(--notification-provider--window-to-provider-spacing));
     --notification--info-background-color--default: var(--neutral--color--100);
     --notification--warning-background-color--default: var(--neutral--color--100);
     --notification--danger-background-color--default: var(--neutral--color--100);

package/dist/json/all-dark.json

@@ -27998,6 +27998,25 @@
         "width"
       ]
     },
+    "max-width": {
+      "key": "{notification.max-width}",
+      "value": "calc(100dvw - 2 * 32px)",
+      "filePath": "src/status/notification.yml",
+      "isSource": true,
+      "original": {
+        "value": "calc(100dvw - 2 * {notification-provider.window-to-provider-spacing})",
+        "key": "{notification.max-width}"
+      },
+      "name": "NotificationMaxWidth",
+      "attributes": {
+        "category": "notification",
+        "type": "max-width"
+      },
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "key": "{notification.heading-to-text-spacing}",
       "value": "0.25rem",

package/dist/json/all-light.json

@@ -27998,6 +27998,25 @@
         "width"
       ]
     },
+    "max-width": {
+      "key": "{notification.max-width}",
+      "value": "calc(100dvw - 2 * 32px)",
+      "filePath": "src/status/notification.yml",
+      "isSource": true,
+      "original": {
+        "value": "calc(100dvw - 2 * {notification-provider.window-to-provider-spacing})",
+        "key": "{notification.max-width}"
+      },
+      "name": "NotificationMaxWidth",
+      "attributes": {
+        "category": "notification",
+        "type": "max-width"
+      },
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "key": "{notification.heading-to-text-spacing}",
       "value": "0.25rem",

package/dist/json/base.json

@@ -24675,6 +24675,25 @@
         "width"
       ]
     },
+    "max-width": {
+      "key": "{notification.max-width}",
+      "value": "calc(100dvw - 2 * 32px)",
+      "filePath": "src/status/notification.yml",
+      "isSource": true,
+      "original": {
+        "value": "calc(100dvw - 2 * {notification-provider.window-to-provider-spacing})",
+        "key": "{notification.max-width}"
+      },
+      "name": "NotificationMaxWidth",
+      "attributes": {
+        "category": "notification",
+        "type": "max-width"
+      },
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "key": "{notification.heading-to-text-spacing}",
       "value": "0.25rem",

package/dist/json-runtime/all-dark.json

@@ -10835,6 +10835,13 @@
         "width"
       ]
     },
+    "max-width": {
+      "value": "calc(100dvw - 2 * 32px)",
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "value": "0.25rem",
       "path": [

package/dist/json-runtime/all-light.json

@@ -10835,6 +10835,13 @@
         "width"
       ]
     },
+    "max-width": {
+      "value": "calc(100dvw - 2 * 32px)",
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "value": "0.25rem",
       "path": [

package/dist/json-runtime/base.json

@@ -9550,6 +9550,13 @@
         "width"
       ]
     },
+    "max-width": {
+      "value": "calc(100dvw - 2 * 32px)",
+      "path": [
+        "notification",
+        "max-width"
+      ]
+    },
     "heading-to-text-spacing": {
       "value": "0.25rem",
       "path": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "1.1.47",
+  "version": "1.1.49",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -30,5 +30,5 @@
     "rimraf": "^6.1.3",
     "style-dictionary": "^5.5.2"
   },
-  "gitHead": "c2ca43cf7049d3f9bf79c8844a8e375932f8dc85"
+  "gitHead": "eb6653984a27688c3ad0d58c5ac1c078229620b5"
 }