@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948
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-high-contrast.css +72 -72
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +30 -30
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-high-contrast.json +91 -99
- package/dist/docs/functional/themes/light-colorblind.json +171 -165
- package/dist/docs/functional/themes/light-high-contrast.json +184 -188
- package/dist/docs/functional/themes/light-tritanopia.json +169 -163
- package/dist/docs/functional/themes/light.json +155 -157
- package/dist/figma/themes/dark-high-contrast.json +98 -99
- package/dist/figma/themes/light-colorblind.json +214 -213
- package/dist/figma/themes/light-high-contrast.json +169 -171
- package/dist/figma/themes/light-tritanopia.json +213 -212
- package/dist/figma/themes/light.json +134 -135
- package/dist/internalCss/dark-high-contrast.css +72 -72
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +30 -30
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-high-contrast.json +91 -99
- package/dist/styleLint/functional/themes/light-colorblind.json +171 -165
- package/dist/styleLint/functional/themes/light-high-contrast.json +184 -188
- package/dist/styleLint/functional/themes/light-tritanopia.json +169 -163
- package/dist/styleLint/functional/themes/light.json +155 -157
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +2 -108
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -46
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +6 -3
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +6 -3
- package/src/tokens/functional/color/light/primitives-light.json5 +62 -63
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
--control-borderColor-emphasis: #868f99;
|
|
175
175
|
--control-borderColor-disabled: #eaeef2b3;
|
|
176
176
|
--control-borderColor-selected: #f6f8fa;
|
|
177
|
-
--control-borderColor-success: #
|
|
177
|
+
--control-borderColor-success: #218bff;
|
|
178
178
|
--control-borderColor-danger: #cf222e;
|
|
179
179
|
--control-borderColor-warning: #bf8700;
|
|
180
180
|
--control-iconColor-rest: #636c76;
|
|
@@ -229,9 +229,9 @@
|
|
|
229
229
|
--button-primary-fgColor-rest: #ffffff;
|
|
230
230
|
--button-primary-fgColor-disabled: #ffffffcc;
|
|
231
231
|
--button-primary-iconColor-rest: #ffffffcc;
|
|
232
|
-
--button-primary-bgColor-rest: #
|
|
233
|
-
--button-primary-bgColor-hover: #
|
|
234
|
-
--button-primary-bgColor-active: #
|
|
232
|
+
--button-primary-bgColor-rest: #0f72e3;
|
|
233
|
+
--button-primary-bgColor-hover: #0d6bd8;
|
|
234
|
+
--button-primary-bgColor-active: #0b64ce;
|
|
235
235
|
--button-primary-bgColor-disabled: #92caff;
|
|
236
236
|
--button-primary-borderColor-rest: #1f232826;
|
|
237
237
|
--button-primary-borderColor-hover: #1f232826;
|
|
@@ -439,10 +439,10 @@
|
|
|
439
439
|
--fgColor-neutral: #6e7781;
|
|
440
440
|
--fgColor-accent: #0969da;
|
|
441
441
|
--fgColor-success: #0969da;
|
|
442
|
-
--fgColor-open: #cf222e;
|
|
443
442
|
--fgColor-attention: #9a6700;
|
|
444
443
|
--fgColor-severe: #cf222e;
|
|
445
444
|
--fgColor-danger: #d1242f;
|
|
445
|
+
--fgColor-open: #cf222e;
|
|
446
446
|
--fgColor-closed: #6e7781;
|
|
447
447
|
--fgColor-done: #8250df;
|
|
448
448
|
--fgColor-upsell: #8250df;
|
|
@@ -461,15 +461,15 @@
|
|
|
461
461
|
--bgColor-accent-muted: #ddf4ff;
|
|
462
462
|
--bgColor-accent-emphasis: #0969da;
|
|
463
463
|
--bgColor-success-muted: #ddf4ff;
|
|
464
|
-
--bgColor-success-emphasis: #
|
|
465
|
-
--bgColor-open-muted: #ffebe9;
|
|
466
|
-
--bgColor-open-emphasis: #cf222e;
|
|
464
|
+
--bgColor-success-emphasis: #0f72e3;
|
|
467
465
|
--bgColor-attention-muted: #fff8c5;
|
|
468
466
|
--bgColor-attention-emphasis: #9a6700;
|
|
469
467
|
--bgColor-severe-muted: #ffebe9;
|
|
470
468
|
--bgColor-severe-emphasis: #cf222e;
|
|
471
469
|
--bgColor-danger-muted: #ffebe9;
|
|
472
470
|
--bgColor-danger-emphasis: #cf222e;
|
|
471
|
+
--bgColor-open-muted: #ffebe9;
|
|
472
|
+
--bgColor-open-emphasis: #cf222e;
|
|
473
473
|
--bgColor-closed-muted: #f6f8fa;
|
|
474
474
|
--bgColor-closed-emphasis: #6e7781;
|
|
475
475
|
--bgColor-done-muted: #fbefff;
|
|
@@ -489,15 +489,15 @@
|
|
|
489
489
|
--borderColor-accent-muted: #54aeff66;
|
|
490
490
|
--borderColor-accent-emphasis: #0969da;
|
|
491
491
|
--borderColor-success-muted: #54aeff66;
|
|
492
|
-
--borderColor-success-emphasis: #
|
|
493
|
-
--borderColor-open-muted: #ff818266;
|
|
494
|
-
--borderColor-open-emphasis: #cf222e;
|
|
492
|
+
--borderColor-success-emphasis: #218bff;
|
|
495
493
|
--borderColor-attention-muted: #d4a72c66;
|
|
496
494
|
--borderColor-attention-emphasis: #bf8700;
|
|
497
495
|
--borderColor-severe-muted: #ff818266;
|
|
498
496
|
--borderColor-severe-emphasis: #cf222e;
|
|
499
497
|
--borderColor-danger-muted: #ff818266;
|
|
500
498
|
--borderColor-danger-emphasis: #cf222e;
|
|
499
|
+
--borderColor-open-muted: #ff818266;
|
|
500
|
+
--borderColor-open-emphasis: #cf222e;
|
|
501
501
|
--borderColor-closed-muted: #afb8c166;
|
|
502
502
|
--borderColor-closed-emphasis: #6e7781;
|
|
503
503
|
--borderColor-done-muted: #c297ff66;
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
--control-borderColor-emphasis: #868f99;
|
|
739
739
|
--control-borderColor-disabled: #eaeef2b3;
|
|
740
740
|
--control-borderColor-selected: #f6f8fa;
|
|
741
|
-
--control-borderColor-success: #
|
|
741
|
+
--control-borderColor-success: #218bff;
|
|
742
742
|
--control-borderColor-danger: #cf222e;
|
|
743
743
|
--control-borderColor-warning: #bf8700;
|
|
744
744
|
--control-iconColor-rest: #636c76;
|
|
@@ -793,9 +793,9 @@
|
|
|
793
793
|
--button-primary-fgColor-rest: #ffffff;
|
|
794
794
|
--button-primary-fgColor-disabled: #ffffffcc;
|
|
795
795
|
--button-primary-iconColor-rest: #ffffffcc;
|
|
796
|
-
--button-primary-bgColor-rest: #
|
|
797
|
-
--button-primary-bgColor-hover: #
|
|
798
|
-
--button-primary-bgColor-active: #
|
|
796
|
+
--button-primary-bgColor-rest: #0f72e3;
|
|
797
|
+
--button-primary-bgColor-hover: #0d6bd8;
|
|
798
|
+
--button-primary-bgColor-active: #0b64ce;
|
|
799
799
|
--button-primary-bgColor-disabled: #92caff;
|
|
800
800
|
--button-primary-borderColor-rest: #1f232826;
|
|
801
801
|
--button-primary-borderColor-hover: #1f232826;
|
|
@@ -1003,10 +1003,10 @@
|
|
|
1003
1003
|
--fgColor-neutral: #6e7781;
|
|
1004
1004
|
--fgColor-accent: #0969da;
|
|
1005
1005
|
--fgColor-success: #0969da;
|
|
1006
|
-
--fgColor-open: #cf222e;
|
|
1007
1006
|
--fgColor-attention: #9a6700;
|
|
1008
1007
|
--fgColor-severe: #cf222e;
|
|
1009
1008
|
--fgColor-danger: #d1242f;
|
|
1009
|
+
--fgColor-open: #cf222e;
|
|
1010
1010
|
--fgColor-closed: #6e7781;
|
|
1011
1011
|
--fgColor-done: #8250df;
|
|
1012
1012
|
--fgColor-upsell: #8250df;
|
|
@@ -1025,15 +1025,15 @@
|
|
|
1025
1025
|
--bgColor-accent-muted: #ddf4ff;
|
|
1026
1026
|
--bgColor-accent-emphasis: #0969da;
|
|
1027
1027
|
--bgColor-success-muted: #ddf4ff;
|
|
1028
|
-
--bgColor-success-emphasis: #
|
|
1029
|
-
--bgColor-open-muted: #ffebe9;
|
|
1030
|
-
--bgColor-open-emphasis: #cf222e;
|
|
1028
|
+
--bgColor-success-emphasis: #0f72e3;
|
|
1031
1029
|
--bgColor-attention-muted: #fff8c5;
|
|
1032
1030
|
--bgColor-attention-emphasis: #9a6700;
|
|
1033
1031
|
--bgColor-severe-muted: #ffebe9;
|
|
1034
1032
|
--bgColor-severe-emphasis: #cf222e;
|
|
1035
1033
|
--bgColor-danger-muted: #ffebe9;
|
|
1036
1034
|
--bgColor-danger-emphasis: #cf222e;
|
|
1035
|
+
--bgColor-open-muted: #ffebe9;
|
|
1036
|
+
--bgColor-open-emphasis: #cf222e;
|
|
1037
1037
|
--bgColor-closed-muted: #f6f8fa;
|
|
1038
1038
|
--bgColor-closed-emphasis: #6e7781;
|
|
1039
1039
|
--bgColor-done-muted: #fbefff;
|
|
@@ -1053,15 +1053,15 @@
|
|
|
1053
1053
|
--borderColor-accent-muted: #54aeff66;
|
|
1054
1054
|
--borderColor-accent-emphasis: #0969da;
|
|
1055
1055
|
--borderColor-success-muted: #54aeff66;
|
|
1056
|
-
--borderColor-success-emphasis: #
|
|
1057
|
-
--borderColor-open-muted: #ff818266;
|
|
1058
|
-
--borderColor-open-emphasis: #cf222e;
|
|
1056
|
+
--borderColor-success-emphasis: #218bff;
|
|
1059
1057
|
--borderColor-attention-muted: #d4a72c66;
|
|
1060
1058
|
--borderColor-attention-emphasis: #bf8700;
|
|
1061
1059
|
--borderColor-severe-muted: #ff818266;
|
|
1062
1060
|
--borderColor-severe-emphasis: #cf222e;
|
|
1063
1061
|
--borderColor-danger-muted: #ff818266;
|
|
1064
1062
|
--borderColor-danger-emphasis: #cf222e;
|
|
1063
|
+
--borderColor-open-muted: #ff818266;
|
|
1064
|
+
--borderColor-open-emphasis: #cf222e;
|
|
1065
1065
|
--borderColor-closed-muted: #afb8c166;
|
|
1066
1066
|
--borderColor-closed-emphasis: #6e7781;
|
|
1067
1067
|
--borderColor-done-muted: #c297ff66;
|
|
@@ -439,10 +439,10 @@
|
|
|
439
439
|
--fgColor-neutral: #6e7781;
|
|
440
440
|
--fgColor-accent: #0969da;
|
|
441
441
|
--fgColor-success: #1a7f37;
|
|
442
|
-
--fgColor-open: #1a7f37;
|
|
443
442
|
--fgColor-attention: #9a6700;
|
|
444
443
|
--fgColor-severe: #bc4c00;
|
|
445
444
|
--fgColor-danger: #d1242f;
|
|
445
|
+
--fgColor-open: #1a7f37;
|
|
446
446
|
--fgColor-closed: #d1242f;
|
|
447
447
|
--fgColor-done: #8250df;
|
|
448
448
|
--fgColor-upsell: #8250df;
|
|
@@ -462,14 +462,14 @@
|
|
|
462
462
|
--bgColor-accent-emphasis: #0969da;
|
|
463
463
|
--bgColor-success-muted: #dafbe1;
|
|
464
464
|
--bgColor-success-emphasis: #1f883d;
|
|
465
|
-
--bgColor-open-muted: #dafbe1;
|
|
466
|
-
--bgColor-open-emphasis: #1f883d;
|
|
467
465
|
--bgColor-attention-muted: #fff8c5;
|
|
468
466
|
--bgColor-attention-emphasis: #9a6700;
|
|
469
467
|
--bgColor-severe-muted: #fff1e5;
|
|
470
468
|
--bgColor-severe-emphasis: #bc4c00;
|
|
471
469
|
--bgColor-danger-muted: #ffebe9;
|
|
472
470
|
--bgColor-danger-emphasis: #cf222e;
|
|
471
|
+
--bgColor-open-muted: #dafbe1;
|
|
472
|
+
--bgColor-open-emphasis: #1f883d;
|
|
473
473
|
--bgColor-closed-muted: #ffebe9;
|
|
474
474
|
--bgColor-closed-emphasis: #cf222e;
|
|
475
475
|
--bgColor-done-muted: #fbefff;
|
|
@@ -490,14 +490,14 @@
|
|
|
490
490
|
--borderColor-accent-emphasis: #0969da;
|
|
491
491
|
--borderColor-success-muted: #4ac26b66;
|
|
492
492
|
--borderColor-success-emphasis: #1a7f37;
|
|
493
|
-
--borderColor-open-muted: #4ac26b66;
|
|
494
|
-
--borderColor-open-emphasis: #1a7f37;
|
|
495
493
|
--borderColor-attention-muted: #d4a72c66;
|
|
496
494
|
--borderColor-attention-emphasis: #bf8700;
|
|
497
495
|
--borderColor-severe-muted: #fb8f4466;
|
|
498
496
|
--borderColor-severe-emphasis: #bc4c00;
|
|
499
497
|
--borderColor-danger-muted: #ff818266;
|
|
500
498
|
--borderColor-danger-emphasis: #cf222e;
|
|
499
|
+
--borderColor-open-muted: #4ac26b66;
|
|
500
|
+
--borderColor-open-emphasis: #1a7f37;
|
|
501
501
|
--borderColor-closed-muted: #ff818266;
|
|
502
502
|
--borderColor-closed-emphasis: #cf222e;
|
|
503
503
|
--borderColor-done-muted: #c297ff66;
|
|
@@ -1003,10 +1003,10 @@
|
|
|
1003
1003
|
--fgColor-neutral: #6e7781;
|
|
1004
1004
|
--fgColor-accent: #0969da;
|
|
1005
1005
|
--fgColor-success: #1a7f37;
|
|
1006
|
-
--fgColor-open: #1a7f37;
|
|
1007
1006
|
--fgColor-attention: #9a6700;
|
|
1008
1007
|
--fgColor-severe: #bc4c00;
|
|
1009
1008
|
--fgColor-danger: #d1242f;
|
|
1009
|
+
--fgColor-open: #1a7f37;
|
|
1010
1010
|
--fgColor-closed: #d1242f;
|
|
1011
1011
|
--fgColor-done: #8250df;
|
|
1012
1012
|
--fgColor-upsell: #8250df;
|
|
@@ -1026,14 +1026,14 @@
|
|
|
1026
1026
|
--bgColor-accent-emphasis: #0969da;
|
|
1027
1027
|
--bgColor-success-muted: #dafbe1;
|
|
1028
1028
|
--bgColor-success-emphasis: #1f883d;
|
|
1029
|
-
--bgColor-open-muted: #dafbe1;
|
|
1030
|
-
--bgColor-open-emphasis: #1f883d;
|
|
1031
1029
|
--bgColor-attention-muted: #fff8c5;
|
|
1032
1030
|
--bgColor-attention-emphasis: #9a6700;
|
|
1033
1031
|
--bgColor-severe-muted: #fff1e5;
|
|
1034
1032
|
--bgColor-severe-emphasis: #bc4c00;
|
|
1035
1033
|
--bgColor-danger-muted: #ffebe9;
|
|
1036
1034
|
--bgColor-danger-emphasis: #cf222e;
|
|
1035
|
+
--bgColor-open-muted: #dafbe1;
|
|
1036
|
+
--bgColor-open-emphasis: #1f883d;
|
|
1037
1037
|
--bgColor-closed-muted: #ffebe9;
|
|
1038
1038
|
--bgColor-closed-emphasis: #cf222e;
|
|
1039
1039
|
--bgColor-done-muted: #fbefff;
|
|
@@ -1054,14 +1054,14 @@
|
|
|
1054
1054
|
--borderColor-accent-emphasis: #0969da;
|
|
1055
1055
|
--borderColor-success-muted: #4ac26b66;
|
|
1056
1056
|
--borderColor-success-emphasis: #1a7f37;
|
|
1057
|
-
--borderColor-open-muted: #4ac26b66;
|
|
1058
|
-
--borderColor-open-emphasis: #1a7f37;
|
|
1059
1057
|
--borderColor-attention-muted: #d4a72c66;
|
|
1060
1058
|
--borderColor-attention-emphasis: #bf8700;
|
|
1061
1059
|
--borderColor-severe-muted: #fb8f4466;
|
|
1062
1060
|
--borderColor-severe-emphasis: #bc4c00;
|
|
1063
1061
|
--borderColor-danger-muted: #ff818266;
|
|
1064
1062
|
--borderColor-danger-emphasis: #cf222e;
|
|
1063
|
+
--borderColor-open-muted: #4ac26b66;
|
|
1064
|
+
--borderColor-open-emphasis: #1a7f37;
|
|
1065
1065
|
--borderColor-closed-muted: #ff818266;
|
|
1066
1066
|
--borderColor-closed-emphasis: #cf222e;
|
|
1067
1067
|
--borderColor-done-muted: #c297ff66;
|