@mittwald/flow-design-tokens 0.2.0-alpha.26 → 0.2.0-alpha.28

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,10 @@
   --message--spacing-x: var(--size-rem--m);
   --message--background-color-responder: var(--color--gray--400);
   --message--background-color-sender: var(--color--hosting-blue--200);
+  --message-thread--spacing: var(--size-rem--l);
+  --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);
@@ -493,7 +498,7 @@
   --header-navigation--spacing: var(--size-rem--m);
   --header-navigation--corner-radius-round: var(--corner-radius--round);
   --header-navigation--font-weight-current: var(--font-weight--bold);
-  --link--font-size: var(--font-size-text--s);
+  --link--icon-height: calc(var(--font-size-text--m) * 1.25);
   --link--font-weight: var(--font-weight--bold);
   --link--spacing: var(--size-rem--xs);
   --link--color-dark--default: var(--dark--color--800);
@@ -670,6 +675,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 +894,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 +996,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 +1134,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 +1246,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": {
@@ -13633,6 +13650,25 @@
       ]
     }
   },
+  "message-thread": {
+    "spacing": {
+      "value": "1.5rem",
+      "filePath": "src/content/messageThread.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.l}"
+      },
+      "name": "MessageThreadSpacing",
+      "attributes": {
+        "category": "message-thread",
+        "type": "spacing"
+      },
+      "path": [
+        "message-thread",
+        "spacing"
+      ]
+    }
+  },
   "text": {
     "color": {
       "default": {
@@ -13728,6 +13764,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": {
@@ -16149,38 +16270,38 @@
     }
   },
   "link": {
-    "font-size": {
-      "value": "0.875rem",
+    "line-height": {
+      "value": "calc(1rem * 1.5)",
       "filePath": "src/navigation/link.yml",
       "isSource": true,
       "original": {
-        "value": "{font-size-text.s}"
+        "value": "{line-height.m}"
       },
-      "name": "LinkFontSize",
+      "name": "LinkLineHeight",
       "attributes": {
         "category": "link",
-        "type": "font-size"
+        "type": "line-height"
       },
       "path": [
         "link",
-        "font-size"
+        "line-height"
       ]
     },
-    "line-height": {
-      "value": "calc(1rem * 1.5)",
+    "icon-height": {
+      "value": "calc(1rem * 1.25)",
       "filePath": "src/navigation/link.yml",
       "isSource": true,
       "original": {
-        "value": "{line-height.m}"
+        "value": "calc({font-size-text.m} * 1.25)"
       },
-      "name": "LinkLineHeight",
+      "name": "LinkIconHeight",
       "attributes": {
         "category": "link",
-        "type": "line-height"
+        "type": "icon-height"
       },
       "path": [
         "link",
-        "line-height"
+        "icon-height"
       ]
     },
     "font-weight": {
@@ -22472,5 +22593,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.26",
+  "version": "0.2.0-alpha.28",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -13,16 +13,16 @@
     "dist"
   ],
   "scripts": {
-    "build": "run style-dictionary build -c style-dictionary.config.js",
+    "build": "style-dictionary build -c style-dictionary.config.js",
     "clean": "rimraf dist"
   },
   "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": "eb6ffb2ac38409271994cc0dbfbfe9b501588a26"
+  "gitHead": "62d6a35560fb3728c0073029445d5578f3c90030"
 }