@gitbutler/design-core 1.7.7 → 1.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gitbutler/design-core",
-	"version": "1.7.7",
+	"version": "1.8.1",
 	"type": "module",
 	"description": "Design tokens for GitButler applications",
 	"keywords": [

package/tokens/tokens.css

@@ -193,14 +193,13 @@
   --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
   --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
   --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);
-  --opacity-btn-icon-outline: 0.7;
-  --opacity-btn-icon-solid: 0.8;
-  --opacity-btn-outline: 0.4;
-  --opacity-btn-outline-bg: 0.1;
-  --opacity-btn-outline-bg-hover: 0.25;
-  --opacity-btn-solid-hover: 0.1;
-  --opacity-disabled: 0.6;
-  --opacity-hover: 0.05;
+  --opacity-disabled: 60%;
+  --opacity-mix-btn-icon: 80%;
+  --opacity-mix-btn-outline-bg: 10%;
+  --opacity-mix-btn-outline-bg-hover: 25%;
+  --opacity-mix-btn-outline-border: 40%;
+  --opacity-mix-btn-solid-hover: 10%;
+  --opacity-mix-hover: 5%;
   --radius-btn: var(--radius-m);
   --radius-l: 12px;
   --radius-m: 6px;

package/tokens/tokens.json

@@ -2109,52 +2109,52 @@
     }
   },
   "opacity": {
-    "btn": {
-      "icon": {
-        "outline": {
-          "$type": "number",
-          "$value": 0.7,
+    "mix": {
+      "btn": {
+        "icon": {
+          "$type": "string",
+          "$value": "80%",
           "$description": "",
           "$extensions": {
             "mode": {}
           }
         },
-        "solid": {
-          "$type": "number",
-          "$value": 0.8,
+        "outline-bg-hover": {
+          "$type": "string",
+          "$value": "25%",
+          "$description": "",
+          "$extensions": {
+            "mode": {}
+          }
+        },
+        "outline-border": {
+          "$type": "string",
+          "$value": "40%",
+          "$description": "",
+          "$extensions": {
+            "mode": {}
+          }
+        },
+        "outline-bg": {
+          "$type": "string",
+          "$value": "10%",
+          "$description": "",
+          "$extensions": {
+            "mode": {}
+          }
+        },
+        "solid-hover": {
+          "$type": "string",
+          "$value": "10%",
           "$description": "",
           "$extensions": {
             "mode": {}
           }
         }
       },
-      "outline-bg-hover": {
-        "$type": "number",
-        "$value": 0.25,
-        "$description": "",
-        "$extensions": {
-          "mode": {}
-        }
-      },
-      "outline": {
-        "$type": "number",
-        "$value": 0.4,
-        "$description": "",
-        "$extensions": {
-          "mode": {}
-        }
-      },
-      "outline-bg": {
-        "$type": "number",
-        "$value": 0.1,
-        "$description": "",
-        "$extensions": {
-          "mode": {}
-        }
-      },
-      "solid-hover": {
-        "$type": "number",
-        "$value": 0.1,
+      "hover": {
+        "$type": "string",
+        "$value": "5%",
         "$description": "",
         "$extensions": {
           "mode": {}
@@ -2162,16 +2162,8 @@
       }
     },
     "disabled": {
-      "$type": "number",
-      "$value": 0.6,
-      "$description": "",
-      "$extensions": {
-        "mode": {}
-      }
-    },
-    "hover": {
-      "$type": "number",
-      "$value": 0.05,
+      "$type": "string",
+      "$value": "60%",
       "$description": "",
       "$extensions": {
         "mode": {}
@@ -2233,7 +2225,7 @@
         "text",
         "opacity"
       ],
-      "createdAt": "2026-02-15T21:20:19.158Z"
+      "createdAt": "2026-03-01T19:11:11.893Z"
     }
   }
 }