@primer/primitives 9.0.0-rc.da7438e1 → 9.0.0-rc.e0216c44

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 (54) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +24 -24
  2. package/dist/css/functional/themes/dark-dimmed.css +24 -24
  3. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  4. package/dist/css/functional/themes/dark-tritanopia.css +24 -24
  5. package/dist/css/functional/themes/dark.css +24 -24
  6. package/dist/css/functional/themes/light-colorblind.css +24 -24
  7. package/dist/css/functional/themes/light-high-contrast.css +24 -24
  8. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  9. package/dist/css/functional/themes/light.css +24 -24
  10. package/dist/docs/functional/themes/dark-colorblind.json +34 -34
  11. package/dist/docs/functional/themes/dark-dimmed.json +34 -34
  12. package/dist/docs/functional/themes/dark-high-contrast.json +35 -35
  13. package/dist/docs/functional/themes/dark-tritanopia.json +34 -34
  14. package/dist/docs/functional/themes/dark.json +34 -34
  15. package/dist/docs/functional/themes/light-colorblind.json +34 -34
  16. package/dist/docs/functional/themes/light-high-contrast.json +35 -35
  17. package/dist/docs/functional/themes/light-tritanopia.json +34 -34
  18. package/dist/docs/functional/themes/light.json +34 -34
  19. package/dist/fallbacks/color-fallbacks.json +11 -1
  20. package/dist/figma/themes/dark-colorblind.json +40 -40
  21. package/dist/figma/themes/dark-dimmed.json +40 -40
  22. package/dist/figma/themes/dark-high-contrast.json +40 -40
  23. package/dist/figma/themes/dark-tritanopia.json +40 -40
  24. package/dist/figma/themes/dark.json +40 -40
  25. package/dist/figma/themes/light-colorblind.json +28 -28
  26. package/dist/figma/themes/light-high-contrast.json +40 -40
  27. package/dist/figma/themes/light-tritanopia.json +28 -28
  28. package/dist/figma/themes/light.json +28 -28
  29. package/dist/internalCss/dark-colorblind.css +24 -24
  30. package/dist/internalCss/dark-dimmed.css +24 -24
  31. package/dist/internalCss/dark-high-contrast.css +24 -24
  32. package/dist/internalCss/dark-tritanopia.css +24 -24
  33. package/dist/internalCss/dark.css +24 -24
  34. package/dist/internalCss/light-colorblind.css +24 -24
  35. package/dist/internalCss/light-high-contrast.css +24 -24
  36. package/dist/internalCss/light-tritanopia.css +24 -24
  37. package/dist/internalCss/light.css +24 -24
  38. package/dist/styleLint/functional/themes/dark-colorblind.json +34 -34
  39. package/dist/styleLint/functional/themes/dark-dimmed.json +34 -34
  40. package/dist/styleLint/functional/themes/dark-high-contrast.json +35 -35
  41. package/dist/styleLint/functional/themes/dark-tritanopia.json +34 -34
  42. package/dist/styleLint/functional/themes/dark.json +34 -34
  43. package/dist/styleLint/functional/themes/light-colorblind.json +34 -34
  44. package/dist/styleLint/functional/themes/light-high-contrast.json +35 -35
  45. package/dist/styleLint/functional/themes/light-tritanopia.json +34 -34
  46. package/dist/styleLint/functional/themes/light.json +34 -34
  47. package/package.json +1 -1
  48. package/src/tokens/fallback/color-fallbacks.json +11 -1
  49. package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
  50. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -6
  51. package/src/tokens/functional/color/dark/patterns-dark.json5 +2 -2
  52. package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
  53. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -6
  54. package/src/tokens/functional/color/light/patterns-light.json5 +2 -2
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
- --data-blue-color: #0576ff;
45
+ --data-blue-color-emphasis: #0576ff;
46
46
  --data-blue-color-muted: #001a47;
47
- --data-auburn-color: #a86f6b;
47
+ --data-auburn-color-emphasis: #a86f6b;
48
48
  --data-auburn-color-muted: #271817;
49
- --data-orange-color: #984b10;
49
+ --data-orange-color-emphasis: #984b10;
50
50
  --data-orange-color-muted: #311708;
51
- --data-yellow-color: #895906;
51
+ --data-yellow-color-emphasis: #895906;
52
52
  --data-yellow-color-muted: #2e1a00;
53
- --data-green-color: #2f6f37;
53
+ --data-green-color-emphasis: #2f6f37;
54
54
  --data-green-color-muted: #122117;
55
- --data-teal-color: #106c70;
55
+ --data-teal-color-emphasis: #106c70;
56
56
  --data-teal-color-muted: #041f25;
57
- --data-purple-color: #975bf1;
57
+ --data-purple-color-emphasis: #975bf1;
58
58
  --data-purple-color-muted: #211047;
59
- --data-pink-color: #d34591;
59
+ --data-pink-color-emphasis: #d34591;
60
60
  --data-pink-color-muted: #2d1524;
61
- --data-red-color: #eb3342;
61
+ --data-red-color-emphasis: #eb3342;
62
62
  --data-red-color-muted: #3c0614;
63
- --data-gray-color: #576270;
63
+ --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
66
  --display-blue-bgColor-emphasis: #005bd1;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #f0f6fc1a;
239
239
  --button-primary-borderColor-disabled: #1158c7;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #4493f8;
242
- --button-invisible-fgColor-hover: #58a6ff;
241
+ --button-invisible-fgColor-rest: #e6edf3;
242
+ --button-invisible-fgColor-hover: #e6edf3;
243
243
  --button-invisible-fgColor-disabled: #6e7681;
244
244
  --button-invisible-iconColor-rest: #8d96a0;
245
245
  --button-invisible-iconColor-hover: #e6edf3;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #8b949e;
610
610
  --headerSearch-bgColor: #0d1117;
611
611
  --headerSearch-borderColor: #30363d;
612
- --data-blue-color: #0576ff;
612
+ --data-blue-color-emphasis: #0576ff;
613
613
  --data-blue-color-muted: #001a47;
614
- --data-auburn-color: #a86f6b;
614
+ --data-auburn-color-emphasis: #a86f6b;
615
615
  --data-auburn-color-muted: #271817;
616
- --data-orange-color: #984b10;
616
+ --data-orange-color-emphasis: #984b10;
617
617
  --data-orange-color-muted: #311708;
618
- --data-yellow-color: #895906;
618
+ --data-yellow-color-emphasis: #895906;
619
619
  --data-yellow-color-muted: #2e1a00;
620
- --data-green-color: #2f6f37;
620
+ --data-green-color-emphasis: #2f6f37;
621
621
  --data-green-color-muted: #122117;
622
- --data-teal-color: #106c70;
622
+ --data-teal-color-emphasis: #106c70;
623
623
  --data-teal-color-muted: #041f25;
624
- --data-purple-color: #975bf1;
624
+ --data-purple-color-emphasis: #975bf1;
625
625
  --data-purple-color-muted: #211047;
626
- --data-pink-color: #d34591;
626
+ --data-pink-color-emphasis: #d34591;
627
627
  --data-pink-color-muted: #2d1524;
628
- --data-red-color: #eb3342;
628
+ --data-red-color-emphasis: #eb3342;
629
629
  --data-red-color-muted: #3c0614;
630
- --data-gray-color: #576270;
630
+ --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
633
  --display-blue-bgColor-emphasis: #005bd1;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #f0f6fc1a;
806
806
  --button-primary-borderColor-disabled: #1158c7;
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
- --button-invisible-fgColor-rest: #4493f8;
809
- --button-invisible-fgColor-hover: #58a6ff;
808
+ --button-invisible-fgColor-rest: #e6edf3;
809
+ --button-invisible-fgColor-hover: #e6edf3;
810
810
  --button-invisible-fgColor-disabled: #6e7681;
811
811
  --button-invisible-iconColor-rest: #8d96a0;
812
812
  --button-invisible-iconColor-hover: #e6edf3;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #768390;
43
43
  --headerSearch-bgColor: #22272e;
44
44
  --headerSearch-borderColor: #444c56;
45
- --data-blue-color: #0576ff;
45
+ --data-blue-color-emphasis: #0576ff;
46
46
  --data-blue-color-muted: #001a47;
47
- --data-auburn-color: #a86f6b;
47
+ --data-auburn-color-emphasis: #a86f6b;
48
48
  --data-auburn-color-muted: #271817;
49
- --data-orange-color: #984b10;
49
+ --data-orange-color-emphasis: #984b10;
50
50
  --data-orange-color-muted: #311708;
51
- --data-yellow-color: #895906;
51
+ --data-yellow-color-emphasis: #895906;
52
52
  --data-yellow-color-muted: #2e1a00;
53
- --data-green-color: #2f6f37;
53
+ --data-green-color-emphasis: #2f6f37;
54
54
  --data-green-color-muted: #122117;
55
- --data-teal-color: #106c70;
55
+ --data-teal-color-emphasis: #106c70;
56
56
  --data-teal-color-muted: #041f25;
57
- --data-purple-color: #975bf1;
57
+ --data-purple-color-emphasis: #975bf1;
58
58
  --data-purple-color-muted: #211047;
59
- --data-pink-color: #d34591;
59
+ --data-pink-color-emphasis: #d34591;
60
60
  --data-pink-color-muted: #2d1524;
61
- --data-red-color: #eb3342;
61
+ --data-red-color-emphasis: #eb3342;
62
62
  --data-red-color-muted: #3c0614;
63
- --data-gray-color: #576270;
63
+ --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
66
  --display-blue-bgColor-emphasis: #005bd1;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #cdd9e51a;
239
239
  --button-primary-borderColor-disabled: #50a254;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #478be6;
242
- --button-invisible-fgColor-hover: #539bf5;
241
+ --button-invisible-fgColor-rest: #c5d1de;
242
+ --button-invisible-fgColor-hover: #c5d1de;
243
243
  --button-invisible-fgColor-disabled: #636e7b;
244
244
  --button-invisible-iconColor-rest: #778491;
245
245
  --button-invisible-iconColor-hover: #778491;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #768390;
610
610
  --headerSearch-bgColor: #22272e;
611
611
  --headerSearch-borderColor: #444c56;
612
- --data-blue-color: #0576ff;
612
+ --data-blue-color-emphasis: #0576ff;
613
613
  --data-blue-color-muted: #001a47;
614
- --data-auburn-color: #a86f6b;
614
+ --data-auburn-color-emphasis: #a86f6b;
615
615
  --data-auburn-color-muted: #271817;
616
- --data-orange-color: #984b10;
616
+ --data-orange-color-emphasis: #984b10;
617
617
  --data-orange-color-muted: #311708;
618
- --data-yellow-color: #895906;
618
+ --data-yellow-color-emphasis: #895906;
619
619
  --data-yellow-color-muted: #2e1a00;
620
- --data-green-color: #2f6f37;
620
+ --data-green-color-emphasis: #2f6f37;
621
621
  --data-green-color-muted: #122117;
622
- --data-teal-color: #106c70;
622
+ --data-teal-color-emphasis: #106c70;
623
623
  --data-teal-color-muted: #041f25;
624
- --data-purple-color: #975bf1;
624
+ --data-purple-color-emphasis: #975bf1;
625
625
  --data-purple-color-muted: #211047;
626
- --data-pink-color: #d34591;
626
+ --data-pink-color-emphasis: #d34591;
627
627
  --data-pink-color-muted: #2d1524;
628
- --data-red-color: #eb3342;
628
+ --data-red-color-emphasis: #eb3342;
629
629
  --data-red-color-muted: #3c0614;
630
- --data-gray-color: #576270;
630
+ --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
633
  --display-blue-bgColor-emphasis: #005bd1;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #cdd9e51a;
806
806
  --button-primary-borderColor-disabled: #50a254;
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
- --button-invisible-fgColor-rest: #478be6;
809
- --button-invisible-fgColor-hover: #539bf5;
808
+ --button-invisible-fgColor-rest: #c5d1de;
809
+ --button-invisible-fgColor-hover: #c5d1de;
810
810
  --button-invisible-fgColor-disabled: #636e7b;
811
811
  --button-invisible-iconColor-rest: #778491;
812
812
  --button-invisible-iconColor-hover: #778491;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #bdc4cc;
43
43
  --headerSearch-bgColor: #0a0c10;
44
44
  --headerSearch-borderColor: #525964;
45
- --data-blue-color: #0576ff;
45
+ --data-blue-color-emphasis: #0576ff;
46
46
  --data-blue-color-muted: #001a47;
47
- --data-auburn-color: #a86f6b;
47
+ --data-auburn-color-emphasis: #a86f6b;
48
48
  --data-auburn-color-muted: #271817;
49
- --data-orange-color: #984b10;
49
+ --data-orange-color-emphasis: #984b10;
50
50
  --data-orange-color-muted: #311708;
51
- --data-yellow-color: #895906;
51
+ --data-yellow-color-emphasis: #895906;
52
52
  --data-yellow-color-muted: #2e1a00;
53
- --data-green-color: #2f6f37;
53
+ --data-green-color-emphasis: #2f6f37;
54
54
  --data-green-color-muted: #122117;
55
- --data-teal-color: #106c70;
55
+ --data-teal-color-emphasis: #106c70;
56
56
  --data-teal-color-muted: #041f25;
57
- --data-purple-color: #975bf1;
57
+ --data-purple-color-emphasis: #975bf1;
58
58
  --data-purple-color-muted: #211047;
59
- --data-pink-color: #d34591;
59
+ --data-pink-color-emphasis: #d34591;
60
60
  --data-pink-color-muted: #2d1524;
61
- --data-red-color: #eb3342;
61
+ --data-red-color-emphasis: #eb3342;
62
62
  --data-red-color-muted: #3c0614;
63
- --data-gray-color: #576270;
63
+ --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
66
  --display-blue-bgColor-emphasis: #4da0ff;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #4ae168;
239
239
  --button-primary-borderColor-disabled: #4ae16866;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #73b8ff;
242
- --button-invisible-fgColor-hover: #1e60d5;
241
+ --button-invisible-fgColor-rest: #fbfcfd;
242
+ --button-invisible-fgColor-hover: #fbfcfd;
243
243
  --button-invisible-fgColor-disabled: #9ea7b3;
244
244
  --button-invisible-iconColor-rest: #f0f3f6;
245
245
  --button-invisible-iconColor-hover: #0a0c10;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #bdc4cc;
610
610
  --headerSearch-bgColor: #0a0c10;
611
611
  --headerSearch-borderColor: #525964;
612
- --data-blue-color: #0576ff;
612
+ --data-blue-color-emphasis: #0576ff;
613
613
  --data-blue-color-muted: #001a47;
614
- --data-auburn-color: #a86f6b;
614
+ --data-auburn-color-emphasis: #a86f6b;
615
615
  --data-auburn-color-muted: #271817;
616
- --data-orange-color: #984b10;
616
+ --data-orange-color-emphasis: #984b10;
617
617
  --data-orange-color-muted: #311708;
618
- --data-yellow-color: #895906;
618
+ --data-yellow-color-emphasis: #895906;
619
619
  --data-yellow-color-muted: #2e1a00;
620
- --data-green-color: #2f6f37;
620
+ --data-green-color-emphasis: #2f6f37;
621
621
  --data-green-color-muted: #122117;
622
- --data-teal-color: #106c70;
622
+ --data-teal-color-emphasis: #106c70;
623
623
  --data-teal-color-muted: #041f25;
624
- --data-purple-color: #975bf1;
624
+ --data-purple-color-emphasis: #975bf1;
625
625
  --data-purple-color-muted: #211047;
626
- --data-pink-color: #d34591;
626
+ --data-pink-color-emphasis: #d34591;
627
627
  --data-pink-color-muted: #2d1524;
628
- --data-red-color: #eb3342;
628
+ --data-red-color-emphasis: #eb3342;
629
629
  --data-red-color-muted: #3c0614;
630
- --data-gray-color: #576270;
630
+ --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
633
  --display-blue-bgColor-emphasis: #4da0ff;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #4ae168;
806
806
  --button-primary-borderColor-disabled: #4ae16866;
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
- --button-invisible-fgColor-rest: #73b8ff;
809
- --button-invisible-fgColor-hover: #1e60d5;
808
+ --button-invisible-fgColor-rest: #fbfcfd;
809
+ --button-invisible-fgColor-hover: #fbfcfd;
810
810
  --button-invisible-fgColor-disabled: #9ea7b3;
811
811
  --button-invisible-iconColor-rest: #f0f3f6;
812
812
  --button-invisible-iconColor-hover: #0a0c10;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
- --data-blue-color: #0576ff;
45
+ --data-blue-color-emphasis: #0576ff;
46
46
  --data-blue-color-muted: #001a47;
47
- --data-auburn-color: #a86f6b;
47
+ --data-auburn-color-emphasis: #a86f6b;
48
48
  --data-auburn-color-muted: #271817;
49
- --data-orange-color: #984b10;
49
+ --data-orange-color-emphasis: #984b10;
50
50
  --data-orange-color-muted: #311708;
51
- --data-yellow-color: #895906;
51
+ --data-yellow-color-emphasis: #895906;
52
52
  --data-yellow-color-muted: #2e1a00;
53
- --data-green-color: #2f6f37;
53
+ --data-green-color-emphasis: #2f6f37;
54
54
  --data-green-color-muted: #122117;
55
- --data-teal-color: #106c70;
55
+ --data-teal-color-emphasis: #106c70;
56
56
  --data-teal-color-muted: #041f25;
57
- --data-purple-color: #975bf1;
57
+ --data-purple-color-emphasis: #975bf1;
58
58
  --data-purple-color-muted: #211047;
59
- --data-pink-color: #d34591;
59
+ --data-pink-color-emphasis: #d34591;
60
60
  --data-pink-color-muted: #2d1524;
61
- --data-red-color: #eb3342;
61
+ --data-red-color-emphasis: #eb3342;
62
62
  --data-red-color-muted: #3c0614;
63
- --data-gray-color: #576270;
63
+ --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
66
  --display-blue-bgColor-emphasis: #005bd1;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #f0f6fc1a;
239
239
  --button-primary-borderColor-disabled: #5fabfe;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #4493f8;
242
- --button-invisible-fgColor-hover: #58a6ff;
241
+ --button-invisible-fgColor-rest: #e6edf3;
242
+ --button-invisible-fgColor-hover: #e6edf3;
243
243
  --button-invisible-fgColor-disabled: #6e7681;
244
244
  --button-invisible-iconColor-rest: #8d96a0;
245
245
  --button-invisible-iconColor-hover: #e6edf3;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #8b949e;
610
610
  --headerSearch-bgColor: #0d1117;
611
611
  --headerSearch-borderColor: #30363d;
612
- --data-blue-color: #0576ff;
612
+ --data-blue-color-emphasis: #0576ff;
613
613
  --data-blue-color-muted: #001a47;
614
- --data-auburn-color: #a86f6b;
614
+ --data-auburn-color-emphasis: #a86f6b;
615
615
  --data-auburn-color-muted: #271817;
616
- --data-orange-color: #984b10;
616
+ --data-orange-color-emphasis: #984b10;
617
617
  --data-orange-color-muted: #311708;
618
- --data-yellow-color: #895906;
618
+ --data-yellow-color-emphasis: #895906;
619
619
  --data-yellow-color-muted: #2e1a00;
620
- --data-green-color: #2f6f37;
620
+ --data-green-color-emphasis: #2f6f37;
621
621
  --data-green-color-muted: #122117;
622
- --data-teal-color: #106c70;
622
+ --data-teal-color-emphasis: #106c70;
623
623
  --data-teal-color-muted: #041f25;
624
- --data-purple-color: #975bf1;
624
+ --data-purple-color-emphasis: #975bf1;
625
625
  --data-purple-color-muted: #211047;
626
- --data-pink-color: #d34591;
626
+ --data-pink-color-emphasis: #d34591;
627
627
  --data-pink-color-muted: #2d1524;
628
- --data-red-color: #eb3342;
628
+ --data-red-color-emphasis: #eb3342;
629
629
  --data-red-color-muted: #3c0614;
630
- --data-gray-color: #576270;
630
+ --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
633
  --display-blue-bgColor-emphasis: #005bd1;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #f0f6fc1a;
806
806
  --button-primary-borderColor-disabled: #5fabfe;
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
- --button-invisible-fgColor-rest: #4493f8;
809
- --button-invisible-fgColor-hover: #58a6ff;
808
+ --button-invisible-fgColor-rest: #e6edf3;
809
+ --button-invisible-fgColor-hover: #e6edf3;
810
810
  --button-invisible-fgColor-disabled: #6e7681;
811
811
  --button-invisible-iconColor-rest: #8d96a0;
812
812
  --button-invisible-iconColor-hover: #e6edf3;
package/dist/css/functional/themes/dark.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
- --data-blue-color: #0576ff;
45
+ --data-blue-color-emphasis: #0576ff;
46
46
  --data-blue-color-muted: #001a47;
47
- --data-auburn-color: #a86f6b;
47
+ --data-auburn-color-emphasis: #a86f6b;
48
48
  --data-auburn-color-muted: #271817;
49
- --data-orange-color: #984b10;
49
+ --data-orange-color-emphasis: #984b10;
50
50
  --data-orange-color-muted: #311708;
51
- --data-yellow-color: #895906;
51
+ --data-yellow-color-emphasis: #895906;
52
52
  --data-yellow-color-muted: #2e1a00;
53
- --data-green-color: #2f6f37;
53
+ --data-green-color-emphasis: #2f6f37;
54
54
  --data-green-color-muted: #122117;
55
- --data-teal-color: #106c70;
55
+ --data-teal-color-emphasis: #106c70;
56
56
  --data-teal-color-muted: #041f25;
57
- --data-purple-color: #975bf1;
57
+ --data-purple-color-emphasis: #975bf1;
58
58
  --data-purple-color-muted: #211047;
59
- --data-pink-color: #d34591;
59
+ --data-pink-color-emphasis: #d34591;
60
60
  --data-pink-color-muted: #2d1524;
61
- --data-red-color: #eb3342;
61
+ --data-red-color-emphasis: #eb3342;
62
62
  --data-red-color-muted: #3c0614;
63
- --data-gray-color: #576270;
63
+ --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
66
  --display-blue-bgColor-emphasis: #005bd1;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #f0f6fc1a;
239
239
  --button-primary-borderColor-disabled: #105823;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #4493f8;
242
- --button-invisible-fgColor-hover: #58a6ff;
241
+ --button-invisible-fgColor-rest: #e6edf3;
242
+ --button-invisible-fgColor-hover: #e6edf3;
243
243
  --button-invisible-fgColor-disabled: #6e7681;
244
244
  --button-invisible-iconColor-rest: #8d96a0;
245
245
  --button-invisible-iconColor-hover: #e6edf3;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #8b949e;
610
610
  --headerSearch-bgColor: #0d1117;
611
611
  --headerSearch-borderColor: #30363d;
612
- --data-blue-color: #0576ff;
612
+ --data-blue-color-emphasis: #0576ff;
613
613
  --data-blue-color-muted: #001a47;
614
- --data-auburn-color: #a86f6b;
614
+ --data-auburn-color-emphasis: #a86f6b;
615
615
  --data-auburn-color-muted: #271817;
616
- --data-orange-color: #984b10;
616
+ --data-orange-color-emphasis: #984b10;
617
617
  --data-orange-color-muted: #311708;
618
- --data-yellow-color: #895906;
618
+ --data-yellow-color-emphasis: #895906;
619
619
  --data-yellow-color-muted: #2e1a00;
620
- --data-green-color: #2f6f37;
620
+ --data-green-color-emphasis: #2f6f37;
621
621
  --data-green-color-muted: #122117;
622
- --data-teal-color: #106c70;
622
+ --data-teal-color-emphasis: #106c70;
623
623
  --data-teal-color-muted: #041f25;
624
- --data-purple-color: #975bf1;
624
+ --data-purple-color-emphasis: #975bf1;
625
625
  --data-purple-color-muted: #211047;
626
- --data-pink-color: #d34591;
626
+ --data-pink-color-emphasis: #d34591;
627
627
  --data-pink-color-muted: #2d1524;
628
- --data-red-color: #eb3342;
628
+ --data-red-color-emphasis: #eb3342;
629
629
  --data-red-color-muted: #3c0614;
630
- --data-gray-color: #576270;
630
+ --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
633
  --display-blue-bgColor-emphasis: #005bd1;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #f0f6fc1a;
806
806
  --button-primary-borderColor-disabled: #105823;
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
- --button-invisible-fgColor-rest: #4493f8;
809
- --button-invisible-fgColor-hover: #58a6ff;
808
+ --button-invisible-fgColor-rest: #e6edf3;
809
+ --button-invisible-fgColor-hover: #e6edf3;
810
810
  --button-invisible-fgColor-disabled: #6e7681;
811
811
  --button-invisible-iconColor-rest: #8d96a0;
812
812
  --button-invisible-iconColor-hover: #e6edf3;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #57606a;
43
43
  --headerSearch-bgColor: #24292f;
44
44
  --headerSearch-borderColor: #57606a;
45
- --data-blue-color: #006edb;
45
+ --data-blue-color-emphasis: #006edb;
46
46
  --data-blue-color-muted: #d1f0ff;
47
- --data-auburn-color: #9d615c;
47
+ --data-auburn-color-emphasis: #9d615c;
48
48
  --data-auburn-color-muted: #f2e9e9;
49
- --data-orange-color: #eb670f;
49
+ --data-orange-color-emphasis: #eb670f;
50
50
  --data-orange-color-muted: #ffe7d1;
51
- --data-yellow-color: #b88700;
51
+ --data-yellow-color-emphasis: #b88700;
52
52
  --data-yellow-color-muted: #ffec9e;
53
- --data-green-color: #30a147;
53
+ --data-green-color-emphasis: #30a147;
54
54
  --data-green-color-muted: #caf7ca;
55
- --data-teal-color: #179b9b;
55
+ --data-teal-color-emphasis: #179b9b;
56
56
  --data-teal-color-muted: #c7f5ef;
57
- --data-purple-color: #894ceb;
57
+ --data-purple-color-emphasis: #894ceb;
58
58
  --data-purple-color-muted: #f1e5ff;
59
- --data-pink-color: #ce2c85;
59
+ --data-pink-color-emphasis: #ce2c85;
60
60
  --data-pink-color-muted: #ffe5f1;
61
- --data-red-color: #df0c24;
61
+ --data-red-color-emphasis: #df0c24;
62
62
  --data-red-color-muted: #ffe2e0;
63
- --data-gray-color: #808fa3;
63
+ --data-gray-color-emphasis: #808fa3;
64
64
  --data-gray-color-muted: #e8ecf2;
65
65
  --display-blue-bgColor-muted: #d1f0ff;
66
66
  --display-blue-bgColor-emphasis: #006edb;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #1f232826;
239
239
  --button-primary-borderColor-disabled: #92caff;
240
240
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
241
- --button-invisible-fgColor-rest: #0969da;
242
- --button-invisible-fgColor-hover: #0969da;
241
+ --button-invisible-fgColor-rest: #1f2328;
242
+ --button-invisible-fgColor-hover: #1f2328;
243
243
  --button-invisible-fgColor-disabled: #8c959f;
244
244
  --button-invisible-iconColor-rest: #636c76;
245
245
  --button-invisible-iconColor-hover: #636c76;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #57606a;
610
610
  --headerSearch-bgColor: #24292f;
611
611
  --headerSearch-borderColor: #57606a;
612
- --data-blue-color: #006edb;
612
+ --data-blue-color-emphasis: #006edb;
613
613
  --data-blue-color-muted: #d1f0ff;
614
- --data-auburn-color: #9d615c;
614
+ --data-auburn-color-emphasis: #9d615c;
615
615
  --data-auburn-color-muted: #f2e9e9;
616
- --data-orange-color: #eb670f;
616
+ --data-orange-color-emphasis: #eb670f;
617
617
  --data-orange-color-muted: #ffe7d1;
618
- --data-yellow-color: #b88700;
618
+ --data-yellow-color-emphasis: #b88700;
619
619
  --data-yellow-color-muted: #ffec9e;
620
- --data-green-color: #30a147;
620
+ --data-green-color-emphasis: #30a147;
621
621
  --data-green-color-muted: #caf7ca;
622
- --data-teal-color: #179b9b;
622
+ --data-teal-color-emphasis: #179b9b;
623
623
  --data-teal-color-muted: #c7f5ef;
624
- --data-purple-color: #894ceb;
624
+ --data-purple-color-emphasis: #894ceb;
625
625
  --data-purple-color-muted: #f1e5ff;
626
- --data-pink-color: #ce2c85;
626
+ --data-pink-color-emphasis: #ce2c85;
627
627
  --data-pink-color-muted: #ffe5f1;
628
- --data-red-color: #df0c24;
628
+ --data-red-color-emphasis: #df0c24;
629
629
  --data-red-color-muted: #ffe2e0;
630
- --data-gray-color: #808fa3;
630
+ --data-gray-color-emphasis: #808fa3;
631
631
  --data-gray-color-muted: #e8ecf2;
632
632
  --display-blue-bgColor-muted: #d1f0ff;
633
633
  --display-blue-bgColor-emphasis: #006edb;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #1f232826;
806
806
  --button-primary-borderColor-disabled: #92caff;
807
807
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
808
- --button-invisible-fgColor-rest: #0969da;
809
- --button-invisible-fgColor-hover: #0969da;
808
+ --button-invisible-fgColor-rest: #1f2328;
809
+ --button-invisible-fgColor-hover: #1f2328;
810
810
  --button-invisible-fgColor-disabled: #8c959f;
811
811
  --button-invisible-iconColor-rest: #636c76;
812
812
  --button-invisible-iconColor-hover: #636c76;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -42,25 +42,25 @@
42
42
  --header-borderColor-divider: #acb6c0;
43
43
  --headerSearch-bgColor: #0e1116;
44
44
  --headerSearch-borderColor: #4b535d;
45
- --data-blue-color: #006edb;
45
+ --data-blue-color-emphasis: #006edb;
46
46
  --data-blue-color-muted: #d1f0ff;
47
- --data-auburn-color: #9d615c;
47
+ --data-auburn-color-emphasis: #9d615c;
48
48
  --data-auburn-color-muted: #f2e9e9;
49
- --data-orange-color: #eb670f;
49
+ --data-orange-color-emphasis: #eb670f;
50
50
  --data-orange-color-muted: #ffe7d1;
51
- --data-yellow-color: #b88700;
51
+ --data-yellow-color-emphasis: #b88700;
52
52
  --data-yellow-color-muted: #ffec9e;
53
- --data-green-color: #30a147;
53
+ --data-green-color-emphasis: #30a147;
54
54
  --data-green-color-muted: #caf7ca;
55
- --data-teal-color: #179b9b;
55
+ --data-teal-color-emphasis: #179b9b;
56
56
  --data-teal-color-muted: #c7f5ef;
57
- --data-purple-color: #894ceb;
57
+ --data-purple-color-emphasis: #894ceb;
58
58
  --data-purple-color-muted: #f1e5ff;
59
- --data-pink-color: #ce2c85;
59
+ --data-pink-color-emphasis: #ce2c85;
60
60
  --data-pink-color-muted: #ffe5f1;
61
- --data-red-color: #df0c24;
61
+ --data-red-color-emphasis: #df0c24;
62
62
  --data-red-color-muted: #ffe2e0;
63
- --data-gray-color: #808fa3;
63
+ --data-gray-color-emphasis: #808fa3;
64
64
  --data-gray-color-muted: #e8ecf2;
65
65
  --display-blue-bgColor-muted: #d1f0ff;
66
66
  --display-blue-bgColor-emphasis: #004db3;
@@ -238,8 +238,8 @@
238
238
  --button-primary-borderColor-active: #013d14;
239
239
  --button-primary-borderColor-disabled: #85cb97;
240
240
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
241
- --button-invisible-fgColor-rest: #023b95;
242
- --button-invisible-fgColor-hover: #67b3fd;
241
+ --button-invisible-fgColor-rest: #010409;
242
+ --button-invisible-fgColor-hover: #010409;
243
243
  --button-invisible-fgColor-disabled: #66707b;
244
244
  --button-invisible-iconColor-rest: #0e1116;
245
245
  --button-invisible-iconColor-hover: #ffffff;
@@ -609,25 +609,25 @@
609
609
  --header-borderColor-divider: #acb6c0;
610
610
  --headerSearch-bgColor: #0e1116;
611
611
  --headerSearch-borderColor: #4b535d;
612
- --data-blue-color: #006edb;
612
+ --data-blue-color-emphasis: #006edb;
613
613
  --data-blue-color-muted: #d1f0ff;
614
- --data-auburn-color: #9d615c;
614
+ --data-auburn-color-emphasis: #9d615c;
615
615
  --data-auburn-color-muted: #f2e9e9;
616
- --data-orange-color: #eb670f;
616
+ --data-orange-color-emphasis: #eb670f;
617
617
  --data-orange-color-muted: #ffe7d1;
618
- --data-yellow-color: #b88700;
618
+ --data-yellow-color-emphasis: #b88700;
619
619
  --data-yellow-color-muted: #ffec9e;
620
- --data-green-color: #30a147;
620
+ --data-green-color-emphasis: #30a147;
621
621
  --data-green-color-muted: #caf7ca;
622
- --data-teal-color: #179b9b;
622
+ --data-teal-color-emphasis: #179b9b;
623
623
  --data-teal-color-muted: #c7f5ef;
624
- --data-purple-color: #894ceb;
624
+ --data-purple-color-emphasis: #894ceb;
625
625
  --data-purple-color-muted: #f1e5ff;
626
- --data-pink-color: #ce2c85;
626
+ --data-pink-color-emphasis: #ce2c85;
627
627
  --data-pink-color-muted: #ffe5f1;
628
- --data-red-color: #df0c24;
628
+ --data-red-color-emphasis: #df0c24;
629
629
  --data-red-color-muted: #ffe2e0;
630
- --data-gray-color: #808fa3;
630
+ --data-gray-color-emphasis: #808fa3;
631
631
  --data-gray-color-muted: #e8ecf2;
632
632
  --display-blue-bgColor-muted: #d1f0ff;
633
633
  --display-blue-bgColor-emphasis: #004db3;
@@ -805,8 +805,8 @@
805
805
  --button-primary-borderColor-active: #013d14;
806
806
  --button-primary-borderColor-disabled: #85cb97;
807
807
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
808
- --button-invisible-fgColor-rest: #023b95;
809
- --button-invisible-fgColor-hover: #67b3fd;
808
+ --button-invisible-fgColor-rest: #010409;
809
+ --button-invisible-fgColor-hover: #010409;
810
810
  --button-invisible-fgColor-disabled: #66707b;
811
811
  --button-invisible-iconColor-rest: #0e1116;
812
812
  --button-invisible-iconColor-hover: #ffffff;