@gitbutler/design-core 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -2
- package/tokens/json/fx.tokens.json +56 -0
- package/tokens/tokens.css +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitbutler/design-core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Design tokens for GitButler applications",
|
|
6
6
|
"keywords": [
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
},
|
|
26
26
|
"scripts": {
|
|
27
27
|
"build": "node scripts/postprocess-light-dark.mjs",
|
|
28
|
-
"dev:tokens": "node scripts/postprocess-light-dark.mjs --watch",
|
|
29
28
|
"prepublishOnly": "npm run build",
|
|
30
29
|
"format": "prettier --write \"**/*.{css,ts,js}\"",
|
|
31
30
|
"format:check": "prettier --check \"**/*.{css,ts,js}\"",
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"fx": {
|
|
3
|
+
"shadow": {
|
|
4
|
+
"s": {
|
|
5
|
+
"$type": "shadow",
|
|
6
|
+
"$value": [
|
|
7
|
+
{
|
|
8
|
+
"inset": false,
|
|
9
|
+
"color": "{semantic.shadow-clr}",
|
|
10
|
+
"offsetX": "0px",
|
|
11
|
+
"offsetY": "4px",
|
|
12
|
+
"blur": "14px",
|
|
13
|
+
"spread": "0px"
|
|
14
|
+
}
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"m": {
|
|
18
|
+
"$type": "shadow",
|
|
19
|
+
"$value": [
|
|
20
|
+
{
|
|
21
|
+
"inset": false,
|
|
22
|
+
"color": "{semantic.shadow-clr}",
|
|
23
|
+
"offsetX": "0px",
|
|
24
|
+
"offsetY": "6px",
|
|
25
|
+
"blur": "30px",
|
|
26
|
+
"spread": "0px"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"l": {
|
|
31
|
+
"$type": "shadow",
|
|
32
|
+
"$value": [
|
|
33
|
+
{
|
|
34
|
+
"inset": false,
|
|
35
|
+
"color": "{semantic.shadow-clr}",
|
|
36
|
+
"offsetX": "0px",
|
|
37
|
+
"offsetY": "10px",
|
|
38
|
+
"blur": "40px",
|
|
39
|
+
"spread": "0px"
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"$extensions": {
|
|
45
|
+
"tokens-bruecke-meta": {
|
|
46
|
+
"useDTCGKeys": true,
|
|
47
|
+
"colorMode": "hex",
|
|
48
|
+
"variableCollections": [
|
|
49
|
+
"core",
|
|
50
|
+
"semantic"
|
|
51
|
+
],
|
|
52
|
+
"createdAt": "2026-05-05T23:36:53.301Z"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
package/tokens/tokens.css
CHANGED
|
@@ -153,6 +153,10 @@
|
|
|
153
153
|
--text-weight-semibold: 550;
|
|
154
154
|
--tooltip-bg: light-dark(var(--clr-gray-95), var(--clr-gray-10));
|
|
155
155
|
--tooltip-border: light-dark(var(--clr-gray-80), var(--clr-gray-30));
|
|
156
|
+
/* shadow vars */
|
|
157
|
+
--shadow-s: 0px 4px 14px 0px var(--shadow-clr);
|
|
158
|
+
--shadow-m: 0px 6px 30px 0px var(--shadow-clr);
|
|
159
|
+
--shadow-l: 0px 10px 40px 0px var(--shadow-clr);
|
|
156
160
|
}
|
|
157
161
|
|
|
158
162
|
:root.light {
|