@mittwald/flow-design-tokens 1.2.0-next.61 → 1.2.0-next.63

package/dist/css/all-dark.css

@@ -195,6 +195,7 @@
   --switch--track-width: 2.75rem;
   --switch--track-corner-radius: 0.75rem;
   --switch--handle-size: 1.25rem;
+  --coach-mark--max-width: 360px;
   --contextual-help--max-width: 500px;
   --modal--size--s: 660px;
   --modal--size--m: 900px;
@@ -537,6 +538,7 @@
   --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
   --popover--padding--m: var(--size-px--m);
   --popover--padding--s: var(--size-px--s);
+  --popover--viewport-padding: var(--size-px--m);
   --popover--border-style: var(--border-style--default);
   --popover--spacing: var(--size-px--s);
   --popover--popover-to-trigger-spacing: var(--size-px--m);

package/dist/css/all-light.css

@@ -195,6 +195,7 @@
   --switch--track-width: 2.75rem;
   --switch--track-corner-radius: 0.75rem;
   --switch--handle-size: 1.25rem;
+  --coach-mark--max-width: 360px;
   --contextual-help--max-width: 500px;
   --modal--size--s: 660px;
   --modal--size--m: 900px;
@@ -537,6 +538,7 @@
   --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
   --popover--padding--m: var(--size-px--m);
   --popover--padding--s: var(--size-px--s);
+  --popover--viewport-padding: var(--size-px--m);
   --popover--border-style: var(--border-style--default);
   --popover--spacing: var(--size-px--s);
   --popover--popover-to-trigger-spacing: var(--size-px--m);

package/dist/css/base.css

@@ -38,6 +38,7 @@
   --switch--track-width: 2.75rem;
   --switch--track-corner-radius: 0.75rem;
   --switch--handle-size: 1.25rem;
+  --coach-mark--max-width: 360px;
   --contextual-help--max-width: 500px;
   --modal--size--s: 660px;
   --modal--size--m: 900px;
@@ -380,6 +381,7 @@
   --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
   --popover--padding--m: var(--size-px--m);
   --popover--padding--s: var(--size-px--s);
+  --popover--viewport-padding: var(--size-px--m);
   --popover--border-style: var(--border-style--default);
   --popover--spacing: var(--size-px--s);
   --popover--popover-to-trigger-spacing: var(--size-px--m);

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

@@ -196,6 +196,7 @@
     --switch--track-width: 2.75rem;
     --switch--track-corner-radius: 0.75rem;
     --switch--handle-size: 1.25rem;
+    --coach-mark--max-width: 360px;
     --contextual-help--max-width: 500px;
     --modal--size--s: 660px;
     --modal--size--m: 900px;
@@ -538,6 +539,7 @@
     --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
     --popover--padding--m: var(--size-px--m);
     --popover--padding--s: var(--size-px--s);
+    --popover--viewport-padding: var(--size-px--m);
     --popover--border-style: var(--border-style--default);
     --popover--spacing: var(--size-px--s);
     --popover--popover-to-trigger-spacing: var(--size-px--m);

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

@@ -196,6 +196,7 @@
     --switch--track-width: 2.75rem;
     --switch--track-corner-radius: 0.75rem;
     --switch--handle-size: 1.25rem;
+    --coach-mark--max-width: 360px;
     --contextual-help--max-width: 500px;
     --modal--size--s: 660px;
     --modal--size--m: 900px;
@@ -538,6 +539,7 @@
     --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
     --popover--padding--m: var(--size-px--m);
     --popover--padding--s: var(--size-px--s);
+    --popover--viewport-padding: var(--size-px--m);
     --popover--border-style: var(--border-style--default);
     --popover--spacing: var(--size-px--s);
     --popover--popover-to-trigger-spacing: var(--size-px--m);

package/dist/css-layered/base.css

@@ -39,6 +39,7 @@
     --switch--track-width: 2.75rem;
     --switch--track-corner-radius: 0.75rem;
     --switch--handle-size: 1.25rem;
+    --coach-mark--max-width: 360px;
     --contextual-help--max-width: 500px;
     --modal--size--s: 660px;
     --modal--size--m: 900px;
@@ -381,6 +382,7 @@
     --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
     --popover--padding--m: var(--size-px--m);
     --popover--padding--s: var(--size-px--s);
+    --popover--viewport-padding: var(--size-px--m);
     --popover--border-style: var(--border-style--default);
     --popover--spacing: var(--size-px--s);
     --popover--popover-to-trigger-spacing: var(--size-px--m);

package/dist/json/all-dark.json

@@ -22890,6 +22890,27 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "key": "{coach-mark.max-width}",
+      "value": "360px",
+      "filePath": "src/overlays/coach-mark.yml",
+      "isSource": true,
+      "original": {
+        "value": "360px",
+        "key": "{coach-mark.max-width}"
+      },
+      "name": "CoachMarkMaxWidth",
+      "attributes": {
+        "category": "coach-mark",
+        "type": "max-width"
+      },
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "key": "{contextual-help.max-width}",
@@ -23559,6 +23580,25 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "key": "{popover.viewport-padding}",
+      "value": "16px",
+      "filePath": "src/overlays/popover.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}",
+        "key": "{popover.viewport-padding}"
+      },
+      "name": "PopoverViewportPadding",
+      "attributes": {
+        "category": "popover",
+        "type": "viewport-padding"
+      },
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "key": "{popover.border-width}",
       "value": "1px",

package/dist/json/all-light.json

@@ -22890,6 +22890,27 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "key": "{coach-mark.max-width}",
+      "value": "360px",
+      "filePath": "src/overlays/coach-mark.yml",
+      "isSource": true,
+      "original": {
+        "value": "360px",
+        "key": "{coach-mark.max-width}"
+      },
+      "name": "CoachMarkMaxWidth",
+      "attributes": {
+        "category": "coach-mark",
+        "type": "max-width"
+      },
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "key": "{contextual-help.max-width}",
@@ -23559,6 +23580,25 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "key": "{popover.viewport-padding}",
+      "value": "16px",
+      "filePath": "src/overlays/popover.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}",
+        "key": "{popover.viewport-padding}"
+      },
+      "name": "PopoverViewportPadding",
+      "attributes": {
+        "category": "popover",
+        "type": "viewport-padding"
+      },
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "key": "{popover.border-width}",
       "value": "1px",

package/dist/json/base.json

@@ -19567,6 +19567,27 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "key": "{coach-mark.max-width}",
+      "value": "360px",
+      "filePath": "src/overlays/coach-mark.yml",
+      "isSource": true,
+      "original": {
+        "value": "360px",
+        "key": "{coach-mark.max-width}"
+      },
+      "name": "CoachMarkMaxWidth",
+      "attributes": {
+        "category": "coach-mark",
+        "type": "max-width"
+      },
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "key": "{contextual-help.max-width}",
@@ -20236,6 +20257,25 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "key": "{popover.viewport-padding}",
+      "value": "16px",
+      "filePath": "src/overlays/popover.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}",
+        "key": "{popover.viewport-padding}"
+      },
+      "name": "PopoverViewportPadding",
+      "attributes": {
+        "category": "popover",
+        "type": "viewport-padding"
+      },
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "key": "{popover.border-width}",
       "value": "1px",

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

@@ -8903,6 +8903,15 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "value": "360px",
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "value": "500px",
@@ -9159,6 +9168,13 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "value": "16px",
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "value": "1px",
       "path": [

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

@@ -8903,6 +8903,15 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "value": "360px",
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "value": "500px",
@@ -9159,6 +9168,13 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "value": "16px",
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "value": "1px",
       "path": [

package/dist/json-runtime/base.json

@@ -7618,6 +7618,15 @@
       ]
     }
   },
+  "coach-mark": {
+    "max-width": {
+      "value": "360px",
+      "path": [
+        "coach-mark",
+        "max-width"
+      ]
+    }
+  },
   "contextual-help": {
     "max-width": {
       "value": "500px",
@@ -7874,6 +7883,13 @@
         "min-width"
       ]
     },
+    "viewport-padding": {
+      "value": "16px",
+      "path": [
+        "popover",
+        "viewport-padding"
+      ]
+    },
     "border-width": {
       "value": "1px",
       "path": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "1.2.0-next.61",
+  "version": "1.2.0-next.63",
   "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": "283fa3e69a84acef72d881532ff1e7763bb6def7"
+  "gitHead": "3429ba6a4c8bb8365620c2a714513e45ed0ff13e"
 }