@gitbutler/design-core 2.2.2 → 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.
@@ -1,895 +0,0 @@
1
- {
2
- "components": {
3
- "btn": {
4
- "opacity": {
5
- "outline-icon": {
6
- "$type": "string",
7
- "$value": "70%",
8
- "$description": "",
9
- "$extensions": {
10
- "mode": {
11
- "light": "70%",
12
- "dark": "70%"
13
- }
14
- }
15
- },
16
- "outline-bg-hover": {
17
- "$type": "string",
18
- "$value": "25%",
19
- "$description": "",
20
- "$extensions": {
21
- "mode": {
22
- "light": "25%",
23
- "dark": "25%"
24
- }
25
- }
26
- },
27
- "outline-bg": {
28
- "$type": "string",
29
- "$value": "10%",
30
- "$description": "",
31
- "$extensions": {
32
- "mode": {
33
- "light": "10%",
34
- "dark": "10%"
35
- }
36
- }
37
- },
38
- "outline-border": {
39
- "$type": "string",
40
- "$value": "40%",
41
- "$description": "",
42
- "$extensions": {
43
- "mode": {
44
- "light": "40%",
45
- "dark": "40%"
46
- }
47
- }
48
- },
49
- "solid-hover": {
50
- "$type": "string",
51
- "$value": "10%",
52
- "$description": "",
53
- "$extensions": {
54
- "mode": {
55
- "light": "10%",
56
- "dark": "10%"
57
- }
58
- }
59
- },
60
- "solid-icon": {
61
- "$type": "string",
62
- "$value": "80%",
63
- "$description": "",
64
- "$extensions": {
65
- "mode": {
66
- "light": "80%",
67
- "dark": "80%"
68
- }
69
- }
70
- }
71
- },
72
- "pop": {
73
- "outline-bg": {
74
- "$type": "color",
75
- "$value": "{core.clr.pop.70}",
76
- "$description": "",
77
- "$extensions": {
78
- "mode": {
79
- "light": "{core.clr.pop.70}",
80
- "dark": "{core.clr.pop.40}"
81
- }
82
- }
83
- },
84
- "outline": {
85
- "$type": "color",
86
- "$value": "{core.clr.pop.50}",
87
- "$description": "",
88
- "$extensions": {
89
- "mode": {
90
- "light": "{core.clr.pop.50}",
91
- "dark": "{core.clr.pop.50}"
92
- }
93
- }
94
- },
95
- "outline-text": {
96
- "$type": "color",
97
- "$value": "{core.clr.pop.40}",
98
- "$description": "",
99
- "$extensions": {
100
- "mode": {
101
- "light": "{core.clr.pop.40}",
102
- "dark": "{core.clr.pop.60}"
103
- }
104
- }
105
- }
106
- },
107
- "gray": {
108
- "outline-text": {
109
- "$type": "color",
110
- "$value": "{core.clr.gray.10}",
111
- "$description": "",
112
- "$extensions": {
113
- "mode": {
114
- "light": "{core.clr.gray.10}",
115
- "dark": "{core.clr.gray.100}"
116
- }
117
- }
118
- },
119
- "outline-bg": {
120
- "$type": "color",
121
- "$value": "{core.clr.gray.70}",
122
- "$description": "",
123
- "$extensions": {
124
- "mode": {
125
- "light": "{core.clr.gray.70}",
126
- "dark": "{core.clr.gray.40}"
127
- }
128
- }
129
- },
130
- "outline": {
131
- "$type": "color",
132
- "$value": "{core.clr.gray.50}",
133
- "$description": "",
134
- "$extensions": {
135
- "mode": {
136
- "light": "{core.clr.gray.50}",
137
- "dark": "{core.clr.gray.50}"
138
- }
139
- }
140
- }
141
- },
142
- "purple": {
143
- "outline-text": {
144
- "$type": "color",
145
- "$value": "{core.clr.purple.40}",
146
- "$description": "",
147
- "$extensions": {
148
- "mode": {
149
- "light": "{core.clr.purple.40}",
150
- "dark": "{core.clr.purple.60}"
151
- }
152
- }
153
- },
154
- "outline-bg": {
155
- "$type": "color",
156
- "$value": "{core.clr.purple.70}",
157
- "$description": "",
158
- "$extensions": {
159
- "mode": {
160
- "light": "{core.clr.purple.70}",
161
- "dark": "{core.clr.purple.40}"
162
- }
163
- }
164
- },
165
- "outline": {
166
- "$type": "color",
167
- "$value": "{core.clr.purple.50}",
168
- "$description": "",
169
- "$extensions": {
170
- "mode": {
171
- "light": "{core.clr.purple.50}",
172
- "dark": "{core.clr.purple.50}"
173
- }
174
- }
175
- }
176
- },
177
- "safe": {
178
- "outline-text": {
179
- "$type": "color",
180
- "$value": "{core.clr.safe.40}",
181
- "$description": "",
182
- "$extensions": {
183
- "mode": {
184
- "light": "{core.clr.safe.40}",
185
- "dark": "{core.clr.safe.60}"
186
- }
187
- }
188
- },
189
- "outline": {
190
- "$type": "color",
191
- "$value": "{core.clr.safe.50}",
192
- "$description": "",
193
- "$extensions": {
194
- "mode": {
195
- "light": "{core.clr.safe.50}",
196
- "dark": "{core.clr.safe.50}"
197
- }
198
- }
199
- },
200
- "outline-bg": {
201
- "$type": "color",
202
- "$value": "{core.clr.safe.70}",
203
- "$description": "",
204
- "$extensions": {
205
- "mode": {
206
- "light": "{core.clr.safe.70}",
207
- "dark": "{core.clr.safe.40}"
208
- }
209
- }
210
- }
211
- },
212
- "warn": {
213
- "outline-text": {
214
- "$type": "color",
215
- "$value": "{core.clr.warn.30}",
216
- "$description": "",
217
- "$extensions": {
218
- "mode": {
219
- "light": "{core.clr.warn.30}",
220
- "dark": "{core.clr.warn.60}"
221
- }
222
- }
223
- },
224
- "outline": {
225
- "$type": "color",
226
- "$value": "{core.clr.warn.50}",
227
- "$description": "",
228
- "$extensions": {
229
- "mode": {
230
- "light": "{core.clr.warn.50}",
231
- "dark": "{core.clr.warn.50}"
232
- }
233
- }
234
- },
235
- "outline-bg": {
236
- "$type": "color",
237
- "$value": "{core.clr.warn.70}",
238
- "$description": "",
239
- "$extensions": {
240
- "mode": {
241
- "light": "{core.clr.warn.70}",
242
- "dark": "{core.clr.warn.40}"
243
- }
244
- }
245
- }
246
- },
247
- "danger": {
248
- "outline-text": {
249
- "$type": "color",
250
- "$value": "{core.clr.danger.40}",
251
- "$description": "",
252
- "$extensions": {
253
- "mode": {
254
- "light": "{core.clr.danger.40}",
255
- "dark": "{core.clr.danger.60}"
256
- }
257
- }
258
- },
259
- "outline": {
260
- "$type": "color",
261
- "$value": "{core.clr.danger.50}",
262
- "$description": "",
263
- "$extensions": {
264
- "mode": {
265
- "light": "{core.clr.danger.50}",
266
- "dark": "{core.clr.danger.50}"
267
- }
268
- }
269
- },
270
- "outline-bg": {
271
- "$type": "color",
272
- "$value": "{core.clr.danger.70}",
273
- "$description": "",
274
- "$extensions": {
275
- "mode": {
276
- "light": "{core.clr.danger.70}",
277
- "dark": "{core.clr.danger.40}"
278
- }
279
- }
280
- }
281
- }
282
- },
283
- "art": {
284
- "spot": {
285
- "fill-pop": {
286
- "$type": "color",
287
- "$value": "{core.clr.pop.70}",
288
- "$description": "",
289
- "$extensions": {
290
- "mode": {
291
- "light": "{core.clr.pop.70}",
292
- "dark": "{core.clr.pop.30}"
293
- }
294
- }
295
- },
296
- "fill": {
297
- "$type": "color",
298
- "$value": "{core.clr.gray.70}",
299
- "$description": "",
300
- "$extensions": {
301
- "mode": {
302
- "light": "{core.clr.gray.70}",
303
- "dark": "{core.clr.gray.40}"
304
- }
305
- }
306
- }
307
- },
308
- "scene": {
309
- "fill": {
310
- "$type": "color",
311
- "$value": "#fcfcf1",
312
- "$description": "",
313
- "$extensions": {
314
- "mode": {
315
- "light": "#fcfcf1",
316
- "dark": "#d8e3c1"
317
- }
318
- }
319
- },
320
- "outline": {
321
- "$type": "color",
322
- "$value": "#475050",
323
- "$description": "",
324
- "$extensions": {
325
- "mode": {
326
- "light": "#475050",
327
- "dark": "#142222"
328
- }
329
- }
330
- },
331
- "bg": {
332
- "$type": "color",
333
- "$value": "#d6f0ee",
334
- "$description": "",
335
- "$extensions": {
336
- "mode": {
337
- "light": "#d6f0ee",
338
- "dark": "#286764"
339
- }
340
- }
341
- }
342
- }
343
- },
344
- "commit": {
345
- "integrated": {
346
- "$type": "color",
347
- "$value": "{core.clr.purple.50}",
348
- "$description": "",
349
- "$extensions": {
350
- "mode": {
351
- "light": "{core.clr.purple.50}",
352
- "dark": "{core.clr.purple.40}"
353
- }
354
- }
355
- },
356
- "upstream": {
357
- "$type": "color",
358
- "$value": "{core.clr.warn.50}",
359
- "$description": "",
360
- "$extensions": {
361
- "mode": {
362
- "light": "{core.clr.warn.50}",
363
- "dark": "{core.clr.warn.50}"
364
- }
365
- }
366
- },
367
- "shadow": {
368
- "$type": "color",
369
- "$value": "{core.clr.pop.60}",
370
- "$description": "",
371
- "$extensions": {
372
- "mode": {
373
- "light": "{core.clr.pop.60}",
374
- "dark": "{core.clr.pop.30}"
375
- }
376
- }
377
- },
378
- "remote": {
379
- "$type": "color",
380
- "$value": "{core.clr.pop.50}",
381
- "$description": "",
382
- "$extensions": {
383
- "mode": {
384
- "light": "{core.clr.pop.50}",
385
- "dark": "{core.clr.pop.50}"
386
- }
387
- }
388
- },
389
- "local": {
390
- "$type": "color",
391
- "$value": "{core.clr.gray.50}",
392
- "$description": "",
393
- "$extensions": {
394
- "mode": {
395
- "light": "{core.clr.gray.50}",
396
- "dark": "{core.clr.gray.50}"
397
- }
398
- }
399
- }
400
- },
401
- "tooltip": {
402
- "bg": {
403
- "$type": "color",
404
- "$value": "{core.clr.gray.95}",
405
- "$description": "",
406
- "$extensions": {
407
- "mode": {
408
- "light": "{core.clr.gray.95}",
409
- "dark": "{core.clr.gray.10}"
410
- }
411
- }
412
- },
413
- "border": {
414
- "$type": "color",
415
- "$value": "{core.clr.gray.80}",
416
- "$description": "",
417
- "$extensions": {
418
- "mode": {
419
- "light": "{core.clr.gray.80}",
420
- "dark": "{core.clr.gray.30}"
421
- }
422
- }
423
- }
424
- },
425
- "diff": {
426
- "addition": {
427
- "count-border": {
428
- "$type": "color",
429
- "$value": "#8cc9b0",
430
- "$description": "",
431
- "$extensions": {
432
- "mode": {
433
- "light": "#8cc9b0",
434
- "dark": "#3e7760"
435
- }
436
- }
437
- },
438
- "count-text": {
439
- "$type": "color",
440
- "$value": "#638c7a",
441
- "$description": "",
442
- "$extensions": {
443
- "mode": {
444
- "light": "#638c7a",
445
- "dark": "#7fbfb3"
446
- }
447
- }
448
- },
449
- "line-highlight": {
450
- "$type": "color",
451
- "$value": "#99edc9",
452
- "$description": "",
453
- "$extensions": {
454
- "mode": {
455
- "light": "#99edc9",
456
- "dark": "#147a66"
457
- }
458
- }
459
- },
460
- "count-bg": {
461
- "$type": "color",
462
- "$value": "#bcf2de",
463
- "$description": "",
464
- "$extensions": {
465
- "mode": {
466
- "light": "#bcf2de",
467
- "dark": "#1f574a"
468
- }
469
- }
470
- },
471
- "line-bg": {
472
- "$type": "color",
473
- "$value": "#ccfae8",
474
- "$description": "",
475
- "$extensions": {
476
- "mode": {
477
- "light": "#ccfae8",
478
- "dark": "#144138"
479
- }
480
- }
481
- }
482
- },
483
- "locked-selected": {
484
- "count-text": {
485
- "$type": "color",
486
- "$value": "#a9751b",
487
- "$description": "",
488
- "$extensions": {
489
- "mode": {
490
- "light": "#a9751b",
491
- "dark": "#fde3b6"
492
- }
493
- }
494
- },
495
- "count-bg": {
496
- "$type": "color",
497
- "$value": "#fad487",
498
- "$description": "",
499
- "$extensions": {
500
- "mode": {
501
- "light": "#fad487",
502
- "dark": "#9b681d"
503
- }
504
- }
505
- },
506
- "count-border": {
507
- "$type": "color",
508
- "$value": "#dda84d",
509
- "$description": "",
510
- "$extensions": {
511
- "mode": {
512
- "light": "#dda84d",
513
- "dark": "#bf893c"
514
- }
515
- }
516
- }
517
- },
518
- "locked": {
519
- "count-text": {
520
- "$type": "color",
521
- "$value": "#bb8424",
522
- "$description": "",
523
- "$extensions": {
524
- "mode": {
525
- "light": "#bb8424",
526
- "dark": "#e8b660"
527
- }
528
- }
529
- },
530
- "count-border": {
531
- "$type": "color",
532
- "$value": "#efcd92",
533
- "$description": "",
534
- "$extensions": {
535
- "mode": {
536
- "light": "#efcd92",
537
- "dark": "#87632f"
538
- }
539
- }
540
- },
541
- "count-bg": {
542
- "$type": "color",
543
- "$value": "#fdedcd",
544
- "$description": "",
545
- "$extensions": {
546
- "mode": {
547
- "light": "#fdedcd",
548
- "dark": "#604216"
549
- }
550
- }
551
- }
552
- },
553
- "selected": {
554
- "count-border": {
555
- "$type": "color",
556
- "$value": "{core.clr.pop.40}",
557
- "$description": "",
558
- "$extensions": {
559
- "mode": {
560
- "light": "{core.clr.pop.40}",
561
- "dark": "{core.clr.pop.40}"
562
- }
563
- }
564
- },
565
- "count-bg": {
566
- "$type": "color",
567
- "$value": "{core.clr.pop.50}",
568
- "$description": "",
569
- "$extensions": {
570
- "mode": {
571
- "light": "{core.clr.pop.50}",
572
- "dark": "{core.clr.pop.30}"
573
- }
574
- }
575
- },
576
- "count-text": {
577
- "$type": "color",
578
- "$value": "{core.clr.pop.90}",
579
- "$description": "",
580
- "$extensions": {
581
- "mode": {
582
- "light": "{core.clr.pop.90}",
583
- "dark": "{core.clr.pop.80}"
584
- }
585
- }
586
- }
587
- },
588
- "deletion": {
589
- "count-bg": {
590
- "$type": "color",
591
- "$value": "#ffd6de",
592
- "$description": "",
593
- "$extensions": {
594
- "mode": {
595
- "light": "#ffd6de",
596
- "dark": "#702431"
597
- }
598
- }
599
- },
600
- "count-text": {
601
- "$type": "color",
602
- "$value": "#9e7373",
603
- "$description": "",
604
- "$extensions": {
605
- "mode": {
606
- "light": "#9e7373",
607
- "dark": "#e894a3"
608
- }
609
- }
610
- },
611
- "count-border": {
612
- "$type": "color",
613
- "$value": "#e8b8b8",
614
- "$description": "",
615
- "$extensions": {
616
- "mode": {
617
- "light": "#e8b8b8",
618
- "dark": "#954343"
619
- }
620
- }
621
- },
622
- "line-highlight": {
623
- "$type": "color",
624
- "$value": "#fdc4d1",
625
- "$description": "",
626
- "$extensions": {
627
- "mode": {
628
- "light": "#fdc4d1",
629
- "dark": "#9e2b42"
630
- }
631
- }
632
- },
633
- "line-bg": {
634
- "$type": "color",
635
- "$value": "#ffe6e8",
636
- "$description": "",
637
- "$extensions": {
638
- "mode": {
639
- "light": "#ffe6e8",
640
- "dark": "#541724"
641
- }
642
- }
643
- }
644
- },
645
- "count-border": {
646
- "$type": "color",
647
- "$value": "{semantic.border.2}",
648
- "$description": "",
649
- "$extensions": {
650
- "mode": {
651
- "light": "{semantic.border.2}",
652
- "dark": "{semantic.border.2}"
653
- }
654
- }
655
- },
656
- "count-bg": {
657
- "$type": "color",
658
- "$value": "#f7f7f6",
659
- "$description": "",
660
- "$extensions": {
661
- "mode": {
662
- "light": "#f7f7f6",
663
- "dark": "#302c2b"
664
- }
665
- }
666
- },
667
- "count-text": {
668
- "$type": "color",
669
- "$value": "{semantic.text.2}",
670
- "$description": "",
671
- "$extensions": {
672
- "mode": {
673
- "light": "{semantic.text.2}",
674
- "dark": "{semantic.text.2}"
675
- }
676
- }
677
- },
678
- "line-bg": {
679
- "$type": "color",
680
- "$value": "{semantic.bg.1}",
681
- "$description": "",
682
- "$extensions": {
683
- "mode": {
684
- "light": "{semantic.bg.1}",
685
- "dark": "{semantic.bg.1}"
686
- }
687
- }
688
- }
689
- },
690
- "chip": {
691
- "pop": {
692
- "fg": {
693
- "$type": "color",
694
- "$value": "{core.clr.pop.40}",
695
- "$description": "",
696
- "$extensions": {
697
- "mode": {
698
- "light": "{core.clr.pop.40}",
699
- "dark": "{core.clr.pop.60}"
700
- }
701
- }
702
- },
703
- "bg": {
704
- "$type": "color",
705
- "$value": "{core.clr.pop.80}",
706
- "$description": "",
707
- "$extensions": {
708
- "mode": {
709
- "light": "{core.clr.pop.80}",
710
- "dark": "{core.clr.pop.10}"
711
- }
712
- }
713
- }
714
- },
715
- "gray": {
716
- "fg": {
717
- "$type": "color",
718
- "$value": "{core.clr.gray.20}",
719
- "$description": "",
720
- "$extensions": {
721
- "mode": {
722
- "light": "{core.clr.gray.20}",
723
- "dark": "{core.clr.gray.70}"
724
- }
725
- }
726
- },
727
- "bg": {
728
- "$type": "color",
729
- "$value": "{core.clr.gray.80}",
730
- "$description": "",
731
- "$extensions": {
732
- "mode": {
733
- "light": "{core.clr.gray.80}",
734
- "dark": "{core.clr.gray.20}"
735
- }
736
- }
737
- }
738
- },
739
- "safe": {
740
- "fg": {
741
- "$type": "color",
742
- "$value": "{core.clr.safe.40}",
743
- "$description": "",
744
- "$extensions": {
745
- "mode": {
746
- "light": "{core.clr.safe.40}",
747
- "dark": "{core.clr.safe.60}"
748
- }
749
- }
750
- },
751
- "bg": {
752
- "$type": "color",
753
- "$value": "{core.clr.safe.80}",
754
- "$description": "",
755
- "$extensions": {
756
- "mode": {
757
- "light": "{core.clr.safe.80}",
758
- "dark": "{core.clr.safe.10}"
759
- }
760
- }
761
- }
762
- },
763
- "warn": {
764
- "fg": {
765
- "$type": "color",
766
- "$value": "{core.clr.warn.40}",
767
- "$description": "",
768
- "$extensions": {
769
- "mode": {
770
- "light": "{core.clr.warn.40}",
771
- "dark": "{core.clr.warn.60}"
772
- }
773
- }
774
- },
775
- "bg": {
776
- "$type": "color",
777
- "$value": "{core.clr.warn.80}",
778
- "$description": "",
779
- "$extensions": {
780
- "mode": {
781
- "light": "{core.clr.warn.80}",
782
- "dark": "{core.clr.warn.10}"
783
- }
784
- }
785
- }
786
- },
787
- "purple": {
788
- "fg": {
789
- "$type": "color",
790
- "$value": "{core.clr.purple.40}",
791
- "$description": "",
792
- "$extensions": {
793
- "mode": {
794
- "light": "{core.clr.purple.40}",
795
- "dark": "{core.clr.purple.60}"
796
- }
797
- }
798
- },
799
- "bg": {
800
- "$type": "color",
801
- "$value": "{core.clr.purple.80}",
802
- "$description": "",
803
- "$extensions": {
804
- "mode": {
805
- "light": "{core.clr.purple.80}",
806
- "dark": "{core.clr.purple.10}"
807
- }
808
- }
809
- }
810
- },
811
- "danger": {
812
- "fg": {
813
- "$type": "color",
814
- "$value": "{core.clr.danger.40}",
815
- "$description": "",
816
- "$extensions": {
817
- "mode": {
818
- "light": "{core.clr.danger.40}",
819
- "dark": "{core.clr.danger.60}"
820
- }
821
- }
822
- },
823
- "bg": {
824
- "$type": "color",
825
- "$value": "{core.clr.danger.80}",
826
- "$description": "",
827
- "$extensions": {
828
- "mode": {
829
- "light": "{core.clr.danger.80}",
830
- "dark": "{core.clr.danger.10}"
831
- }
832
- }
833
- }
834
- }
835
- },
836
- "change-status": {
837
- "modification": {
838
- "$type": "color",
839
- "$value": "{core.clr.warn.60}",
840
- "$description": "",
841
- "$extensions": {
842
- "mode": {
843
- "light": "{core.clr.warn.60}",
844
- "dark": "{core.clr.warn.30}"
845
- }
846
- }
847
- },
848
- "addition": {
849
- "$type": "color",
850
- "$value": "{core.clr.safe.60}",
851
- "$description": "",
852
- "$extensions": {
853
- "mode": {
854
- "light": "{core.clr.safe.60}",
855
- "dark": "{core.clr.safe.30}"
856
- }
857
- }
858
- },
859
- "deletion": {
860
- "$type": "color",
861
- "$value": "{core.clr.danger.60}",
862
- "$description": "",
863
- "$extensions": {
864
- "mode": {
865
- "light": "{core.clr.danger.60}",
866
- "dark": "{core.clr.danger.30}"
867
- }
868
- }
869
- },
870
- "rename": {
871
- "$type": "color",
872
- "$value": "{core.clr.purple.60}",
873
- "$description": "",
874
- "$extensions": {
875
- "mode": {
876
- "light": "{core.clr.purple.60}",
877
- "dark": "{core.clr.purple.40}"
878
- }
879
- }
880
- }
881
- },
882
- "$extensions": {
883
- "tokens-bruecke-meta": {
884
- "useDTCGKeys": true,
885
- "colorMode": "hex",
886
- "variableCollections": [
887
- "core",
888
- "components",
889
- "semantic"
890
- ],
891
- "createdAt": "2026-03-31T21:09:49.637Z"
892
- }
893
- }
894
- }
895
- }