@gitbutler/design-core 1.6.0 → 1.7.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.
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
package/tokens/tokens.css
CHANGED
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
--clr-commit-remote: var(--clr-core-pop-50);
|
|
55
55
|
--clr-commit-shadow: var(--clr-core-pop-60);
|
|
56
56
|
--clr-commit-upstream: var(--clr-core-warn-50);
|
|
57
|
-
--clr-core-danger-5: color(srgb 0.
|
|
58
|
-
--clr-core-danger-10: color(srgb 0.
|
|
57
|
+
--clr-core-danger-5: color(srgb 0.3058823529411765 0.09019607843137255 0.058823529411764705);
|
|
58
|
+
--clr-core-danger-10: color(srgb 0.37254901960784315 0.10980392156862745 0.07058823529411765);
|
|
59
59
|
--clr-core-danger-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
|
|
60
60
|
--clr-core-danger-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
|
|
61
61
|
--clr-core-danger-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
|
|
@@ -66,8 +66,8 @@
|
|
|
66
66
|
--clr-core-danger-90: color(srgb 0.9764705882352941 0.9137254901960784 0.9019607843137255);
|
|
67
67
|
--clr-core-danger-95: color(srgb 0.984313725490196 0.9490196078431372 0.9450980392156862);
|
|
68
68
|
--clr-core-gray-0: color(srgb 0 0 0);
|
|
69
|
-
--clr-core-gray-5: color(srgb 0.
|
|
70
|
-
--clr-core-gray-10: color(srgb 0.
|
|
69
|
+
--clr-core-gray-5: color(srgb 0.10980392156862745 0.09803921568627451 0.09019607843137255);
|
|
70
|
+
--clr-core-gray-10: color(srgb 0.15294117647058825 0.13725490196078433 0.12941176470588237);
|
|
71
71
|
--clr-core-gray-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
|
|
72
72
|
--clr-core-gray-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
|
|
73
73
|
--clr-core-gray-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
|
|
@@ -78,8 +78,8 @@
|
|
|
78
78
|
--clr-core-gray-90: color(srgb 0.9529411764705882 0.9490196078431372 0.9450980392156862);
|
|
79
79
|
--clr-core-gray-95: color(srgb 0.9764705882352941 0.9764705882352941 0.9725490196078431);
|
|
80
80
|
--clr-core-gray-100: color(srgb 1 1 1);
|
|
81
|
-
--clr-core-pop-5: color(srgb 0.
|
|
82
|
-
--clr-core-pop-10: color(srgb 0.
|
|
81
|
+
--clr-core-pop-5: color(srgb 0.027450980392156862 0.13725490196078433 0.13725490196078433);
|
|
82
|
+
--clr-core-pop-10: color(srgb 0.047058823529411764 0.2196078431372549 0.2196078431372549);
|
|
83
83
|
--clr-core-pop-20: color(srgb 0.058823529411764705 0.2823529411764706 0.2823529411764706);
|
|
84
84
|
--clr-core-pop-30: color(srgb 0.08627450980392157 0.403921568627451 0.403921568627451);
|
|
85
85
|
--clr-core-pop-40: color(srgb 0.11372549019607843 0.5411764705882353 0.5411764705882353);
|
|
@@ -89,8 +89,8 @@
|
|
|
89
89
|
--clr-core-pop-80: color(srgb 0.8274509803921568 0.9529411764705882 0.9529411764705882);
|
|
90
90
|
--clr-core-pop-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9764705882352941);
|
|
91
91
|
--clr-core-pop-95: color(srgb 0.9450980392156862 0.984313725490196 0.984313725490196);
|
|
92
|
-
--clr-core-purple-5: color(srgb 0.
|
|
93
|
-
--clr-core-purple-10: color(srgb 0.
|
|
92
|
+
--clr-core-purple-5: color(srgb 0.16470588235294117 0.06666666666666667 0.2627450980392157);
|
|
93
|
+
--clr-core-purple-10: color(srgb 0.20784313725490197 0.08235294117647059 0.32941176470588235);
|
|
94
94
|
--clr-core-purple-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
|
|
95
95
|
--clr-core-purple-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
|
|
96
96
|
--clr-core-purple-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
--clr-core-purple-80: color(srgb 0.8901960784313725 0.8313725490196079 0.9490196078431372);
|
|
101
101
|
--clr-core-purple-90: color(srgb 0.9411764705882353 0.9098039215686274 0.9725490196078431);
|
|
102
102
|
--clr-core-purple-95: color(srgb 0.9647058823529412 0.9450980392156862 0.984313725490196);
|
|
103
|
-
--clr-core-safe-5: color(srgb 0.
|
|
104
|
-
--clr-core-safe-10: color(srgb 0.
|
|
103
|
+
--clr-core-safe-5: color(srgb 0.03137254901960784 0.12156862745098039 0.08235294117647059);
|
|
104
|
+
--clr-core-safe-10: color(srgb 0.050980392156862744 0.20392156862745098 0.1411764705882353);
|
|
105
105
|
--clr-core-safe-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
|
|
106
106
|
--clr-core-safe-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
|
|
107
107
|
--clr-core-safe-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
|
|
@@ -111,8 +111,8 @@
|
|
|
111
111
|
--clr-core-safe-80: color(srgb 0.8313725490196079 0.9490196078431372 0.8980392156862745);
|
|
112
112
|
--clr-core-safe-90: color(srgb 0.9098039215686274 0.9725490196078431 0.9450980392156862);
|
|
113
113
|
--clr-core-safe-95: color(srgb 0.9450980392156862 0.984313725490196 0.9686274509803922);
|
|
114
|
-
--clr-core-warn-5: color(srgb 0.
|
|
115
|
-
--clr-core-warn-10: color(srgb 0.
|
|
114
|
+
--clr-core-warn-5: color(srgb 0.3137254901960784 0.1843137254901961 0.00784313725490196);
|
|
115
|
+
--clr-core-warn-10: color(srgb 0.396078431372549 0.23529411764705882 0.011764705882352941);
|
|
116
116
|
--clr-core-warn-20: color(srgb 0.47058823529411764 0.2784313725490196 0.011764705882352941);
|
|
117
117
|
--clr-core-warn-30: color(srgb 0.6431372549019608 0.3843137254901961 0.01568627450980392);
|
|
118
118
|
--clr-core-warn-40: color(srgb 0.8117647058823529 0.4823529411764706 0.0196078431372549);
|
|
@@ -234,6 +234,7 @@
|
|
|
234
234
|
--opacity-btn-outline-bg-hover: 0.25;
|
|
235
235
|
--opacity-btn-solid-hover: 0.1;
|
|
236
236
|
--opacity-disabled: 0.6;
|
|
237
|
+
--opacity-hover: 0.04;
|
|
237
238
|
--radius-btn: var(--radius-m);
|
|
238
239
|
--radius-l: 12px;
|
|
239
240
|
--radius-m: 6px;
|
|
@@ -374,7 +375,7 @@
|
|
|
374
375
|
--clr-text-2: var(--clr-core-gray-60);
|
|
375
376
|
--clr-text-3: var(--clr-core-gray-40);
|
|
376
377
|
--clr-theme-danger-bg: var(--clr-core-danger-5);
|
|
377
|
-
--clr-theme-danger-element: var(--clr-core-danger-
|
|
378
|
+
--clr-theme-danger-element: var(--clr-core-danger-40);
|
|
378
379
|
--clr-theme-danger-on-element: var(--clr-core-danger-95);
|
|
379
380
|
--clr-theme-danger-on-soft: var(--clr-core-danger-60);
|
|
380
381
|
--clr-theme-danger-soft: var(--clr-core-danger-10);
|
|
@@ -396,7 +397,7 @@
|
|
|
396
397
|
--clr-theme-purple-soft: var(--clr-core-purple-10);
|
|
397
398
|
--clr-theme-purple-text: var(--clr-core-purple-80);
|
|
398
399
|
--clr-theme-safe-bg: var(--clr-core-safe-5);
|
|
399
|
-
--clr-theme-safe-element: var(--clr-core-safe-
|
|
400
|
+
--clr-theme-safe-element: var(--clr-core-safe-40);
|
|
400
401
|
--clr-theme-safe-on-element: var(--clr-core-safe-90);
|
|
401
402
|
--clr-theme-safe-on-soft: var(--clr-core-safe-60);
|
|
402
403
|
--clr-theme-safe-soft: var(--clr-core-safe-10);
|
|
@@ -409,5 +410,13 @@
|
|
|
409
410
|
--clr-theme-warn-text: var(--clr-core-warn-80);
|
|
410
411
|
--clr-tooltip-bg: var(--clr-core-gray-10);
|
|
411
412
|
--clr-tooltip-border: var(--clr-core-gray-30);
|
|
413
|
+
--opacity-btn-icon-outline: 0.7;
|
|
414
|
+
--opacity-btn-icon-solid: 0.8;
|
|
415
|
+
--opacity-btn-outline: 0.4;
|
|
416
|
+
--opacity-btn-outline-bg: 0.1;
|
|
417
|
+
--opacity-btn-outline-bg-hover: 0.25;
|
|
418
|
+
--opacity-btn-solid-hover: 0.1;
|
|
419
|
+
--opacity-disabled: 0.6;
|
|
420
|
+
--opacity-hover: 0.06;
|
|
412
421
|
}
|
|
413
422
|
|
package/tokens/tokens.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
"5": {
|
|
13
13
|
"$type": "color",
|
|
14
|
-
"$value": "#
|
|
14
|
+
"$value": "#1c1917",
|
|
15
15
|
"$description": "",
|
|
16
16
|
"$extensions": {
|
|
17
17
|
"mode": {}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
"10": {
|
|
21
21
|
"$type": "color",
|
|
22
|
-
"$value": "#
|
|
22
|
+
"$value": "#272321",
|
|
23
23
|
"$description": "",
|
|
24
24
|
"$extensions": {
|
|
25
25
|
"mode": {}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"pop": {
|
|
110
110
|
"5": {
|
|
111
111
|
"$type": "color",
|
|
112
|
-
"$value": "#
|
|
112
|
+
"$value": "#072323",
|
|
113
113
|
"$description": "",
|
|
114
114
|
"$extensions": {
|
|
115
115
|
"mode": {}
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
},
|
|
118
118
|
"10": {
|
|
119
119
|
"$type": "color",
|
|
120
|
-
"$value": "#
|
|
120
|
+
"$value": "#0c3838",
|
|
121
121
|
"$description": "",
|
|
122
122
|
"$extensions": {
|
|
123
123
|
"mode": {}
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
"danger": {
|
|
200
200
|
"5": {
|
|
201
201
|
"$type": "color",
|
|
202
|
-
"$value": "#
|
|
202
|
+
"$value": "#4e170f",
|
|
203
203
|
"$description": "",
|
|
204
204
|
"$extensions": {
|
|
205
205
|
"mode": {}
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
},
|
|
208
208
|
"10": {
|
|
209
209
|
"$type": "color",
|
|
210
|
-
"$value": "#
|
|
210
|
+
"$value": "#5f1c12",
|
|
211
211
|
"$description": "",
|
|
212
212
|
"$extensions": {
|
|
213
213
|
"mode": {}
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
"warn": {
|
|
290
290
|
"5": {
|
|
291
291
|
"$type": "color",
|
|
292
|
-
"$value": "#
|
|
292
|
+
"$value": "#502f02",
|
|
293
293
|
"$description": "",
|
|
294
294
|
"$extensions": {
|
|
295
295
|
"mode": {}
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
},
|
|
298
298
|
"10": {
|
|
299
299
|
"$type": "color",
|
|
300
|
-
"$value": "#
|
|
300
|
+
"$value": "#653c03",
|
|
301
301
|
"$description": "",
|
|
302
302
|
"$extensions": {
|
|
303
303
|
"mode": {}
|
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
"safe": {
|
|
380
380
|
"5": {
|
|
381
381
|
"$type": "color",
|
|
382
|
-
"$value": "#
|
|
382
|
+
"$value": "#081f15",
|
|
383
383
|
"$description": "",
|
|
384
384
|
"$extensions": {
|
|
385
385
|
"mode": {}
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
},
|
|
388
388
|
"10": {
|
|
389
389
|
"$type": "color",
|
|
390
|
-
"$value": "#
|
|
390
|
+
"$value": "#0d3424",
|
|
391
391
|
"$description": "",
|
|
392
392
|
"$extensions": {
|
|
393
393
|
"mode": {}
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
"purple": {
|
|
470
470
|
"5": {
|
|
471
471
|
"$type": "color",
|
|
472
|
-
"$value": "#
|
|
472
|
+
"$value": "#2a1143",
|
|
473
473
|
"$description": "",
|
|
474
474
|
"$extensions": {
|
|
475
475
|
"mode": {}
|
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
},
|
|
478
478
|
"10": {
|
|
479
479
|
"$type": "color",
|
|
480
|
-
"$value": "#
|
|
480
|
+
"$value": "#351554",
|
|
481
481
|
"$description": "",
|
|
482
482
|
"$extensions": {
|
|
483
483
|
"mode": {}
|
|
@@ -703,7 +703,7 @@
|
|
|
703
703
|
"$extensions": {
|
|
704
704
|
"mode": {
|
|
705
705
|
"light": "{clr-core.danger.50}",
|
|
706
|
-
"dark": "{clr-core.danger.
|
|
706
|
+
"dark": "{clr-core.danger.40}"
|
|
707
707
|
}
|
|
708
708
|
}
|
|
709
709
|
},
|
|
@@ -839,7 +839,7 @@
|
|
|
839
839
|
"$extensions": {
|
|
840
840
|
"mode": {
|
|
841
841
|
"light": "{clr-core.safe.50}",
|
|
842
|
-
"dark": "{clr-core.safe.
|
|
842
|
+
"dark": "{clr-core.safe.40}"
|
|
843
843
|
}
|
|
844
844
|
}
|
|
845
845
|
},
|
|
@@ -2502,7 +2502,10 @@
|
|
|
2502
2502
|
"$value": 0.7,
|
|
2503
2503
|
"$description": "",
|
|
2504
2504
|
"$extensions": {
|
|
2505
|
-
"mode": {
|
|
2505
|
+
"mode": {
|
|
2506
|
+
"light": 0.7,
|
|
2507
|
+
"dark": 0.7
|
|
2508
|
+
}
|
|
2506
2509
|
}
|
|
2507
2510
|
},
|
|
2508
2511
|
"solid": {
|
|
@@ -2510,7 +2513,10 @@
|
|
|
2510
2513
|
"$value": 0.8,
|
|
2511
2514
|
"$description": "",
|
|
2512
2515
|
"$extensions": {
|
|
2513
|
-
"mode": {
|
|
2516
|
+
"mode": {
|
|
2517
|
+
"light": 0.8,
|
|
2518
|
+
"dark": 0.8
|
|
2519
|
+
}
|
|
2514
2520
|
}
|
|
2515
2521
|
}
|
|
2516
2522
|
},
|
|
@@ -2519,7 +2525,10 @@
|
|
|
2519
2525
|
"$value": 0.25,
|
|
2520
2526
|
"$description": "",
|
|
2521
2527
|
"$extensions": {
|
|
2522
|
-
"mode": {
|
|
2528
|
+
"mode": {
|
|
2529
|
+
"light": 0.25,
|
|
2530
|
+
"dark": 0.25
|
|
2531
|
+
}
|
|
2523
2532
|
}
|
|
2524
2533
|
},
|
|
2525
2534
|
"outline": {
|
|
@@ -2527,7 +2536,10 @@
|
|
|
2527
2536
|
"$value": 0.4,
|
|
2528
2537
|
"$description": "",
|
|
2529
2538
|
"$extensions": {
|
|
2530
|
-
"mode": {
|
|
2539
|
+
"mode": {
|
|
2540
|
+
"light": 0.4,
|
|
2541
|
+
"dark": 0.4
|
|
2542
|
+
}
|
|
2531
2543
|
}
|
|
2532
2544
|
},
|
|
2533
2545
|
"outline-bg": {
|
|
@@ -2535,7 +2547,10 @@
|
|
|
2535
2547
|
"$value": 0.1,
|
|
2536
2548
|
"$description": "",
|
|
2537
2549
|
"$extensions": {
|
|
2538
|
-
"mode": {
|
|
2550
|
+
"mode": {
|
|
2551
|
+
"light": 0.1,
|
|
2552
|
+
"dark": 0.1
|
|
2553
|
+
}
|
|
2539
2554
|
}
|
|
2540
2555
|
},
|
|
2541
2556
|
"solid-hover": {
|
|
@@ -2543,7 +2558,10 @@
|
|
|
2543
2558
|
"$value": 0.1,
|
|
2544
2559
|
"$description": "",
|
|
2545
2560
|
"$extensions": {
|
|
2546
|
-
"mode": {
|
|
2561
|
+
"mode": {
|
|
2562
|
+
"light": 0.1,
|
|
2563
|
+
"dark": 0.1
|
|
2564
|
+
}
|
|
2547
2565
|
}
|
|
2548
2566
|
}
|
|
2549
2567
|
},
|
|
@@ -2552,7 +2570,21 @@
|
|
|
2552
2570
|
"$value": 0.6,
|
|
2553
2571
|
"$description": "",
|
|
2554
2572
|
"$extensions": {
|
|
2555
|
-
"mode": {
|
|
2573
|
+
"mode": {
|
|
2574
|
+
"light": 0.6,
|
|
2575
|
+
"dark": 0.6
|
|
2576
|
+
}
|
|
2577
|
+
}
|
|
2578
|
+
},
|
|
2579
|
+
"hover": {
|
|
2580
|
+
"$type": "number",
|
|
2581
|
+
"$value": 0.04,
|
|
2582
|
+
"$description": "",
|
|
2583
|
+
"$extensions": {
|
|
2584
|
+
"mode": {
|
|
2585
|
+
"light": 0.04,
|
|
2586
|
+
"dark": 0.06
|
|
2587
|
+
}
|
|
2556
2588
|
}
|
|
2557
2589
|
}
|
|
2558
2590
|
},
|
|
@@ -2611,7 +2643,7 @@
|
|
|
2611
2643
|
"text",
|
|
2612
2644
|
"opacity"
|
|
2613
2645
|
],
|
|
2614
|
-
"createdAt": "
|
|
2646
|
+
"createdAt": "2026-01-04T20:48:04.734Z"
|
|
2615
2647
|
}
|
|
2616
2648
|
}
|
|
2617
2649
|
}
|