@mittwald/flow-design-tokens 0.1.0-alpha.403 → 0.1.0-alpha.404

package/dist/variables.css

@@ -7,6 +7,7 @@
   --image-button--brightness--pressed: 50%;
   --corner-radius--round: 50%;
   --border-style--default: solid;
+  --border-style--dashed: dashed;
   --dark--color--100: rgb(0 0 0 / 12.5%);
   --dark--color--200: rgb(0 0 0 / 25%);
   --dark--color--300: rgb(0 0 0 / 37.5%);
@@ -673,6 +674,9 @@
   --file-card--spacing: var(--size-rem--s);
   --file-card--border-style: var(--border-style--default);
   --file-card--sub-title-font-size: var(--font-size-text--s);
+  --file-drop-zone--padding: var(--size-px--m);
+  --file-drop-zone--border-style--default: var(--border-style--dashed);
+  --file-drop-zone--border-style--target: var(--border-style--default);
   --button--corner-radius: var(--corner-radius--default);
   --button--pending-icon-color: var(--neutral--color--1000);
   --button--succeeded-icon-color: var(--success--color--800);
@@ -991,6 +995,9 @@
   --file-card--corner-radius: var(--corner-radius--default);
   --file-card--border-width: var(--border-width--100);
   --file-card--background-color--default: var(--neutral--color--100);
+  --file-drop-zone--corner-radius: var(--corner-radius--default);
+  --file-drop-zone--border-width: var(--border-width--100);
+  --file-drop-zone--border-color--target: var(--primary--color--800);
   --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
   --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
   --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
@@ -1238,4 +1245,7 @@
   --file-card--border-color: var(--neutral-outline-border-color);
   --file-card--background-color--hover: var(--neutral-outline-background-color--hover);
   --file-card--background-color--pressed: var(--neutral-outline-background-color--pressed);
+  --file-drop-zone--background-color--default: var(--form-control--background-color--default);
+  --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
+  --file-drop-zone--border-color--default: var(--form-control--border-color--default);
 }

package/dist/variables.json

@@ -4781,6 +4781,23 @@
         "border-style",
         "default"
       ]
+    },
+    "dashed": {
+      "value": "dashed",
+      "filePath": "src/border.yml",
+      "isSource": true,
+      "original": {
+        "value": "dashed"
+      },
+      "name": "BorderStyleDashed",
+      "attributes": {
+        "category": "border-style",
+        "type": "dashed"
+      },
+      "path": [
+        "border-style",
+        "dashed"
+      ]
     }
   },
   "primary": {
@@ -22557,5 +22574,178 @@
         ]
       }
     }
+  },
+  "file-drop-zone": {
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/upload/file-drop-zone.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "FileDropZoneCornerRadius",
+      "attributes": {
+        "category": "file-drop-zone",
+        "type": "corner-radius"
+      },
+      "path": [
+        "file-drop-zone",
+        "corner-radius"
+      ]
+    },
+    "padding": {
+      "value": "16px",
+      "filePath": "src/upload/file-drop-zone.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "FileDropZonePadding",
+      "attributes": {
+        "category": "file-drop-zone",
+        "type": "padding"
+      },
+      "path": [
+        "file-drop-zone",
+        "padding"
+      ]
+    },
+    "background-color": {
+      "default": {
+        "value": "#F8F8F8",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{form-control.background-color.default}"
+        },
+        "name": "FileDropZoneBackgroundColorDefault",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "background-color",
+          "item": "default"
+        },
+        "path": [
+          "file-drop-zone",
+          "background-color",
+          "default"
+        ]
+      },
+      "target": {
+        "value": "#F0F5FF",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{form-control.background-color.hover}"
+        },
+        "name": "FileDropZoneBackgroundColorTarget",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "background-color",
+          "item": "target"
+        },
+        "path": [
+          "file-drop-zone",
+          "background-color",
+          "target"
+        ]
+      }
+    },
+    "border-width": {
+      "value": "1px",
+      "filePath": "src/upload/file-drop-zone.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.100}"
+      },
+      "name": "FileDropZoneBorderWidth",
+      "attributes": {
+        "category": "file-drop-zone",
+        "type": "border-width"
+      },
+      "path": [
+        "file-drop-zone",
+        "border-width"
+      ]
+    },
+    "border-style": {
+      "default": {
+        "value": "dashed",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{border-style.dashed}"
+        },
+        "name": "FileDropZoneBorderStyleDefault",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "border-style",
+          "item": "default"
+        },
+        "path": [
+          "file-drop-zone",
+          "border-style",
+          "default"
+        ]
+      },
+      "target": {
+        "value": "solid",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{border-style.default}"
+        },
+        "name": "FileDropZoneBorderStyleTarget",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "border-style",
+          "item": "target"
+        },
+        "path": [
+          "file-drop-zone",
+          "border-style",
+          "target"
+        ]
+      }
+    },
+    "border-color": {
+      "default": {
+        "value": "#909090",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{form-control.border-color.default}"
+        },
+        "name": "FileDropZoneBorderColorDefault",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "border-color",
+          "item": "default"
+        },
+        "path": [
+          "file-drop-zone",
+          "border-color",
+          "default"
+        ]
+      },
+      "target": {
+        "value": "#0054F5",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.800}"
+        },
+        "name": "FileDropZoneBorderColorTarget",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "border-color",
+          "item": "target"
+        },
+        "path": [
+          "file-drop-zone",
+          "border-color",
+          "target"
+        ]
+      }
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.403",
+  "version": "0.1.0-alpha.404",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -22,5 +22,5 @@
     "prettier": "^3.4.1",
     "style-dictionary": "^4.2.0"
   },
-  "gitHead": "11be372773a8c4bcd6a2a58bc9f0b24174984e92"
+  "gitHead": "31a2f4caaff74ec83d429b6f924ee04a7316d46c"
 }