@mittwald/flow-design-tokens 0.2.0-alpha.113 → 0.2.0-alpha.114

package/dist/variables.css

@@ -476,6 +476,16 @@
   --text--blockquote-border-style: var(--border-style--default);
   --text--blockquote-padding: var(--size-rem--s);
   --text--list-padding: var(--size-rem--l);
+  --axis--spacing: var(--size-px--s);
+  --axis--font-size: var(--font-size-text--s);
+  --axis--color: var(--color--gray--700);
+  --axis--tick-size: var(--size-px--s);
+  --cartesian-grid--color: var(--color--gray--700);
+  --chart-tooltip--spacing: var(--size-px--s);
+  --legend--spacing-x: var(--size-px--m);
+  --legend--spacing-y: var(--size-px--s);
+  --legend-item--spacing: var(--size-rem--s);
+  --legend-item--marker--size: var(--size-rem--m);
   --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);
@@ -926,6 +936,12 @@
   --text--color--light: var(--light-plain-content-color);
   --text--color--dark: var(--dark-plain-content-color);
   --text--blockquote-border-width: var(--border-width--300);
+  --area--border-width: var(--border-width--200);
+  --area--border-color: var(--neutral--color--100);
+  --axis--text-color: var(--neutral--color--1000);
+  --axis--stroke-width: var(--border-width--100);
+  --cartesian-grid--stroke-width: var(--border-width--100);
+  --legend-item--marker--corner-radius: var(--corner-radius--default);
   --focus--outline-color: var(--primary--color--800);
   --focus--secondary-outline-color: var(--neutral--color--100);
   --focus--outline-width: var(--border-width--200);

package/dist/variables.json

@@ -14395,6 +14395,296 @@
       ]
     }
   },
+  "area": {
+    "border-width": {
+      "value": "2px",
+      "filePath": "src/dataVisualisation/area.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.200}"
+      },
+      "name": "AreaBorderWidth",
+      "attributes": {
+        "category": "area",
+        "type": "border-width"
+      },
+      "path": [
+        "area",
+        "border-width"
+      ]
+    },
+    "border-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/dataVisualisation/area.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "AreaBorderColor",
+      "attributes": {
+        "category": "area",
+        "type": "border-color"
+      },
+      "path": [
+        "area",
+        "border-color"
+      ]
+    }
+  },
+  "axis": {
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "AxisSpacing",
+      "attributes": {
+        "category": "axis",
+        "type": "spacing"
+      },
+      "path": [
+        "axis",
+        "spacing"
+      ]
+    },
+    "font-size": {
+      "value": "0.875rem",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.s}"
+      },
+      "name": "AxisFontSize",
+      "attributes": {
+        "category": "axis",
+        "type": "font-size"
+      },
+      "path": [
+        "axis",
+        "font-size"
+      ]
+    },
+    "color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.700}"
+      },
+      "name": "AxisColor",
+      "attributes": {
+        "category": "axis",
+        "type": "color"
+      },
+      "path": [
+        "axis",
+        "color"
+      ]
+    },
+    "text-color": {
+      "value": "#222222",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.1000}"
+      },
+      "name": "AxisTextColor",
+      "attributes": {
+        "category": "axis",
+        "type": "text-color"
+      },
+      "path": [
+        "axis",
+        "text-color"
+      ]
+    },
+    "stroke-width": {
+      "value": "1px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.100}"
+      },
+      "name": "AxisStrokeWidth",
+      "attributes": {
+        "category": "axis",
+        "type": "stroke-width"
+      },
+      "path": [
+        "axis",
+        "stroke-width"
+      ]
+    },
+    "tick-size": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "AxisTickSize",
+      "attributes": {
+        "category": "axis",
+        "type": "tick-size"
+      },
+      "path": [
+        "axis",
+        "tick-size"
+      ]
+    }
+  },
+  "cartesian-grid": {
+    "color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/cartesian-grid.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.700}"
+      },
+      "name": "CartesianGridColor",
+      "attributes": {
+        "category": "cartesian-grid",
+        "type": "color"
+      },
+      "path": [
+        "cartesian-grid",
+        "color"
+      ]
+    },
+    "stroke-width": {
+      "value": "1px",
+      "filePath": "src/dataVisualisation/cartesian-grid.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.100}"
+      },
+      "name": "CartesianGridStrokeWidth",
+      "attributes": {
+        "category": "cartesian-grid",
+        "type": "stroke-width"
+      },
+      "path": [
+        "cartesian-grid",
+        "stroke-width"
+      ]
+    }
+  },
+  "chart-tooltip": {
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/chart-tooltip.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "ChartTooltipSpacing",
+      "attributes": {
+        "category": "chart-tooltip",
+        "type": "spacing"
+      },
+      "path": [
+        "chart-tooltip",
+        "spacing"
+      ]
+    }
+  },
+  "legend": {
+    "spacing-x": {
+      "value": "16px",
+      "filePath": "src/dataVisualisation/legend.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "LegendSpacingX",
+      "attributes": {
+        "category": "legend",
+        "type": "spacing-x"
+      },
+      "path": [
+        "legend",
+        "spacing-x"
+      ]
+    },
+    "spacing-y": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/legend.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "LegendSpacingY",
+      "attributes": {
+        "category": "legend",
+        "type": "spacing-y"
+      },
+      "path": [
+        "legend",
+        "spacing-y"
+      ]
+    }
+  },
+  "legend-item": {
+    "spacing": {
+      "value": "0.5rem",
+      "filePath": "src/dataVisualisation/legend.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "LegendItemSpacing",
+      "attributes": {
+        "category": "legend-item",
+        "type": "spacing"
+      },
+      "path": [
+        "legend-item",
+        "spacing"
+      ]
+    },
+    "marker": {
+      "size": {
+        "value": "1rem",
+        "filePath": "src/dataVisualisation/legend.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.m}"
+        },
+        "name": "LegendItemMarkerSize",
+        "attributes": {
+          "category": "legend-item",
+          "type": "marker",
+          "item": "size"
+        },
+        "path": [
+          "legend-item",
+          "marker",
+          "size"
+        ]
+      },
+      "corner-radius": {
+        "value": "4px",
+        "filePath": "src/dataVisualisation/legend.yml",
+        "isSource": true,
+        "original": {
+          "value": "{corner-radius.default}"
+        },
+        "name": "LegendItemMarkerCornerRadius",
+        "attributes": {
+          "category": "legend-item",
+          "type": "marker",
+          "item": "corner-radius"
+        },
+        "path": [
+          "legend-item",
+          "marker",
+          "corner-radius"
+        ]
+      }
+    }
+  },
   "focus": {
     "outline-color": {
       "value": "#0054F5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.113",
+  "version": "0.2.0-alpha.114",
   "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": "735d43c65de5d7cb95d41e0f6f54deae85142ae3"
+  "gitHead": "50e61e2b1a3cb670e8e46d801d7702fbcd2c9bff"
 }