@mittwald/flow-design-tokens 0.2.0-alpha.749 → 0.2.0-alpha.750

package/dist/variables.css

@@ -149,6 +149,7 @@
   --color--code-syntax--operator: #C12F3F;
   --color--code-syntax--invalid: #cb2431;
   --avatar--size--m: 2.5rem;
+  --code-block--font-family: FiraCode, monospace;
   --icon--size--s: 1rem;
   --icon--size--m: 1.5rem;
   --icon--size--l: 4rem;
@@ -164,6 +165,7 @@
   --font-size-heading--l: 1.5rem;
   --font-size-heading--xl: 2rem;
   --font-size-heading--xxl: 2.625rem;
+  --code-editor--font-family: FiraCode, monospace;
   --calendar--cell-size: 2.25rem;
   --switch--track-height: 1.5rem;
   --switch--track-width: 2.75rem;
@@ -379,7 +381,6 @@
   --avatar--size--l: var(--size-rem--xxl);
   --code-block--font-size: var(--font-size-text--s);
   --code-block--padding: var(--size-px--m);
-  --code-block--spacing: var(--size-px--s);
   --code-block--border-style: var(--border-style--default);
   --decorative--blue-background-color: var(--color--hosting-blue--200);
   --decorative--blue-content-accent-color: var(--color--hosting-blue--800);
@@ -444,6 +445,8 @@
   --line-height--m: calc(var(--font-size-text--m) * 1.5);
   --line-height--s: calc(var(--font-size-text--s) * 1.5);
   --font-size-text--default: var(--font-size-text--m);
+  --code-editor--font-size: var(--font-size-text--s);
+  --code-editor--gutter-element-min-width: var(--size-rem--l);
   --date-picker--date-segment-corner-radius: var(--size-px--xs);
   --calendar--spacing: var(--size-rem--xs);
   --calendar--cell-corner-radius: var(--corner-radius--round);

package/dist/variables.json

@@ -13360,6 +13360,25 @@
         "font-size"
       ]
     },
+    "font-family": {
+      "key": "{code-block.font-family}",
+      "value": "FiraCode, monospace",
+      "filePath": "src/content/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "FiraCode, monospace",
+        "key": "{code-block.font-family}"
+      },
+      "name": "CodeBlockFontFamily",
+      "attributes": {
+        "category": "code-block",
+        "type": "font-family"
+      },
+      "path": [
+        "code-block",
+        "font-family"
+      ]
+    },
     "padding": {
       "key": "{code-block.padding}",
       "value": "16px",
@@ -13398,25 +13417,6 @@
         "corner-radius"
       ]
     },
-    "spacing": {
-      "key": "{code-block.spacing}",
-      "value": "8px",
-      "filePath": "src/content/code-block.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}",
-        "key": "{code-block.spacing}"
-      },
-      "name": "CodeBlockSpacing",
-      "attributes": {
-        "category": "code-block",
-        "type": "spacing"
-      },
-      "path": [
-        "code-block",
-        "spacing"
-      ]
-    },
     "border-width": {
       "key": "{code-block.border-width}",
       "value": "1px",
@@ -16295,6 +16295,65 @@
       }
     }
   },
+  "code-editor": {
+    "font-size": {
+      "key": "{code-editor.font-size}",
+      "value": "0.875rem",
+      "filePath": "src/form/code-editor.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.s}",
+        "key": "{code-editor.font-size}"
+      },
+      "name": "CodeEditorFontSize",
+      "attributes": {
+        "category": "code-editor",
+        "type": "font-size"
+      },
+      "path": [
+        "code-editor",
+        "font-size"
+      ]
+    },
+    "font-family": {
+      "key": "{code-editor.font-family}",
+      "value": "FiraCode, monospace",
+      "filePath": "src/form/code-editor.yml",
+      "isSource": true,
+      "original": {
+        "value": "FiraCode, monospace",
+        "key": "{code-editor.font-family}"
+      },
+      "name": "CodeEditorFontFamily",
+      "attributes": {
+        "category": "code-editor",
+        "type": "font-family"
+      },
+      "path": [
+        "code-editor",
+        "font-family"
+      ]
+    },
+    "gutter-element-min-width": {
+      "key": "{code-editor.gutter-element-min-width}",
+      "value": "1.5rem",
+      "filePath": "src/form/code-editor.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.l}",
+        "key": "{code-editor.gutter-element-min-width}"
+      },
+      "name": "CodeEditorGutterElementMinWidth",
+      "attributes": {
+        "category": "code-editor",
+        "type": "gutter-element-min-width"
+      },
+      "path": [
+        "code-editor",
+        "gutter-element-min-width"
+      ]
+    }
+  },
   "date-picker": {
     "date-segment-background-color": {
       "focused": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.749",
+  "version": "0.2.0-alpha.750",
   "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.1.2",
     "style-dictionary": "^5.2.0"
   },
-  "gitHead": "84511f170d093509668d3ba9f60d37de50fe1077"
+  "gitHead": "2df990925da8edceaacb9c5a1ca6ca829f81a725"
 }