@primer/primitives 10.3.3 → 10.3.4
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/dist/css/functional/themes/dark-colorblind.css +12 -12
- package/dist/css/functional/themes/light-colorblind.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +1032 -92
- package/dist/docs/functional/themes/dark-dimmed.json +786 -70
- package/dist/docs/functional/themes/dark-high-contrast.json +1218 -120
- package/dist/docs/functional/themes/dark-tritanopia.json +1042 -88
- package/dist/docs/functional/themes/dark.json +763 -73
- package/dist/docs/functional/themes/light-colorblind.json +993 -75
- package/dist/docs/functional/themes/light-high-contrast.json +1082 -78
- package/dist/docs/functional/themes/light-tritanopia.json +1001 -65
- package/dist/docs/functional/themes/light.json +749 -53
- package/dist/figma/scales/dark-high-constrast.json +4 -4
- package/dist/figma/themes/dark-colorblind.json +3137 -2904
- package/dist/figma/themes/dark-dimmed.json +2955 -2886
- package/dist/figma/themes/dark-high-contrast.json +2695 -2299
- package/dist/figma/themes/dark-tritanopia.json +3137 -2887
- package/dist/figma/themes/dark.json +3172 -3175
- package/dist/figma/themes/light-colorblind.json +3139 -2929
- package/dist/figma/themes/light-high-contrast.json +2654 -2346
- package/dist/figma/themes/light-tritanopia.json +3120 -2892
- package/dist/figma/themes/light.json +3125 -3125
- package/dist/internalCss/dark-colorblind.css +12 -12
- package/dist/internalCss/light-colorblind.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +1032 -92
- package/dist/styleLint/functional/themes/dark-dimmed.json +786 -70
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1219 -121
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1042 -88
- package/dist/styleLint/functional/themes/dark.json +763 -73
- package/dist/styleLint/functional/themes/light-colorblind.json +993 -75
- package/dist/styleLint/functional/themes/light-high-contrast.json +1082 -78
- package/dist/styleLint/functional/themes/light-tritanopia.json +1001 -65
- package/dist/styleLint/functional/themes/light.json +749 -53
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -9
- package/src/tokens/functional/color/{light/primitives-light.json5 → bgColor.json5} +182 -254
- package/src/tokens/functional/color/borderColor.json5 +14 -0
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -19
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -114
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -63
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -71
- package/src/tokens/functional/color/fgColor.json5 +342 -0
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -84
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -70
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -60
- package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -757
|
@@ -30,6 +30,8 @@
|
|
|
30
30
|
--bgColor-muted: #151b23;
|
|
31
31
|
--bgColor-neutral-emphasis: #656c76;
|
|
32
32
|
--bgColor-neutral-muted: #656c7633;
|
|
33
|
+
--bgColor-open-emphasis: #bd561d;
|
|
34
|
+
--bgColor-open-muted: #db6d281a;
|
|
33
35
|
--bgColor-severe-emphasis: #bd561d;
|
|
34
36
|
--bgColor-severe-muted: #db6d281a;
|
|
35
37
|
--bgColor-sponsors-emphasis: #bf4b8a;
|
|
@@ -48,6 +50,8 @@
|
|
|
48
50
|
--borderColor-done-emphasis: #8957e5;
|
|
49
51
|
--borderColor-done-muted: #ab7df866;
|
|
50
52
|
--borderColor-emphasis: #656c76;
|
|
53
|
+
--borderColor-open-emphasis: #bd561d;
|
|
54
|
+
--borderColor-open-muted: #db6d2866;
|
|
51
55
|
--borderColor-severe-emphasis: #bd561d;
|
|
52
56
|
--borderColor-severe-muted: #db6d2866;
|
|
53
57
|
--borderColor-sponsors-emphasis: #bf4b8a;
|
|
@@ -280,7 +284,7 @@
|
|
|
280
284
|
--fgColor-link: var(--fgColor-accent);
|
|
281
285
|
--fgColor-muted: #9198a1;
|
|
282
286
|
--fgColor-neutral: #9198a1;
|
|
283
|
-
--fgColor-open: #
|
|
287
|
+
--fgColor-open: #db6d28;
|
|
284
288
|
--fgColor-severe: #db6d28;
|
|
285
289
|
--fgColor-sponsors: #db61a2;
|
|
286
290
|
--fgColor-success: #58a6ff;
|
|
@@ -420,8 +424,6 @@
|
|
|
420
424
|
--bgColor-closed-muted: #656c761a;
|
|
421
425
|
--bgColor-inset: #010409;
|
|
422
426
|
--bgColor-inverse: #ffffff;
|
|
423
|
-
--bgColor-open-emphasis: var(--bgColor-success-emphasis);
|
|
424
|
-
--bgColor-open-muted: var(--bgColor-success-muted);
|
|
425
427
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
|
|
426
428
|
--bgColor-upsell-muted: var(--bgColor-done-muted);
|
|
427
429
|
--bgColor-white: #ffffff;
|
|
@@ -444,11 +446,9 @@
|
|
|
444
446
|
--border-success-muted: 0.0625rem solid #388bfd66;
|
|
445
447
|
--border-transparent: 0.0625rem solid #00000000;
|
|
446
448
|
--borderColor-closed-emphasis: var(--borderColor-emphasis);
|
|
447
|
-
--borderColor-closed-muted:
|
|
449
|
+
--borderColor-closed-muted: #3d444d66;
|
|
448
450
|
--borderColor-muted: #3d444db3;
|
|
449
451
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis);
|
|
450
|
-
--borderColor-open-emphasis: var(--borderColor-success-emphasis);
|
|
451
|
-
--borderColor-open-muted: var(--borderColor-success-muted);
|
|
452
452
|
--borderColor-translucent: #ffffff26;
|
|
453
453
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
|
|
454
454
|
--borderColor-upsell-muted: var(--borderColor-done-muted);
|
|
@@ -636,6 +636,8 @@
|
|
|
636
636
|
--bgColor-muted: #151b23;
|
|
637
637
|
--bgColor-neutral-emphasis: #656c76;
|
|
638
638
|
--bgColor-neutral-muted: #656c7633;
|
|
639
|
+
--bgColor-open-emphasis: #bd561d;
|
|
640
|
+
--bgColor-open-muted: #db6d281a;
|
|
639
641
|
--bgColor-severe-emphasis: #bd561d;
|
|
640
642
|
--bgColor-severe-muted: #db6d281a;
|
|
641
643
|
--bgColor-sponsors-emphasis: #bf4b8a;
|
|
@@ -654,6 +656,8 @@
|
|
|
654
656
|
--borderColor-done-emphasis: #8957e5;
|
|
655
657
|
--borderColor-done-muted: #ab7df866;
|
|
656
658
|
--borderColor-emphasis: #656c76;
|
|
659
|
+
--borderColor-open-emphasis: #bd561d;
|
|
660
|
+
--borderColor-open-muted: #db6d2866;
|
|
657
661
|
--borderColor-severe-emphasis: #bd561d;
|
|
658
662
|
--borderColor-severe-muted: #db6d2866;
|
|
659
663
|
--borderColor-sponsors-emphasis: #bf4b8a;
|
|
@@ -886,7 +890,7 @@
|
|
|
886
890
|
--fgColor-link: var(--fgColor-accent);
|
|
887
891
|
--fgColor-muted: #9198a1;
|
|
888
892
|
--fgColor-neutral: #9198a1;
|
|
889
|
-
--fgColor-open: #
|
|
893
|
+
--fgColor-open: #db6d28;
|
|
890
894
|
--fgColor-severe: #db6d28;
|
|
891
895
|
--fgColor-sponsors: #db61a2;
|
|
892
896
|
--fgColor-success: #58a6ff;
|
|
@@ -1026,8 +1030,6 @@
|
|
|
1026
1030
|
--bgColor-closed-muted: #656c761a;
|
|
1027
1031
|
--bgColor-inset: #010409;
|
|
1028
1032
|
--bgColor-inverse: #ffffff;
|
|
1029
|
-
--bgColor-open-emphasis: var(--bgColor-success-emphasis);
|
|
1030
|
-
--bgColor-open-muted: var(--bgColor-success-muted);
|
|
1031
1033
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
|
|
1032
1034
|
--bgColor-upsell-muted: var(--bgColor-done-muted);
|
|
1033
1035
|
--bgColor-white: #ffffff;
|
|
@@ -1050,11 +1052,9 @@
|
|
|
1050
1052
|
--border-success-muted: 0.0625rem solid #388bfd66;
|
|
1051
1053
|
--border-transparent: 0.0625rem solid #00000000;
|
|
1052
1054
|
--borderColor-closed-emphasis: var(--borderColor-emphasis);
|
|
1053
|
-
--borderColor-closed-muted:
|
|
1055
|
+
--borderColor-closed-muted: #3d444d66;
|
|
1054
1056
|
--borderColor-muted: #3d444db3;
|
|
1055
1057
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis);
|
|
1056
|
-
--borderColor-open-emphasis: var(--borderColor-success-emphasis);
|
|
1057
|
-
--borderColor-open-muted: var(--borderColor-success-muted);
|
|
1058
1058
|
--borderColor-translucent: #ffffff26;
|
|
1059
1059
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
|
|
1060
1060
|
--borderColor-upsell-muted: var(--borderColor-done-muted);
|
|
@@ -29,6 +29,8 @@
|
|
|
29
29
|
--bgColor-muted: #f6f8fa;
|
|
30
30
|
--bgColor-neutral-emphasis: #59636e;
|
|
31
31
|
--bgColor-neutral-muted: #818b981f;
|
|
32
|
+
--bgColor-open-emphasis: #bc4c00;
|
|
33
|
+
--bgColor-open-muted: #fff1e5;
|
|
32
34
|
--bgColor-severe-emphasis: #bc4c00;
|
|
33
35
|
--bgColor-severe-muted: #fff1e5;
|
|
34
36
|
--bgColor-sponsors-emphasis: #bf3989;
|
|
@@ -48,6 +50,8 @@
|
|
|
48
50
|
--borderColor-done-muted: #c297ff66;
|
|
49
51
|
--borderColor-emphasis: #818b98;
|
|
50
52
|
--borderColor-neutral-emphasis: #59636e;
|
|
53
|
+
--borderColor-open-emphasis: #bc4c00;
|
|
54
|
+
--borderColor-open-muted: #fb8f4466;
|
|
51
55
|
--borderColor-severe-emphasis: #bc4c00;
|
|
52
56
|
--borderColor-severe-muted: #fb8f4466;
|
|
53
57
|
--borderColor-sponsors-emphasis: #bf3989;
|
|
@@ -262,7 +266,7 @@
|
|
|
262
266
|
--fgColor-done: #8250df;
|
|
263
267
|
--fgColor-muted: #59636e;
|
|
264
268
|
--fgColor-neutral: #59636e;
|
|
265
|
-
--fgColor-open: #
|
|
269
|
+
--fgColor-open: #bc4c00;
|
|
266
270
|
--fgColor-severe: #bc4c00;
|
|
267
271
|
--fgColor-sponsors: #bf3989;
|
|
268
272
|
--fgColor-success: #0969da;
|
|
@@ -404,8 +408,6 @@
|
|
|
404
408
|
--bgColor-closed-muted: var(--bgColor-neutral-muted);
|
|
405
409
|
--bgColor-default: #ffffff;
|
|
406
410
|
--bgColor-inset: var(--bgColor-muted);
|
|
407
|
-
--bgColor-open-emphasis: var(--bgColor-success-emphasis);
|
|
408
|
-
--bgColor-open-muted: var(--bgColor-success-muted);
|
|
409
411
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
|
|
410
412
|
--bgColor-upsell-muted: var(--bgColor-done-muted);
|
|
411
413
|
--bgColor-white: #ffffff;
|
|
@@ -431,8 +433,6 @@
|
|
|
431
433
|
--borderColor-closed-emphasis: var(--borderColor-emphasis);
|
|
432
434
|
--borderColor-closed-muted: #d1d9e066;
|
|
433
435
|
--borderColor-muted: #d1d9e0b3;
|
|
434
|
-
--borderColor-open-emphasis: var(--borderColor-success-emphasis);
|
|
435
|
-
--borderColor-open-muted: var(--borderColor-success-muted);
|
|
436
436
|
--borderColor-translucent: #1f232826;
|
|
437
437
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
|
|
438
438
|
--borderColor-upsell-muted: var(--borderColor-done-muted);
|
|
@@ -635,6 +635,8 @@
|
|
|
635
635
|
--bgColor-muted: #f6f8fa;
|
|
636
636
|
--bgColor-neutral-emphasis: #59636e;
|
|
637
637
|
--bgColor-neutral-muted: #818b981f;
|
|
638
|
+
--bgColor-open-emphasis: #bc4c00;
|
|
639
|
+
--bgColor-open-muted: #fff1e5;
|
|
638
640
|
--bgColor-severe-emphasis: #bc4c00;
|
|
639
641
|
--bgColor-severe-muted: #fff1e5;
|
|
640
642
|
--bgColor-sponsors-emphasis: #bf3989;
|
|
@@ -654,6 +656,8 @@
|
|
|
654
656
|
--borderColor-done-muted: #c297ff66;
|
|
655
657
|
--borderColor-emphasis: #818b98;
|
|
656
658
|
--borderColor-neutral-emphasis: #59636e;
|
|
659
|
+
--borderColor-open-emphasis: #bc4c00;
|
|
660
|
+
--borderColor-open-muted: #fb8f4466;
|
|
657
661
|
--borderColor-severe-emphasis: #bc4c00;
|
|
658
662
|
--borderColor-severe-muted: #fb8f4466;
|
|
659
663
|
--borderColor-sponsors-emphasis: #bf3989;
|
|
@@ -868,7 +872,7 @@
|
|
|
868
872
|
--fgColor-done: #8250df;
|
|
869
873
|
--fgColor-muted: #59636e;
|
|
870
874
|
--fgColor-neutral: #59636e;
|
|
871
|
-
--fgColor-open: #
|
|
875
|
+
--fgColor-open: #bc4c00;
|
|
872
876
|
--fgColor-severe: #bc4c00;
|
|
873
877
|
--fgColor-sponsors: #bf3989;
|
|
874
878
|
--fgColor-success: #0969da;
|
|
@@ -1010,8 +1014,6 @@
|
|
|
1010
1014
|
--bgColor-closed-muted: var(--bgColor-neutral-muted);
|
|
1011
1015
|
--bgColor-default: #ffffff;
|
|
1012
1016
|
--bgColor-inset: var(--bgColor-muted);
|
|
1013
|
-
--bgColor-open-emphasis: var(--bgColor-success-emphasis);
|
|
1014
|
-
--bgColor-open-muted: var(--bgColor-success-muted);
|
|
1015
1017
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
|
|
1016
1018
|
--bgColor-upsell-muted: var(--bgColor-done-muted);
|
|
1017
1019
|
--bgColor-white: #ffffff;
|
|
@@ -1037,8 +1039,6 @@
|
|
|
1037
1039
|
--borderColor-closed-emphasis: var(--borderColor-emphasis);
|
|
1038
1040
|
--borderColor-closed-muted: #d1d9e066;
|
|
1039
1041
|
--borderColor-muted: #d1d9e0b3;
|
|
1040
|
-
--borderColor-open-emphasis: var(--borderColor-success-emphasis);
|
|
1041
|
-
--borderColor-open-muted: var(--borderColor-success-muted);
|
|
1042
1042
|
--borderColor-translucent: #1f232826;
|
|
1043
1043
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
|
|
1044
1044
|
--borderColor-upsell-muted: var(--borderColor-done-muted);
|