@mittwald/flow-design-tokens 0.2.0-alpha.25 → 0.2.0-alpha.27

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%);
@@ -447,6 +448,9 @@
   --message--spacing-x: var(--size-rem--m);
   --message--background-color-responder: var(--color--gray--400);
   --message--background-color-sender: var(--color--hosting-blue--200);
+  --text--blockquote-border-style: var(--border-style--default);
+  --text--blockquote-padding: var(--size-rem--s);
+  --text--list-padding: var(--size-rem--l);
   --focus--outline-offset: var(--size-px--xxs);
   --line-height--m: calc(var(--font-size-text--m) * 1.5);
   --line-height--s: calc(var(--font-size-text--s) * 1.5);
@@ -670,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);
@@ -886,6 +893,7 @@
   --text--color--default: var(--neutral--color--1000);
   --text--color--light: var(--light-plain-content-color);
   --text--color--dark: var(--dark-plain-content-color);
+  --text--blockquote-border-width: var(--border-width--300);
   --focus--outline-color: var(--primary--color--800);
   --focus--outline-width: var(--border-width--200);
   --choice--icon-color--selected: var(--primary--color--800);
@@ -987,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);
@@ -1122,6 +1133,7 @@
   --illustrated-message--light-heading-color: var(--heading--color-light);
   --label--color--disabled: var(--disabled-plain-content-color);
   --text--color--disabled: var(--disabled-plain-content-color);
+  --text--blockquote-border-color: var(--info-outline-border-color);
   --choice--icon-color--default: var(--icon--color);
   --choice--icon-color--disabled: var(--disabled-outline-content-color);
   --date-picker--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
@@ -1233,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": {
@@ -13728,6 +13745,91 @@
         "text",
         "max-width"
       ]
+    },
+    "blockquote-border-width": {
+      "value": "4px",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.300}"
+      },
+      "name": "TextBlockquoteBorderWidth",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-width"
+      },
+      "path": [
+        "text",
+        "blockquote-border-width"
+      ]
+    },
+    "blockquote-border-style": {
+      "value": "solid",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-style.default}"
+      },
+      "name": "TextBlockquoteBorderStyle",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-style"
+      },
+      "path": [
+        "text",
+        "blockquote-border-style"
+      ]
+    },
+    "blockquote-border-color": {
+      "value": "#0054F5",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-outline-border-color}"
+      },
+      "name": "TextBlockquoteBorderColor",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-color"
+      },
+      "path": [
+        "text",
+        "blockquote-border-color"
+      ]
+    },
+    "blockquote-padding": {
+      "value": "0.5rem",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "TextBlockquotePadding",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-padding"
+      },
+      "path": [
+        "text",
+        "blockquote-padding"
+      ]
+    },
+    "list-padding": {
+      "value": "1.5rem",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.l}"
+      },
+      "name": "TextListPadding",
+      "attributes": {
+        "category": "text",
+        "type": "list-padding"
+      },
+      "path": [
+        "text",
+        "list-padding"
+      ]
     }
   },
   "focus": {
@@ -22472,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.2.0-alpha.25",
+  "version": "0.2.0-alpha.27",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -19,10 +19,10 @@
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",
     "js-yaml": "^4.1.0",
-    "nx": "^20.3.2",
+    "nx": "^20.4.0",
     "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "style-dictionary": "^4.3.0"
+    "style-dictionary": "^4.3.2"
   },
-  "gitHead": "7019391eadb86e05ccfa496da925001e54845242"
+  "gitHead": "4d1e4e4c35cd819a8c5c4b380e127dcef1be1886"
 }