@mittwald/flow-design-tokens 0.2.0-alpha.133 → 0.2.0-alpha.135

package/dist/variables.css

@@ -261,7 +261,7 @@
   --counter-badge--height-empty: 0.75rem;
   --loading-spinner--transition-duration: 2000ms;
   --notification--width: 355px;
-  --progress-bar--height-s: 0.375rem;
+  --progress-bar--height--s: 0.375rem;
   --accent-box--background-color-green: #D8F5D6;
   --accent-box--icon-color-green: #c4e3c1;
   --accent-box--icon-color-gradient: #002b7b14;
@@ -676,7 +676,9 @@
   --progress-bar--value-font-weight: var(--font-weight--bold);
   --progress-bar--spacing-y: var(--size-rem--xs);
   --progress-bar--spacing-x: var(--size-rem--m);
-  --progress-bar--height: var(--size-rem--s);
+  --progress-bar--spacing-bar-to-legend: var(--size-px--m);
+  --progress-bar--height--m: var(--size-rem--m);
+  --progress-bar--height--l: var(--size-rem--l);
   --progress-bar--corner-radius: var(--size-rem--xs);
   --accent-box--background-color-gradient: var(--color--gradient);
   --accent-box--background-color-blue: var(--color--hosting-blue--100);
@@ -1036,7 +1038,7 @@
   --notification--danger-background-color--default: var(--neutral--color--100);
   --notification--success-background-color--default: var(--neutral--color--100);
   --progress-bar--border-width: var(--border-width--100);
-  --progress-bar--background-color: var(--neutral-outline-background-color--default);
+  --progress-bar--background-color: var(--neutral--color--300);
   --accent-box--background-color-neutral: var(--neutral--color--300);
   --accent-box--icon-color-neutral: var(--neutral--color--400);
   --accent-box--corner-radius: var(--corner-radius--default);

package/dist/variables.json

@@ -21996,39 +21996,81 @@
         "spacing-x"
       ]
     },
-    "height": {
-      "value": "0.5rem",
+    "spacing-bar-to-legend": {
+      "value": "16px",
       "filePath": "src/status/progress-bar.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.s}"
+        "value": "{size-px.m}"
       },
-      "name": "ProgressBarHeight",
+      "name": "ProgressBarSpacingBarToLegend",
       "attributes": {
         "category": "progress-bar",
-        "type": "height"
+        "type": "spacing-bar-to-legend"
       },
       "path": [
         "progress-bar",
-        "height"
+        "spacing-bar-to-legend"
       ]
     },
-    "height-s": {
-      "value": "0.375rem",
-      "filePath": "src/status/progress-bar.yml",
-      "isSource": true,
-      "original": {
-        "value": "0.375rem"
+    "height": {
+      "m": {
+        "value": "1rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.m}"
+        },
+        "name": "ProgressBarHeightM",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "m"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "m"
+        ]
       },
-      "name": "ProgressBarHeightS",
-      "attributes": {
-        "category": "progress-bar",
-        "type": "height-s"
+      "s": {
+        "value": "0.375rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "0.375rem"
+        },
+        "name": "ProgressBarHeightS",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "s"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "s"
+        ]
       },
-      "path": [
-        "progress-bar",
-        "height-s"
-      ]
+      "l": {
+        "value": "1.5rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.l}"
+        },
+        "name": "ProgressBarHeightL",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "l"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "l"
+        ]
+      }
     },
     "corner-radius": {
       "value": "0.25rem",
@@ -22082,11 +22124,11 @@
       ]
     },
     "background-color": {
-      "value": "transparent",
+      "value": "#F8F8F8",
       "filePath": "src/status/progress-bar.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral-outline-background-color.default}"
+        "value": "{neutral.color.300}"
       },
       "name": "ProgressBarBackgroundColor",
       "attributes": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.133",
+  "version": "0.2.0-alpha.135",
   "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": "403b6589d60bf64d0d9abfadc4848ad90db9186b"
+  "gitHead": "d6761ade7b9a1ebc62f388158bed53c95815954d"
 }