@gitbutler/design-core 1.5.1 → 1.6.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/tokens/tokens.css +4 -18
  3. package/tokens/tokens.json +9 -86
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitbutler/design-core",
3
- "version": "1.5.1",
3
+ "version": "1.6.0",
4
4
  "type": "module",
5
5
  "description": "Design tokens for GitButler applications",
6
6
  "keywords": [
package/tokens/tokens.css CHANGED
@@ -9,11 +9,10 @@
9
9
  --clr-art-spot-fill: var(--clr-core-gray-70);
10
10
  --clr-art-spot-fill-pop: var(--clr-core-pop-70);
11
11
  --clr-bg-1: var(--clr-core-gray-100);
12
- --clr-bg-1-muted: var(--clr-core-gray-95);
13
12
  --clr-bg-2: var(--clr-core-gray-90);
14
- --clr-bg-2-muted: var(--clr-core-gray-80);
15
13
  --clr-bg-3: var(--clr-core-gray-80);
16
- --clr-bg-3-muted: var(--clr-core-gray-70);
14
+ --clr-bg-muted: var(--clr-core-gray-95);
15
+ --clr-bg-overlay: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.45098039215686275);
17
16
  --clr-bg-toast: var(--clr-core-gray-5);
18
17
  --clr-border-1: var(--clr-core-gray-60);
19
18
  --clr-border-2: var(--clr-core-gray-70);
@@ -182,7 +181,6 @@
182
181
  --clr-diff-selected-count-border: var(--clr-core-pop-40);
183
182
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
184
183
  --clr-diff-selected-count-text: var(--clr-core-pop-90);
185
- --clr-overlay-bg: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.45098039215686275);
186
184
  --clr-selected-in-focus-bg: var(--clr-core-pop-90);
187
185
  --clr-selected-in-focus-element: var(--clr-core-pop-50);
188
186
  --clr-selected-not-in-focus-bg: var(--clr-core-gray-95);
@@ -191,7 +189,6 @@
191
189
  --clr-text-2: var(--clr-core-gray-50);
192
190
  --clr-text-3: var(--clr-core-gray-60);
193
191
  --clr-theme-danger-bg: var(--clr-core-danger-95);
194
- --clr-theme-danger-bg-muted: var(--clr-core-danger-90);
195
192
  --clr-theme-danger-element: var(--clr-core-danger-50);
196
193
  --clr-theme-danger-on-element: var(--clr-core-danger-95);
197
194
  --clr-theme-danger-on-soft: var(--clr-core-danger-40);
@@ -202,28 +199,24 @@
202
199
  --clr-theme-gray-on-soft: var(--clr-core-gray-20);
203
200
  --clr-theme-gray-soft: var(--clr-core-gray-80);
204
201
  --clr-theme-pop-bg: var(--clr-core-pop-95);
205
- --clr-theme-pop-bg-muted: var(--clr-core-pop-90);
206
202
  --clr-theme-pop-element: var(--clr-core-pop-50);
207
203
  --clr-theme-pop-on-element: var(--clr-core-gray-100);
208
204
  --clr-theme-pop-on-soft: var(--clr-core-pop-40);
209
205
  --clr-theme-pop-soft: var(--clr-core-pop-80);
210
206
  --clr-theme-pop-text: var(--clr-core-pop-10);
211
207
  --clr-theme-purple-bg: var(--clr-core-purple-95);
212
- --clr-theme-purple-bg-muted: var(--clr-core-purple-90);
213
208
  --clr-theme-purple-element: var(--clr-core-purple-50);
214
209
  --clr-theme-purple-on-element: var(--clr-core-purple-95);
215
210
  --clr-theme-purple-on-soft: var(--clr-core-purple-40);
216
211
  --clr-theme-purple-soft: var(--clr-core-purple-80);
217
212
  --clr-theme-purple-text: var(--clr-core-purple-10);
218
213
  --clr-theme-safe-bg: var(--clr-core-safe-95);
219
- --clr-theme-safe-bg-muted: var(--clr-core-safe-90);
220
214
  --clr-theme-safe-element: var(--clr-core-safe-50);
221
215
  --clr-theme-safe-on-element: var(--clr-core-safe-95);
222
216
  --clr-theme-safe-on-soft: var(--clr-core-safe-40);
223
217
  --clr-theme-safe-soft: var(--clr-core-safe-80);
224
218
  --clr-theme-safe-text: var(--clr-core-safe-10);
225
219
  --clr-theme-warn-bg: var(--clr-core-warn-95);
226
- --clr-theme-warn-bg-muted: var(--clr-core-warn-90);
227
220
  --clr-theme-warn-element: var(--clr-core-warn-50);
228
221
  --clr-theme-warn-on-element: var(--clr-core-warn-95);
229
222
  --clr-theme-warn-on-soft: var(--clr-core-warn-40);
@@ -269,11 +262,10 @@
269
262
  --clr-art-spot-fill: var(--clr-core-gray-40);
270
263
  --clr-art-spot-fill-pop: var(--clr-core-pop-30);
271
264
  --clr-bg-1: var(--clr-core-gray-10);
272
- --clr-bg-1-muted: var(--clr-core-gray-20);
273
265
  --clr-bg-2: var(--clr-core-gray-5);
274
- --clr-bg-2-muted: var(--clr-core-gray-10);
275
266
  --clr-bg-3: var(--clr-core-gray-0);
276
- --clr-bg-3-muted: var(--clr-core-gray-5);
267
+ --clr-bg-muted: var(--clr-core-gray-20);
268
+ --clr-bg-overlay: color(srgb 0 0 0 / 0.5019607843137255);
277
269
  --clr-bg-toast: var(--clr-core-gray-95);
278
270
  --clr-border-1: var(--clr-core-gray-40);
279
271
  --clr-border-2: var(--clr-core-gray-30);
@@ -374,7 +366,6 @@
374
366
  --clr-diff-selected-count-border: var(--clr-core-pop-20);
375
367
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
376
368
  --clr-diff-selected-count-text: var(--clr-core-pop-60);
377
- --clr-overlay-bg: color(srgb 0 0 0 / 0.5019607843137255);
378
369
  --clr-selected-in-focus-bg: var(--clr-core-pop-10);
379
370
  --clr-selected-in-focus-element: var(--clr-core-pop-40);
380
371
  --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
@@ -383,7 +374,6 @@
383
374
  --clr-text-2: var(--clr-core-gray-60);
384
375
  --clr-text-3: var(--clr-core-gray-40);
385
376
  --clr-theme-danger-bg: var(--clr-core-danger-5);
386
- --clr-theme-danger-bg-muted: var(--clr-core-danger-10);
387
377
  --clr-theme-danger-element: var(--clr-core-danger-30);
388
378
  --clr-theme-danger-on-element: var(--clr-core-danger-95);
389
379
  --clr-theme-danger-on-soft: var(--clr-core-danger-60);
@@ -394,28 +384,24 @@
394
384
  --clr-theme-gray-on-soft: var(--clr-core-gray-70);
395
385
  --clr-theme-gray-soft: var(--clr-core-gray-20);
396
386
  --clr-theme-pop-bg: var(--clr-core-pop-5);
397
- --clr-theme-pop-bg-muted: var(--clr-core-pop-10);
398
387
  --clr-theme-pop-element: var(--clr-core-pop-40);
399
388
  --clr-theme-pop-on-element: var(--clr-core-gray-100);
400
389
  --clr-theme-pop-on-soft: var(--clr-core-pop-60);
401
390
  --clr-theme-pop-soft: var(--clr-core-pop-10);
402
391
  --clr-theme-pop-text: var(--clr-core-pop-80);
403
392
  --clr-theme-purple-bg: var(--clr-core-purple-5);
404
- --clr-theme-purple-bg-muted: var(--clr-core-purple-10);
405
393
  --clr-theme-purple-element: var(--clr-core-purple-50);
406
394
  --clr-theme-purple-on-element: var(--clr-core-purple-90);
407
395
  --clr-theme-purple-on-soft: var(--clr-core-purple-60);
408
396
  --clr-theme-purple-soft: var(--clr-core-purple-10);
409
397
  --clr-theme-purple-text: var(--clr-core-purple-80);
410
398
  --clr-theme-safe-bg: var(--clr-core-safe-5);
411
- --clr-theme-safe-bg-muted: var(--clr-core-safe-10);
412
399
  --clr-theme-safe-element: var(--clr-core-safe-30);
413
400
  --clr-theme-safe-on-element: var(--clr-core-safe-90);
414
401
  --clr-theme-safe-on-soft: var(--clr-core-safe-60);
415
402
  --clr-theme-safe-soft: var(--clr-core-safe-10);
416
403
  --clr-theme-safe-text: var(--clr-core-safe-80);
417
404
  --clr-theme-warn-bg: var(--clr-core-warn-5);
418
- --clr-theme-warn-bg-muted: var(--clr-core-warn-10);
419
405
  --clr-theme-warn-element: var(--clr-core-warn-40);
420
406
  --clr-theme-warn-on-element: var(--clr-core-warn-90);
421
407
  --clr-theme-warn-on-soft: var(--clr-core-warn-60);
package/tokens/tokens.json CHANGED
@@ -592,36 +592,25 @@
592
592
  }
593
593
  }
594
594
  },
595
- "1-muted": {
595
+ "overlay": {
596
596
  "$type": "color",
597
- "$value": "{clr-core.gray.95}",
597
+ "$value": "#d6d6d673",
598
598
  "$description": "",
599
599
  "$extensions": {
600
600
  "mode": {
601
- "light": "{clr-core.gray.95}",
602
- "dark": "{clr-core.gray.20}"
601
+ "light": "#d6d6d673",
602
+ "dark": "#00000080"
603
603
  }
604
604
  }
605
605
  },
606
- "2-muted": {
606
+ "muted": {
607
607
  "$type": "color",
608
- "$value": "{clr-core.gray.80}",
609
- "$description": "",
610
- "$extensions": {
611
- "mode": {
612
- "light": "{clr-core.gray.80}",
613
- "dark": "{clr-core.gray.10}"
614
- }
615
- }
616
- },
617
- "3-muted": {
618
- "$type": "color",
619
- "$value": "{clr-core.gray.70}",
608
+ "$value": "{clr-core.gray.95}",
620
609
  "$description": "",
621
610
  "$extensions": {
622
611
  "mode": {
623
- "light": "{clr-core.gray.70}",
624
- "dark": "{clr-core.gray.5}"
612
+ "light": "{clr-core.gray.95}",
613
+ "dark": "{clr-core.gray.20}"
625
614
  }
626
615
  }
627
616
  },
@@ -694,17 +683,6 @@
694
683
  }
695
684
  }
696
685
  },
697
- "bg-muted": {
698
- "$type": "color",
699
- "$value": "{clr-core.pop.90}",
700
- "$description": "",
701
- "$extensions": {
702
- "mode": {
703
- "light": "{clr-core.pop.90}",
704
- "dark": "{clr-core.pop.10}"
705
- }
706
- }
707
- },
708
686
  "text": {
709
687
  "$type": "color",
710
688
  "$value": "{clr-core.pop.10}",
@@ -773,17 +751,6 @@
773
751
  }
774
752
  }
775
753
  },
776
- "bg-muted": {
777
- "$type": "color",
778
- "$value": "{clr-core.danger.90}",
779
- "$description": "",
780
- "$extensions": {
781
- "mode": {
782
- "light": "{clr-core.danger.90}",
783
- "dark": "{clr-core.danger.10}"
784
- }
785
- }
786
- },
787
754
  "text": {
788
755
  "$type": "color",
789
756
  "$value": "{clr-core.danger.10}",
@@ -852,17 +819,6 @@
852
819
  }
853
820
  }
854
821
  },
855
- "bg-muted": {
856
- "$type": "color",
857
- "$value": "{clr-core.warn.90}",
858
- "$description": "",
859
- "$extensions": {
860
- "mode": {
861
- "light": "{clr-core.warn.90}",
862
- "dark": "{clr-core.warn.10}"
863
- }
864
- }
865
- },
866
822
  "text": {
867
823
  "$type": "color",
868
824
  "$value": "{clr-core.warn.10}",
@@ -931,17 +887,6 @@
931
887
  }
932
888
  }
933
889
  },
934
- "bg-muted": {
935
- "$type": "color",
936
- "$value": "{clr-core.safe.90}",
937
- "$description": "",
938
- "$extensions": {
939
- "mode": {
940
- "light": "{clr-core.safe.90}",
941
- "dark": "{clr-core.safe.10}"
942
- }
943
- }
944
- },
945
890
  "text": {
946
891
  "$type": "color",
947
892
  "$value": "{clr-core.safe.10}",
@@ -1010,17 +955,6 @@
1010
955
  }
1011
956
  }
1012
957
  },
1013
- "bg-muted": {
1014
- "$type": "color",
1015
- "$value": "{clr-core.purple.90}",
1016
- "$description": "",
1017
- "$extensions": {
1018
- "mode": {
1019
- "light": "{clr-core.purple.90}",
1020
- "dark": "{clr-core.purple.10}"
1021
- }
1022
- }
1023
- },
1024
958
  "text": {
1025
959
  "$type": "color",
1026
960
  "$value": "{clr-core.purple.10}",
@@ -1115,17 +1049,6 @@
1115
1049
  }
1116
1050
  }
1117
1051
  },
1118
- "overlay-bg": {
1119
- "$type": "color",
1120
- "$value": "#d6d6d673",
1121
- "$description": "",
1122
- "$extensions": {
1123
- "mode": {
1124
- "light": "#d6d6d673",
1125
- "dark": "#00000080"
1126
- }
1127
- }
1128
- },
1129
1052
  "art": {
1130
1053
  "scene": {
1131
1054
  "bg": {
@@ -2688,7 +2611,7 @@
2688
2611
  "text",
2689
2612
  "opacity"
2690
2613
  ],
2691
- "createdAt": "2025-12-16T12:56:17.930Z"
2614
+ "createdAt": "2025-12-17T21:17:35.890Z"
2692
2615
  }
2693
2616
  }
2694
2617
  }