@mittwald/flow-design-tokens 1.2.0-next.6 → 1.2.0-next.60

package/dist/css/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/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/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/css-layered/all-dark.css

@@ -1076,6 +1076,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

@@ -1076,6 +1076,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

@@ -919,6 +919,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

@@ -28019,6 +28019,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

@@ -28019,6 +28019,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

@@ -24696,6 +24696,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

@@ -10844,6 +10844,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

@@ -10844,6 +10844,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

@@ -9559,6 +9559,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,10 +1,11 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "1.2.0-next.6",
+  "version": "1.2.0-next.60",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
   "repository": "https://github.com/mittwald/flow",
+  "license": "MIT",
   "exports": {
     "./css/*": "./dist/css/*",
     "./css-layered/*": "./dist/css-layered/*",
@@ -29,5 +30,5 @@
     "rimraf": "^6.1.3",
     "style-dictionary": "^5.5.2"
   },
-  "gitHead": "9e74f995ca1e430f85aaff420759d73f47fec6bc"
+  "gitHead": "fe1cb737637b3744ffd938dbafce8ee1361ada15"
 }