@mittwald/flow-design-tokens 0.1.0-alpha.348 → 0.1.0-alpha.349

package/dist/variables.css

@@ -29,7 +29,6 @@
   --size-rem--xxxs: 0.0625rem;
   --tooltip--max-width: 300px;
   --popover--min-width: 200px;
-  --overlay--background-color: rgba(0, 0, 0, 0.3);
   --modal--size--m: 900px;
   --modal--size--s: 660px;
   --contextual-help--max-width: 500px;
@@ -410,13 +409,17 @@
   --popover--popover-to-trigger-spacing: var(--size-px--m);
   --popover--border-style: var(--border-style--default);
   --popover--padding: var(--size-px--m);
-  --popover--corner-radius: var(--size-px--xs);
+  --overlay--background-color: var(--dark--color--200);
   --modal--off-canvas-max-width: calc(100vw - var(--size-px--m));
   --modal--off-canvas-padding-y: var(--size-px--s);
   --modal--action-group-border-style: var(--border-style--default);
   --modal--action-group-padding: var(--size-rem--l);
   --modal--padding-bottom: var(--size-px--xl);
   --modal--padding: var(--size-px--l);
+  --light-box--spacing: var(--size-px--s);
+  --light-box--max-height: calc(100dvh - var(--size-px--l));
+  --light-box--max-width: calc(100dvw - var(--size-px--l));
+  --light-box--overlay-background-color: var(--dark--color--600);
   --contextual-help--content-to-content-spacing: var(--size-rem--s);
   --tab-panel--padding: var(--size-px--xl);
   --tab--text-to-status-spacing: var(--size-rem--s);
@@ -715,6 +718,7 @@
   --tooltip--background-color: var(--neutral--color--900);
   --popover--border-width: var(--border-width--100);
   --popover--background-color: var(--neutral--color--100);
+  --popover--corner-radius: var(--corner-radius--default);
   --popover--box-shadow: var(--shadow--overlay);
   --modal--off-canvas-header-background-color: var(--neutral--color--200);
   --modal--action-group-border-top-width: var(--border-width--100);

package/dist/variables.json

@@ -16524,6 +16524,76 @@
       ]
     }
   },
+  "light-box": {
+    "overlay-background-color": {
+      "value": "rgb(0 0 0 / 75%)",
+      "filePath": "src/overlays/light-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark.color.600}"
+      },
+      "name": "LightBoxOverlayBackgroundColor",
+      "attributes": {
+        "category": "light-box",
+        "type": "overlay-background-color"
+      },
+      "path": [
+        "light-box",
+        "overlay-background-color"
+      ]
+    },
+    "max-width": {
+      "value": "calc(100dvw - 24px)",
+      "filePath": "src/overlays/light-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "calc(100dvw - {size-px.l})"
+      },
+      "name": "LightBoxMaxWidth",
+      "attributes": {
+        "category": "light-box",
+        "type": "max-width"
+      },
+      "path": [
+        "light-box",
+        "max-width"
+      ]
+    },
+    "max-height": {
+      "value": "calc(100dvh - 24px)",
+      "filePath": "src/overlays/light-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "calc(100dvh - {size-px.l})"
+      },
+      "name": "LightBoxMaxHeight",
+      "attributes": {
+        "category": "light-box",
+        "type": "max-height"
+      },
+      "path": [
+        "light-box",
+        "max-height"
+      ]
+    },
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/overlays/light-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "LightBoxSpacing",
+      "attributes": {
+        "category": "light-box",
+        "type": "spacing"
+      },
+      "path": [
+        "light-box",
+        "spacing"
+      ]
+    }
+  },
   "modal": {
     "corner-radius": {
       "value": "4px",
@@ -16772,11 +16842,11 @@
   },
   "overlay": {
     "background-color": {
-      "value": "rgba(0, 0, 0, 0.3)",
+      "value": "rgb(0 0 0 / 25%)",
       "filePath": "src/overlays/overlay.yml",
       "isSource": true,
       "original": {
-        "value": "rgba(0, 0, 0, 0.3)"
+        "value": "{dark.color.200}"
       },
       "name": "OverlayBackgroundColor",
       "attributes": {
@@ -16812,7 +16882,7 @@
       "filePath": "src/overlays/popover.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.xs}"
+        "value": "{corner-radius.default}"
       },
       "name": "PopoverCornerRadius",
       "attributes": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.348",
+  "version": "0.1.0-alpha.349",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -21,5 +21,5 @@
     "nx": "^20.0.0",
     "style-dictionary": "^4.1.3"
   },
-  "gitHead": "c692dba514c04952d39cd622893fddb4e1be7a2d"
+  "gitHead": "9abd015cbaa3978e1bd624bf2f15972e6ac7af65"
 }