@gitbutler/design-core 1.7.0 → 1.7.1

package/package.json

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

package/tokens/tokens.css

@@ -181,6 +181,7 @@
   --clr-diff-selected-count-border: var(--clr-core-pop-40);
   --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
   --clr-diff-selected-count-text: var(--clr-core-pop-90);
+  --clr-drop-shadow: color(srgb 0 0 0 / 0.10196078431372549);
   --clr-selected-in-focus-bg: var(--clr-core-pop-90);
   --clr-selected-in-focus-element: var(--clr-core-pop-50);
   --clr-selected-not-in-focus-bg: var(--clr-core-gray-95);
@@ -224,9 +225,9 @@
   --clr-theme-warn-text: var(--clr-core-warn-10);
   --clr-tooltip-bg: var(--clr-core-gray-95);
   --clr-tooltip-border: var(--clr-core-gray-80);
-  --fx-shadow-l: 0 10px 40px 0 color(srgb 0 0 0 / 0.10196078431372549);
-  --fx-shadow-m: 0 6px 30px 0 color(srgb 0 0 0 / 0.0784313725490196);
-  --fx-shadow-s: 0 4px 14px 0 color(srgb 0 0 0 / 0.058823529411764705);
+  --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;
@@ -367,6 +368,7 @@
   --clr-diff-selected-count-border: var(--clr-core-pop-20);
   --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
   --clr-diff-selected-count-text: var(--clr-core-pop-60);
+  --clr-drop-shadow: color(srgb 0 0 0 / 0.5019607843137255);
   --clr-selected-in-focus-bg: var(--clr-core-pop-10);
   --clr-selected-in-focus-element: var(--clr-core-pop-40);
   --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
@@ -410,6 +412,9 @@
   --clr-theme-warn-text: var(--clr-core-warn-80);
   --clr-tooltip-bg: var(--clr-core-gray-10);
   --clr-tooltip-border: var(--clr-core-gray-30);
+  --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;

package/tokens/tokens.json

@@ -2328,6 +2328,17 @@
           }
         }
       }
+    },
+    "drop-shadow": {
+      "$type": "color",
+      "$value": "#0000001a",
+      "$description": "",
+      "$extensions": {
+        "mode": {
+          "light": "#0000001a",
+          "dark": "#00000080"
+        }
+      }
     }
   },
   "size": {
@@ -2595,7 +2606,7 @@
         "$value": [
           {
             "inset": false,
-            "color": "#0000000f",
+            "color": "{clr.drop-shadow}",
             "offsetX": "0px",
             "offsetY": "4px",
             "blur": "14px",
@@ -2608,7 +2619,7 @@
         "$value": [
           {
             "inset": false,
-            "color": "#00000014",
+            "color": "{clr.drop-shadow}",
             "offsetX": "0px",
             "offsetY": "6px",
             "blur": "30px",
@@ -2621,7 +2632,7 @@
         "$value": [
           {
             "inset": false,
-            "color": "#0000001a",
+            "color": "{clr.drop-shadow}",
             "offsetX": "0px",
             "offsetY": "10px",
             "blur": "40px",
@@ -2643,7 +2654,7 @@
         "text",
         "opacity"
       ],
-      "createdAt": "2026-01-04T20:48:04.734Z"
+      "createdAt": "2026-01-13T16:30:22.438Z"
     }
   }
 }