@mittwald/flow-design-tokens 0.2.0-alpha.273 → 0.2.0-alpha.275

package/dist/variables.css

@@ -488,6 +488,10 @@
   --big-number--font-weight: var(--font-weight--bold);
   --cartesian-grid--color: var(--color--gray--700);
   --chart-tooltip--spacing: var(--size-px--s);
+  --donut-chart--spacing-y: var(--size-rem--s);
+  --donut-chart--spacing-x: var(--size-rem--m);
+  --donut-chart--padding--m: var(--size-px--l);
+  --donut-chart--padding--l: var(--size-px--xl);
   --legend--spacing-x: var(--size-px--m);
   --legend--spacing-y: var(--size-px--s);
   --legend-item--spacing: var(--size-rem--s);
@@ -959,6 +963,7 @@
   --axis--text-color: var(--neutral--color--1000);
   --axis--stroke-width: var(--border-width--100);
   --cartesian-grid--stroke-width: var(--border-width--100);
+  --donut-chart--background-color: var(--neutral--color--300);
   --legend-item--marker--corner-radius: var(--corner-radius--default);
   --focus--outline-color: var(--primary--color--800);
   --focus--secondary-outline-color: var(--neutral--color--100);
@@ -1213,6 +1218,11 @@
   --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);
+  --donut-chart--border-color: var(--neutral-outline-border-color);
+  --donut-chart--info-fill-background-color: var(--info-solid-background-color--default);
+  --donut-chart--success-fill-background-color: var(--success-solid-background-color--default);
+  --donut-chart--warning-fill-background-color: var(--warning-solid-background-color--default);
+  --donut-chart--danger-fill-background-color: var(--danger-solid-background-color--default);
   --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);

package/dist/variables.json

@@ -14804,6 +14804,184 @@
       ]
     }
   },
+  "donut-chart": {
+    "border-color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral-outline-border-color}"
+      },
+      "name": "DonutChartBorderColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "border-color"
+      },
+      "path": [
+        "donut-chart",
+        "border-color"
+      ]
+    },
+    "background-color": {
+      "value": "#F8F8F8",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.300}"
+      },
+      "name": "DonutChartBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "background-color"
+      },
+      "path": [
+        "donut-chart",
+        "background-color"
+      ]
+    },
+    "spacing-y": {
+      "value": "0.5rem",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "DonutChartSpacingY",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "spacing-y"
+      },
+      "path": [
+        "donut-chart",
+        "spacing-y"
+      ]
+    },
+    "spacing-x": {
+      "value": "1rem",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.m}"
+      },
+      "name": "DonutChartSpacingX",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "spacing-x"
+      },
+      "path": [
+        "donut-chart",
+        "spacing-x"
+      ]
+    },
+    "padding": {
+      "m": {
+        "value": "24px",
+        "filePath": "src/dataVisualisation/donut-chart.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.l}"
+        },
+        "name": "DonutChartPaddingM",
+        "attributes": {
+          "category": "donut-chart",
+          "type": "padding",
+          "item": "m"
+        },
+        "path": [
+          "donut-chart",
+          "padding",
+          "m"
+        ]
+      },
+      "l": {
+        "value": "32px",
+        "filePath": "src/dataVisualisation/donut-chart.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.xl}"
+        },
+        "name": "DonutChartPaddingL",
+        "attributes": {
+          "category": "donut-chart",
+          "type": "padding",
+          "item": "l"
+        },
+        "path": [
+          "donut-chart",
+          "padding",
+          "l"
+        ]
+      }
+    },
+    "info-fill-background-color": {
+      "value": "#0054F5",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-solid-background-color.default}"
+      },
+      "name": "DonutChartInfoFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "info-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "info-fill-background-color"
+      ]
+    },
+    "success-fill-background-color": {
+      "value": "#00825B",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success-solid-background-color.default}"
+      },
+      "name": "DonutChartSuccessFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "success-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "success-fill-background-color"
+      ]
+    },
+    "warning-fill-background-color": {
+      "value": "#F56800",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning-solid-background-color.default}"
+      },
+      "name": "DonutChartWarningFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "warning-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "warning-fill-background-color"
+      ]
+    },
+    "danger-fill-background-color": {
+      "value": "#E1244C",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger-solid-background-color.default}"
+      },
+      "name": "DonutChartDangerFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "danger-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "danger-fill-background-color"
+      ]
+    }
+  },
   "legend": {
     "spacing-x": {
       "value": "16px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.273",
+  "version": "0.2.0-alpha.275",
   "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.4.0"
   },
-  "gitHead": "e53439b6d988ea72d25c9a07e32b267e4313b1df"
+  "gitHead": "c37dee7aa0010982e7780fab60fa26746664e698"
 }