@mittwald/flow-design-tokens 0.2.0-alpha.53 → 0.2.0-alpha.54

package/dist/variables.css

@@ -445,12 +445,6 @@
   --markdown--spacing: var(--size-rem--m);
   --message-thread--spacing: var(--size-rem--l);
   --message-thread--indentation: var(--size-px--m);
-  --message--padding-y: var(--size-px--s);
-  --message--padding-x: var(--size-px--m);
-  --message--spacing-y: var(--size-rem--s);
-  --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);
@@ -487,6 +481,14 @@
   --switch--label-to-track-spacing: var(--size-rem--s);
   --switch--track-padding: var(--size-rem--xxs);
   --time-field--date-segment-corner-radius: var(--size-px--xs);
+  --message-separator--font-size: var(--font-size-text--s);
+  --message-separator--padding: var(--size-px--m);
+  --message--padding-y: var(--size-px--s);
+  --message--padding-x: var(--size-px--m);
+  --message--spacing-y: var(--size-rem--s);
+  --message--spacing-x: var(--size-rem--m);
+  --message--background-color-responder: var(--color--gray--400);
+  --message--background-color-sender: var(--color--hosting-blue--200);
   --breadcrumb--color-light--default: var(--light--color--800);
   --breadcrumb--color-light--hover: var(--light--color--700);
   --breadcrumb--color-light--pressed: var(--light--color--600);
@@ -898,7 +900,6 @@
   --image--border-width: var(--border-width--100);
   --label--line-height: var(--line-height--m);
   --label--color--default: var(--neutral--color--800);
-  --message--corner-radius: var(--corner-radius--default);
   --text--color--default: var(--neutral--color--1000);
   --text--color--light: var(--light-plain-content-color);
   --text--color--dark: var(--dark-plain-content-color);
@@ -927,6 +928,9 @@
   --switch--handle-color--disabled: var(--neutral--color--500);
   --switch--handle-background-color--default: var(--neutral--color--100);
   --switch--handle-background-color--disabled: var(--neutral--color--300);
+  --message-separator--background-color: var(--neutral--color--100);
+  --message-separator--color: var(--neutral--color--800);
+  --message--corner-radius: var(--corner-radius--default);
   --breadcrumb--color-primary--default: var(--primary--color--1000);
   --breadcrumb--color-primary--hover: var(--primary--color--900);
   --breadcrumb--color-primary--pressed: var(--primary--color--800);

package/dist/variables.json

@@ -13654,127 +13654,6 @@
       ]
     }
   },
-  "message": {
-    "corner-radius": {
-      "value": "4px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{corner-radius.default}"
-      },
-      "name": "MessageCornerRadius",
-      "attributes": {
-        "category": "message",
-        "type": "corner-radius"
-      },
-      "path": [
-        "message",
-        "corner-radius"
-      ]
-    },
-    "padding-y": {
-      "value": "8px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "MessagePaddingY",
-      "attributes": {
-        "category": "message",
-        "type": "padding-y"
-      },
-      "path": [
-        "message",
-        "padding-y"
-      ]
-    },
-    "padding-x": {
-      "value": "16px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.m}"
-      },
-      "name": "MessagePaddingX",
-      "attributes": {
-        "category": "message",
-        "type": "padding-x"
-      },
-      "path": [
-        "message",
-        "padding-x"
-      ]
-    },
-    "spacing-y": {
-      "value": "0.5rem",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.s}"
-      },
-      "name": "MessageSpacingY",
-      "attributes": {
-        "category": "message",
-        "type": "spacing-y"
-      },
-      "path": [
-        "message",
-        "spacing-y"
-      ]
-    },
-    "spacing-x": {
-      "value": "1rem",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.m}"
-      },
-      "name": "MessageSpacingX",
-      "attributes": {
-        "category": "message",
-        "type": "spacing-x"
-      },
-      "path": [
-        "message",
-        "spacing-x"
-      ]
-    },
-    "background-color-responder": {
-      "value": "#E6E6E6",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{color.gray.400}"
-      },
-      "name": "MessageBackgroundColorResponder",
-      "attributes": {
-        "category": "message",
-        "type": "background-color-responder"
-      },
-      "path": [
-        "message",
-        "background-color-responder"
-      ]
-    },
-    "background-color-sender": {
-      "value": "#E0EBFF",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{color.hosting-blue.200}"
-      },
-      "name": "MessageBackgroundColorSender",
-      "attributes": {
-        "category": "message",
-        "type": "background-color-sender"
-      },
-      "path": [
-        "message",
-        "background-color-sender"
-      ]
-    }
-  },
   "text": {
     "color": {
       "default": {
@@ -15864,6 +15743,197 @@
       ]
     }
   },
+  "message-separator": {
+    "background-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/message/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "MessageSeparatorBackgroundColor",
+      "attributes": {
+        "category": "message-separator",
+        "type": "background-color"
+      },
+      "path": [
+        "message-separator",
+        "background-color"
+      ]
+    },
+    "font-size": {
+      "value": "0.875rem",
+      "filePath": "src/message/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.s}"
+      },
+      "name": "MessageSeparatorFontSize",
+      "attributes": {
+        "category": "message-separator",
+        "type": "font-size"
+      },
+      "path": [
+        "message-separator",
+        "font-size"
+      ]
+    },
+    "padding": {
+      "value": "16px",
+      "filePath": "src/message/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MessageSeparatorPadding",
+      "attributes": {
+        "category": "message-separator",
+        "type": "padding"
+      },
+      "path": [
+        "message-separator",
+        "padding"
+      ]
+    },
+    "color": {
+      "value": "#6D6D6D",
+      "filePath": "src/message/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.800}"
+      },
+      "name": "MessageSeparatorColor",
+      "attributes": {
+        "category": "message-separator",
+        "type": "color"
+      },
+      "path": [
+        "message-separator",
+        "color"
+      ]
+    }
+  },
+  "message": {
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "MessageCornerRadius",
+      "attributes": {
+        "category": "message",
+        "type": "corner-radius"
+      },
+      "path": [
+        "message",
+        "corner-radius"
+      ]
+    },
+    "padding-y": {
+      "value": "8px",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "MessagePaddingY",
+      "attributes": {
+        "category": "message",
+        "type": "padding-y"
+      },
+      "path": [
+        "message",
+        "padding-y"
+      ]
+    },
+    "padding-x": {
+      "value": "16px",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MessagePaddingX",
+      "attributes": {
+        "category": "message",
+        "type": "padding-x"
+      },
+      "path": [
+        "message",
+        "padding-x"
+      ]
+    },
+    "spacing-y": {
+      "value": "0.5rem",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "MessageSpacingY",
+      "attributes": {
+        "category": "message",
+        "type": "spacing-y"
+      },
+      "path": [
+        "message",
+        "spacing-y"
+      ]
+    },
+    "spacing-x": {
+      "value": "1rem",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.m}"
+      },
+      "name": "MessageSpacingX",
+      "attributes": {
+        "category": "message",
+        "type": "spacing-x"
+      },
+      "path": [
+        "message",
+        "spacing-x"
+      ]
+    },
+    "background-color-responder": {
+      "value": "#E6E6E6",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.400}"
+      },
+      "name": "MessageBackgroundColorResponder",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-responder"
+      },
+      "path": [
+        "message",
+        "background-color-responder"
+      ]
+    },
+    "background-color-sender": {
+      "value": "#E0EBFF",
+      "filePath": "src/message/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.200}"
+      },
+      "name": "MessageBackgroundColorSender",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-sender"
+      },
+      "path": [
+        "message",
+        "background-color-sender"
+      ]
+    }
+  },
   "breadcrumb": {
     "color-primary": {
       "default": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.53",
+  "version": "0.2.0-alpha.54",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -24,5 +24,5 @@
     "rimraf": "^6.0.1",
     "style-dictionary": "^4.3.3"
   },
-  "gitHead": "4067a1581957a748290b38f3e214b30e38d4047b"
+  "gitHead": "ad7320572cb86d0a5350f07bfa2ee4c03e85b21f"
 }