@gitbutler/design-core 1.2.5 → 1.3.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 -1
- package/tokens/tokens.css +13 -25
- package/tokens/tokens.json +7 -73
package/package.json
CHANGED
package/tokens/tokens.css
CHANGED
|
@@ -24,28 +24,22 @@
|
|
|
24
24
|
--clr-br-commit-unreviewed-text: var(--clr-theme-ntrl-on-soft);
|
|
25
25
|
--clr-btn-err-outline: var(--clr-core-err-50);
|
|
26
26
|
--clr-btn-err-outline-bg: var(--clr-core-err-70);
|
|
27
|
-
--clr-btn-err-outline-text: var(--clr-core-err-
|
|
28
|
-
--clr-btn-err-outline-text-hover: var(--clr-core-err-30);
|
|
27
|
+
--clr-btn-err-outline-text: var(--clr-core-err-30);
|
|
29
28
|
--clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
|
|
30
29
|
--clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-70);
|
|
31
30
|
--clr-btn-ntrl-outline-text: var(--clr-core-ntrl-10);
|
|
32
|
-
--clr-btn-ntrl-outline-text-hover: var(--clr-core-ntrl-10);
|
|
33
31
|
--clr-btn-pop-outline: var(--clr-core-pop-50);
|
|
34
32
|
--clr-btn-pop-outline-bg: var(--clr-core-pop-70);
|
|
35
|
-
--clr-btn-pop-outline-text: var(--clr-core-pop-
|
|
36
|
-
--clr-btn-pop-outline-text-hover: var(--clr-core-pop-30);
|
|
33
|
+
--clr-btn-pop-outline-text: var(--clr-core-pop-30);
|
|
37
34
|
--clr-btn-purp-outline: var(--clr-core-purp-50);
|
|
38
35
|
--clr-btn-purp-outline-bg: var(--clr-core-purp-70);
|
|
39
|
-
--clr-btn-purp-outline-text: var(--clr-core-purp-
|
|
40
|
-
--clr-btn-purp-outline-text-hover: var(--clr-core-purp-30);
|
|
36
|
+
--clr-btn-purp-outline-text: var(--clr-core-purp-30);
|
|
41
37
|
--clr-btn-succ-outline: var(--clr-core-succ-50);
|
|
42
38
|
--clr-btn-succ-outline-bg: var(--clr-core-succ-70);
|
|
43
|
-
--clr-btn-succ-outline-text: var(--clr-core-succ-
|
|
44
|
-
--clr-btn-succ-outline-text-hover: var(--clr-core-succ-30);
|
|
39
|
+
--clr-btn-succ-outline-text: var(--clr-core-succ-30);
|
|
45
40
|
--clr-btn-warn-outline: var(--clr-core-warn-50);
|
|
46
41
|
--clr-btn-warn-outline-bg: var(--clr-core-warn-70);
|
|
47
|
-
--clr-btn-warn-outline-text: var(--clr-core-warn-
|
|
48
|
-
--clr-btn-warn-outline-text-hover: var(--clr-core-warn-30);
|
|
42
|
+
--clr-btn-warn-outline-text: var(--clr-core-warn-30);
|
|
49
43
|
--clr-commit-integrated: var(--clr-core-purp-50);
|
|
50
44
|
--clr-commit-local: var(--clr-core-ntrl-50);
|
|
51
45
|
--clr-commit-remote: var(--clr-core-pop-50);
|
|
@@ -74,7 +68,7 @@
|
|
|
74
68
|
--clr-core-ntrl-50: color(srgb 0.5254901960784314 0.49411764705882355 0.4745098039215686);
|
|
75
69
|
--clr-core-ntrl-55: color(srgb 0.6039215686274509 0.5725490196078431 0.5529411764705883);
|
|
76
70
|
--clr-core-ntrl-60: color(srgb 0.7058823529411765 0.6862745098039216 0.6745098039215687);
|
|
77
|
-
--clr-core-ntrl-70: color(srgb 0.
|
|
71
|
+
--clr-core-ntrl-70: color(srgb 0.8392156862745098 0.8274509803921568 0.8196078431372549);
|
|
78
72
|
--clr-core-ntrl-80: color(srgb 0.9176470588235294 0.9137254901960784 0.9098039215686274);
|
|
79
73
|
--clr-core-ntrl-90: color(srgb 0.9529411764705882 0.9529411764705882 0.9490196078431372);
|
|
80
74
|
--clr-core-ntrl-95: color(srgb 0.9725490196078431 0.9725490196078431 0.9686274509803922);
|
|
@@ -386,28 +380,22 @@
|
|
|
386
380
|
--clr-br-commit-unreviewed-text: var(--clr-theme-ntrl-on-soft);
|
|
387
381
|
--clr-btn-err-outline: var(--clr-core-err-50);
|
|
388
382
|
--clr-btn-err-outline-bg: var(--clr-core-err-40);
|
|
389
|
-
--clr-btn-err-outline-text: var(--clr-core-err-
|
|
390
|
-
--clr-btn-err-outline-text-hover: var(--clr-core-err-70);
|
|
383
|
+
--clr-btn-err-outline-text: var(--clr-core-err-70);
|
|
391
384
|
--clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
|
|
392
385
|
--clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-45);
|
|
393
386
|
--clr-btn-ntrl-outline-text: var(--clr-core-ntrl-100);
|
|
394
|
-
--clr-btn-ntrl-outline-text-hover: var(--clr-core-ntrl-100);
|
|
395
387
|
--clr-btn-pop-outline: var(--clr-core-pop-50);
|
|
396
388
|
--clr-btn-pop-outline-bg: var(--clr-core-pop-40);
|
|
397
|
-
--clr-btn-pop-outline-text: var(--clr-core-pop-
|
|
398
|
-
--clr-btn-pop-outline-text-hover: var(--clr-core-pop-70);
|
|
389
|
+
--clr-btn-pop-outline-text: var(--clr-core-pop-70);
|
|
399
390
|
--clr-btn-purp-outline: var(--clr-core-purp-50);
|
|
400
391
|
--clr-btn-purp-outline-bg: var(--clr-core-purp-40);
|
|
401
|
-
--clr-btn-purp-outline-text: var(--clr-core-purp-
|
|
402
|
-
--clr-btn-purp-outline-text-hover: var(--clr-core-purp-70);
|
|
392
|
+
--clr-btn-purp-outline-text: var(--clr-core-purp-70);
|
|
403
393
|
--clr-btn-succ-outline: var(--clr-core-succ-50);
|
|
404
394
|
--clr-btn-succ-outline-bg: var(--clr-core-succ-40);
|
|
405
|
-
--clr-btn-succ-outline-text: var(--clr-core-succ-
|
|
406
|
-
--clr-btn-succ-outline-text-hover: var(--clr-core-succ-70);
|
|
395
|
+
--clr-btn-succ-outline-text: var(--clr-core-succ-70);
|
|
407
396
|
--clr-btn-warn-outline: var(--clr-core-warn-50);
|
|
408
397
|
--clr-btn-warn-outline-bg: var(--clr-core-warn-40);
|
|
409
|
-
--clr-btn-warn-outline-text: var(--clr-core-warn-
|
|
410
|
-
--clr-btn-warn-outline-text-hover: var(--clr-core-warn-70);
|
|
398
|
+
--clr-btn-warn-outline-text: var(--clr-core-warn-70);
|
|
411
399
|
--clr-commit-integrated: var(--clr-core-purp-40);
|
|
412
400
|
--clr-commit-local: var(--clr-core-ntrl-50);
|
|
413
401
|
--clr-commit-remote: var(--clr-core-pop-50);
|
|
@@ -591,8 +579,8 @@
|
|
|
591
579
|
--clr-theme-pop-soft-hover: var(--clr-core-pop-20);
|
|
592
580
|
--clr-theme-purp-bg: var(--clr-core-purp-5);
|
|
593
581
|
--clr-theme-purp-bg-muted: var(--clr-core-purp-10);
|
|
594
|
-
--clr-theme-purp-element: var(--clr-core-purp-
|
|
595
|
-
--clr-theme-purp-element-hover: var(--clr-core-purp-
|
|
582
|
+
--clr-theme-purp-element: var(--clr-core-purp-50);
|
|
583
|
+
--clr-theme-purp-element-hover: var(--clr-core-purp-40);
|
|
596
584
|
--clr-theme-purp-on-element: var(--clr-core-purp-90);
|
|
597
585
|
--clr-theme-purp-on-soft: var(--clr-core-purp-90);
|
|
598
586
|
--clr-theme-purp-soft: var(--clr-core-purp-10);
|
package/tokens/tokens.json
CHANGED
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
},
|
|
84
84
|
"70": {
|
|
85
85
|
"$type": "color",
|
|
86
|
-
"$value": "#
|
|
86
|
+
"$value": "#d6d3d1",
|
|
87
87
|
"$description": "",
|
|
88
88
|
"$extensions": {
|
|
89
89
|
"mode": {}
|
|
@@ -1091,7 +1091,7 @@
|
|
|
1091
1091
|
"$extensions": {
|
|
1092
1092
|
"mode": {
|
|
1093
1093
|
"light": "{clr-core.purp.50}",
|
|
1094
|
-
"dark": "{clr-core.purp.
|
|
1094
|
+
"dark": "{clr-core.purp.50}"
|
|
1095
1095
|
}
|
|
1096
1096
|
}
|
|
1097
1097
|
},
|
|
@@ -1146,7 +1146,7 @@
|
|
|
1146
1146
|
"$extensions": {
|
|
1147
1147
|
"mode": {
|
|
1148
1148
|
"light": "{clr-core.purp.45}",
|
|
1149
|
-
"dark": "{clr-core.purp.
|
|
1149
|
+
"dark": "{clr-core.purp.40}"
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
1152
1152
|
},
|
|
@@ -3086,32 +3086,10 @@
|
|
|
3086
3086
|
"dark": "{clr-core.ntrl.100}"
|
|
3087
3087
|
}
|
|
3088
3088
|
}
|
|
3089
|
-
},
|
|
3090
|
-
"outline-text-hover": {
|
|
3091
|
-
"$type": "color",
|
|
3092
|
-
"$value": "{clr-core.ntrl.10}",
|
|
3093
|
-
"$description": "",
|
|
3094
|
-
"$extensions": {
|
|
3095
|
-
"mode": {
|
|
3096
|
-
"light": "{clr-core.ntrl.10}",
|
|
3097
|
-
"dark": "{clr-core.ntrl.100}"
|
|
3098
|
-
}
|
|
3099
|
-
}
|
|
3100
3089
|
}
|
|
3101
3090
|
},
|
|
3102
3091
|
"err": {
|
|
3103
3092
|
"outline-text": {
|
|
3104
|
-
"$type": "color",
|
|
3105
|
-
"$value": "{clr-core.err.40}",
|
|
3106
|
-
"$description": "",
|
|
3107
|
-
"$extensions": {
|
|
3108
|
-
"mode": {
|
|
3109
|
-
"light": "{clr-core.err.40}",
|
|
3110
|
-
"dark": "{clr-core.err.60}"
|
|
3111
|
-
}
|
|
3112
|
-
}
|
|
3113
|
-
},
|
|
3114
|
-
"outline-text-hover": {
|
|
3115
3093
|
"$type": "color",
|
|
3116
3094
|
"$value": "{clr-core.err.30}",
|
|
3117
3095
|
"$description": "",
|
|
@@ -3147,17 +3125,6 @@
|
|
|
3147
3125
|
},
|
|
3148
3126
|
"pop": {
|
|
3149
3127
|
"outline-text": {
|
|
3150
|
-
"$type": "color",
|
|
3151
|
-
"$value": "{clr-core.pop.40}",
|
|
3152
|
-
"$description": "",
|
|
3153
|
-
"$extensions": {
|
|
3154
|
-
"mode": {
|
|
3155
|
-
"light": "{clr-core.pop.40}",
|
|
3156
|
-
"dark": "{clr-core.pop.60}"
|
|
3157
|
-
}
|
|
3158
|
-
}
|
|
3159
|
-
},
|
|
3160
|
-
"outline-text-hover": {
|
|
3161
3128
|
"$type": "color",
|
|
3162
3129
|
"$value": "{clr-core.pop.30}",
|
|
3163
3130
|
"$description": "",
|
|
@@ -3214,7 +3181,7 @@
|
|
|
3214
3181
|
}
|
|
3215
3182
|
}
|
|
3216
3183
|
},
|
|
3217
|
-
"outline-text
|
|
3184
|
+
"outline-text": {
|
|
3218
3185
|
"$type": "color",
|
|
3219
3186
|
"$value": "{clr-core.warn.30}",
|
|
3220
3187
|
"$description": "",
|
|
@@ -3224,17 +3191,6 @@
|
|
|
3224
3191
|
"dark": "{clr-core.warn.70}"
|
|
3225
3192
|
}
|
|
3226
3193
|
}
|
|
3227
|
-
},
|
|
3228
|
-
"outline-text": {
|
|
3229
|
-
"$type": "color",
|
|
3230
|
-
"$value": "{clr-core.warn.40}",
|
|
3231
|
-
"$description": "",
|
|
3232
|
-
"$extensions": {
|
|
3233
|
-
"mode": {
|
|
3234
|
-
"light": "{clr-core.warn.40}",
|
|
3235
|
-
"dark": "{clr-core.warn.60}"
|
|
3236
|
-
}
|
|
3237
|
-
}
|
|
3238
3194
|
}
|
|
3239
3195
|
},
|
|
3240
3196
|
"succ": {
|
|
@@ -3260,7 +3216,7 @@
|
|
|
3260
3216
|
}
|
|
3261
3217
|
}
|
|
3262
3218
|
},
|
|
3263
|
-
"outline-text
|
|
3219
|
+
"outline-text": {
|
|
3264
3220
|
"$type": "color",
|
|
3265
3221
|
"$value": "{clr-core.succ.30}",
|
|
3266
3222
|
"$description": "",
|
|
@@ -3270,17 +3226,6 @@
|
|
|
3270
3226
|
"dark": "{clr-core.succ.70}"
|
|
3271
3227
|
}
|
|
3272
3228
|
}
|
|
3273
|
-
},
|
|
3274
|
-
"outline-text": {
|
|
3275
|
-
"$type": "color",
|
|
3276
|
-
"$value": "{clr-core.succ.40}",
|
|
3277
|
-
"$description": "",
|
|
3278
|
-
"$extensions": {
|
|
3279
|
-
"mode": {
|
|
3280
|
-
"light": "{clr-core.succ.40}",
|
|
3281
|
-
"dark": "{clr-core.succ.60}"
|
|
3282
|
-
}
|
|
3283
|
-
}
|
|
3284
3229
|
}
|
|
3285
3230
|
},
|
|
3286
3231
|
"purp": {
|
|
@@ -3306,7 +3251,7 @@
|
|
|
3306
3251
|
}
|
|
3307
3252
|
}
|
|
3308
3253
|
},
|
|
3309
|
-
"outline-text
|
|
3254
|
+
"outline-text": {
|
|
3310
3255
|
"$type": "color",
|
|
3311
3256
|
"$value": "{clr-core.purp.30}",
|
|
3312
3257
|
"$description": "",
|
|
@@ -3316,17 +3261,6 @@
|
|
|
3316
3261
|
"dark": "{clr-core.purp.70}"
|
|
3317
3262
|
}
|
|
3318
3263
|
}
|
|
3319
|
-
},
|
|
3320
|
-
"outline-text": {
|
|
3321
|
-
"$type": "color",
|
|
3322
|
-
"$value": "{clr-core.purp.40}",
|
|
3323
|
-
"$description": "",
|
|
3324
|
-
"$extensions": {
|
|
3325
|
-
"mode": {
|
|
3326
|
-
"light": "{clr-core.purp.40}",
|
|
3327
|
-
"dark": "{clr-core.purp.60}"
|
|
3328
|
-
}
|
|
3329
|
-
}
|
|
3330
3264
|
}
|
|
3331
3265
|
}
|
|
3332
3266
|
},
|
|
@@ -3784,7 +3718,7 @@
|
|
|
3784
3718
|
"text",
|
|
3785
3719
|
"opacity"
|
|
3786
3720
|
],
|
|
3787
|
-
"createdAt": "2025-
|
|
3721
|
+
"createdAt": "2025-11-08T14:01:10.346Z"
|
|
3788
3722
|
}
|
|
3789
3723
|
}
|
|
3790
3724
|
}
|