@mittwald/flow-design-tokens 0.1.0-alpha.325 → 0.1.0-alpha.326

package/dist/variables.css

@@ -247,6 +247,8 @@
   --dark--color--100: rgb(0 0 0 / 12.5%);
   --border-style--default: solid;
   --corner-radius--round: 50%;
+  --image-button--brightness--pressed: 50%;
+  --image-button--brightness--hover: 62.5%;
   --file-card--sub-title-font-size: var(--font-size-text--s);
   --file-card--border-style: var(--border-style--default);
   --file-card--spacing: var(--size-rem--s);
@@ -646,6 +648,7 @@
   --menu--label-to-group-spacing: var(--size-px--s);
   --menu--group-to-group-spacing: var(--size-px--m);
   --menu--item-to-item-spacing: var(--size-px--xs);
+  --image-button--hover-icon-color: var(--color--gray--100);
   --context-menu--padding: var(--size-px--s);
   --button--line-height-s: var(--size-rem--m);
   --button--font-size-s: var(--font-size-text--s);

package/dist/variables.json

@@ -4318,6 +4318,65 @@
       ]
     }
   },
+  "image-button": {
+    "brightness": {
+      "hover": {
+        "value": "62.5%",
+        "filePath": "src/actions/image-button.yml",
+        "isSource": true,
+        "original": {
+          "value": "62.5%"
+        },
+        "name": "ImageButtonBrightnessHover",
+        "attributes": {
+          "category": "image-button",
+          "type": "brightness",
+          "item": "hover"
+        },
+        "path": [
+          "image-button",
+          "brightness",
+          "hover"
+        ]
+      },
+      "pressed": {
+        "value": "50%",
+        "filePath": "src/actions/image-button.yml",
+        "isSource": true,
+        "original": {
+          "value": "50%"
+        },
+        "name": "ImageButtonBrightnessPressed",
+        "attributes": {
+          "category": "image-button",
+          "type": "brightness",
+          "item": "pressed"
+        },
+        "path": [
+          "image-button",
+          "brightness",
+          "pressed"
+        ]
+      }
+    },
+    "hover-icon-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/actions/image-button.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.100}"
+      },
+      "name": "ImageButtonHoverIconColor",
+      "attributes": {
+        "category": "image-button",
+        "type": "hover-icon-color"
+      },
+      "path": [
+        "image-button",
+        "hover-icon-color"
+      ]
+    }
+  },
   "menu": {
     "item-to-item-spacing": {
       "value": "4px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.325",
+  "version": "0.1.0-alpha.326",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -21,5 +21,5 @@
     "nx": "^20.0.0",
     "style-dictionary": "^4.1.3"
   },
-  "gitHead": "b6bad8ddac2530277cc78807c408eecc5685ce5f"
+  "gitHead": "c43c724f7fa58bb42d85a75b011a67282d8b218c"
 }