@primer/primitives 8.2.0-rc.d4121ebd → 8.2.1-rc.0c78ef35

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 (53) hide show
  1. package/README.md +2 -3
  2. package/dist/css/functional/size/size-coarse.css +7 -0
  3. package/dist/css/functional/size/size-fine.css +7 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +20 -0
  5. package/dist/css/functional/themes/dark-dimmed.css +20 -0
  6. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +20 -0
  8. package/dist/css/functional/themes/dark.css +20 -0
  9. package/dist/css/functional/themes/light-colorblind.css +20 -0
  10. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  11. package/dist/css/functional/themes/light-tritanopia.css +20 -0
  12. package/dist/css/functional/themes/light.css +20 -0
  13. package/dist/css/primitives.css +189 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +300 -10
  15. package/dist/docs/functional/themes/dark-dimmed.json +300 -10
  16. package/dist/docs/functional/themes/dark-high-contrast.json +300 -10
  17. package/dist/docs/functional/themes/dark-tritanopia.json +300 -10
  18. package/dist/docs/functional/themes/dark.json +300 -10
  19. package/dist/docs/functional/themes/light-colorblind.json +300 -10
  20. package/dist/docs/functional/themes/light-high-contrast.json +300 -10
  21. package/dist/docs/functional/themes/light-tritanopia.json +300 -10
  22. package/dist/docs/functional/themes/light.json +300 -10
  23. package/dist/figma/themes/dark-colorblind.json +160 -0
  24. package/dist/figma/themes/dark-dimmed.json +160 -0
  25. package/dist/figma/themes/dark-high-contrast.json +160 -0
  26. package/dist/figma/themes/dark-tritanopia.json +160 -0
  27. package/dist/figma/themes/dark.json +160 -0
  28. package/dist/figma/themes/light-colorblind.json +160 -0
  29. package/dist/figma/themes/light-high-contrast.json +160 -0
  30. package/dist/figma/themes/light-tritanopia.json +160 -0
  31. package/dist/figma/themes/light.json +160 -0
  32. package/dist/internalCss/dark-colorblind.css +20 -0
  33. package/dist/internalCss/dark-dimmed.css +20 -0
  34. package/dist/internalCss/dark-high-contrast.css +20 -0
  35. package/dist/internalCss/dark-tritanopia.css +20 -0
  36. package/dist/internalCss/dark.css +20 -0
  37. package/dist/internalCss/light-colorblind.css +20 -0
  38. package/dist/internalCss/light-high-contrast.css +20 -0
  39. package/dist/internalCss/light-tritanopia.css +20 -0
  40. package/dist/internalCss/light.css +20 -0
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +300 -10
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +300 -10
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +300 -10
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +300 -10
  45. package/dist/styleLint/functional/themes/dark.json +300 -10
  46. package/dist/styleLint/functional/themes/light-colorblind.json +300 -10
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +300 -10
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +300 -10
  49. package/dist/styleLint/functional/themes/light.json +300 -10
  50. package/package.json +1 -1
  51. package/src/platforms/css.ts +2 -2
  52. package/src/tokens/functional/color/dark/data-vis-dark.json5 +220 -80
  53. package/src/tokens/functional/color/light/data-vis-light.json5 +220 -80
package/README.md CHANGED
@@ -4,7 +4,8 @@
4
4
 
5
5
  This repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.
6
6
 
7
- ![primer primitives diagram](https://user-images.githubusercontent.com/4608155/135384588-192c279f-020f-4544-a61f-559be6629f18.png)
7
+ ![primer primitives diagram showing how the package connects with other primer libraries](./readme-light.png#gh-light-mode-only)
8
+ ![primer primitives diagram showing how the package connects with other primer libraries](./readme-dark.png#gh-dark-mode-only)
8
9
 
9
10
  ## Install
10
11
 
@@ -32,8 +33,6 @@ All available imports:
32
33
  @import '@primer/primitives/dist/css/base/typography/typography.css';
33
34
  @import '@primer/primitives/dist/css/functional/size/border.css';
34
35
  @import '@primer/primitives/dist/css/functional/size/breakpoints.css';
35
- @import '@primer/primitives/dist/css/functional/size/size-coarse.css';
36
- @import '@primer/primitives/dist/css/functional/size/size-fine.css';
37
36
  @import '@primer/primitives/dist/css/functional/size/size.css';
38
37
  @import '@primer/primitives/dist/css/functional/size/viewport.css';
39
38
  @import '@primer/primitives/dist/css/functional/typography/typography.css';
package/dist/css/functional/size/size-coarse.css CHANGED
@@ -0,0 +1,7 @@
1
+ @media (pointer: coarse) {
2
+ :root {
3
+ --control-minTarget-auto: 2.75rem;
4
+ --controlStack-small-gap-auto: 1rem;
5
+ --controlStack-medium-gap-auto: 0.75rem;
6
+ }
7
+ }
package/dist/css/functional/size/size-fine.css CHANGED
@@ -0,0 +1,7 @@
1
+ @media (pointer: fine) {
2
+ :root {
3
+ --control-minTarget-auto: 1rem;
4
+ --controlStack-small-gap-auto: 0.5rem;
5
+ --controlStack-medium-gap-auto: 0.5rem;
6
+ }
7
+ }
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --data-blue-color: #0576ff;
46
+ --data-blue-color-muted: #001a47;
46
47
  --data-auburn-color: #a86f6b;
48
+ --data-auburn-color-muted: #271817;
47
49
  --data-orange-color: #984b10;
50
+ --data-orange-color-muted: #311708;
48
51
  --data-yellow-color: #895906;
52
+ --data-yellow-color-muted: #2e1a00;
49
53
  --data-green-color: #2f6f37;
54
+ --data-green-color-muted: #122117;
50
55
  --data-teal-color: #106c70;
56
+ --data-teal-color-muted: #041f25;
51
57
  --data-purple-color: #975bf1;
58
+ --data-purple-color-muted: #211047;
52
59
  --data-pink-color: #d34591;
60
+ --data-pink-color-muted: #2d1524;
53
61
  --data-red-color: #eb3342;
62
+ --data-red-color-muted: #3c0614;
54
63
  --data-gray-color: #576270;
64
+ --data-gray-color-muted: #1c1c1c;
55
65
  --display-blue-bgColor-muted: #001a47;
56
66
  --display-blue-bgColor-emphasis: #0576ff;
57
67
  --display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #0d1117;
597
607
  --headerSearch-borderColor: #30363d;
598
608
  --data-blue-color: #0576ff;
609
+ --data-blue-color-muted: #001a47;
599
610
  --data-auburn-color: #a86f6b;
611
+ --data-auburn-color-muted: #271817;
600
612
  --data-orange-color: #984b10;
613
+ --data-orange-color-muted: #311708;
601
614
  --data-yellow-color: #895906;
615
+ --data-yellow-color-muted: #2e1a00;
602
616
  --data-green-color: #2f6f37;
617
+ --data-green-color-muted: #122117;
603
618
  --data-teal-color: #106c70;
619
+ --data-teal-color-muted: #041f25;
604
620
  --data-purple-color: #975bf1;
621
+ --data-purple-color-muted: #211047;
605
622
  --data-pink-color: #d34591;
623
+ --data-pink-color-muted: #2d1524;
606
624
  --data-red-color: #eb3342;
625
+ --data-red-color-muted: #3c0614;
607
626
  --data-gray-color: #576270;
627
+ --data-gray-color-muted: #1c1c1c;
608
628
  --display-blue-bgColor-muted: #001a47;
609
629
  --display-blue-bgColor-emphasis: #0576ff;
610
630
  --display-blue-fgColor: #4da0ff;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #22272e;
44
44
  --headerSearch-borderColor: #444c56;
45
45
  --data-blue-color: #0576ff;
46
+ --data-blue-color-muted: #001a47;
46
47
  --data-auburn-color: #a86f6b;
48
+ --data-auburn-color-muted: #271817;
47
49
  --data-orange-color: #984b10;
50
+ --data-orange-color-muted: #311708;
48
51
  --data-yellow-color: #895906;
52
+ --data-yellow-color-muted: #2e1a00;
49
53
  --data-green-color: #2f6f37;
54
+ --data-green-color-muted: #122117;
50
55
  --data-teal-color: #106c70;
56
+ --data-teal-color-muted: #041f25;
51
57
  --data-purple-color: #975bf1;
58
+ --data-purple-color-muted: #211047;
52
59
  --data-pink-color: #d34591;
60
+ --data-pink-color-muted: #2d1524;
53
61
  --data-red-color: #eb3342;
62
+ --data-red-color-muted: #3c0614;
54
63
  --data-gray-color: #576270;
64
+ --data-gray-color-muted: #1c1c1c;
55
65
  --display-blue-bgColor-muted: #001a47;
56
66
  --display-blue-bgColor-emphasis: #0576ff;
57
67
  --display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #22272e;
597
607
  --headerSearch-borderColor: #444c56;
598
608
  --data-blue-color: #0576ff;
609
+ --data-blue-color-muted: #001a47;
599
610
  --data-auburn-color: #a86f6b;
611
+ --data-auburn-color-muted: #271817;
600
612
  --data-orange-color: #984b10;
613
+ --data-orange-color-muted: #311708;
601
614
  --data-yellow-color: #895906;
615
+ --data-yellow-color-muted: #2e1a00;
602
616
  --data-green-color: #2f6f37;
617
+ --data-green-color-muted: #122117;
603
618
  --data-teal-color: #106c70;
619
+ --data-teal-color-muted: #041f25;
604
620
  --data-purple-color: #975bf1;
621
+ --data-purple-color-muted: #211047;
605
622
  --data-pink-color: #d34591;
623
+ --data-pink-color-muted: #2d1524;
606
624
  --data-red-color: #eb3342;
625
+ --data-red-color-muted: #3c0614;
607
626
  --data-gray-color: #576270;
627
+ --data-gray-color-muted: #1c1c1c;
608
628
  --display-blue-bgColor-muted: #001a47;
609
629
  --display-blue-bgColor-emphasis: #0576ff;
610
630
  --display-blue-fgColor: #4da0ff;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #0a0c10;
44
44
  --headerSearch-borderColor: #525964;
45
45
  --data-blue-color: #0576ff;
46
+ --data-blue-color-muted: #001a47;
46
47
  --data-auburn-color: #a86f6b;
48
+ --data-auburn-color-muted: #271817;
47
49
  --data-orange-color: #984b10;
50
+ --data-orange-color-muted: #311708;
48
51
  --data-yellow-color: #895906;
52
+ --data-yellow-color-muted: #2e1a00;
49
53
  --data-green-color: #2f6f37;
54
+ --data-green-color-muted: #122117;
50
55
  --data-teal-color: #106c70;
56
+ --data-teal-color-muted: #041f25;
51
57
  --data-purple-color: #975bf1;
58
+ --data-purple-color-muted: #211047;
52
59
  --data-pink-color: #d34591;
60
+ --data-pink-color-muted: #2d1524;
53
61
  --data-red-color: #eb3342;
62
+ --data-red-color-muted: #3c0614;
54
63
  --data-gray-color: #576270;
64
+ --data-gray-color-muted: #1c1c1c;
55
65
  --display-blue-bgColor-muted: #001a47;
56
66
  --display-blue-bgColor-emphasis: #0576ff;
57
67
  --display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #0a0c10;
597
607
  --headerSearch-borderColor: #525964;
598
608
  --data-blue-color: #0576ff;
609
+ --data-blue-color-muted: #001a47;
599
610
  --data-auburn-color: #a86f6b;
611
+ --data-auburn-color-muted: #271817;
600
612
  --data-orange-color: #984b10;
613
+ --data-orange-color-muted: #311708;
601
614
  --data-yellow-color: #895906;
615
+ --data-yellow-color-muted: #2e1a00;
602
616
  --data-green-color: #2f6f37;
617
+ --data-green-color-muted: #122117;
603
618
  --data-teal-color: #106c70;
619
+ --data-teal-color-muted: #041f25;
604
620
  --data-purple-color: #975bf1;
621
+ --data-purple-color-muted: #211047;
605
622
  --data-pink-color: #d34591;
623
+ --data-pink-color-muted: #2d1524;
606
624
  --data-red-color: #eb3342;
625
+ --data-red-color-muted: #3c0614;
607
626
  --data-gray-color: #576270;
627
+ --data-gray-color-muted: #1c1c1c;
608
628
  --display-blue-bgColor-muted: #001a47;
609
629
  --display-blue-bgColor-emphasis: #0576ff;
610
630
  --display-blue-fgColor: #4da0ff;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --data-blue-color: #0576ff;
46
+ --data-blue-color-muted: #001a47;
46
47
  --data-auburn-color: #a86f6b;
48
+ --data-auburn-color-muted: #271817;
47
49
  --data-orange-color: #984b10;
50
+ --data-orange-color-muted: #311708;
48
51
  --data-yellow-color: #895906;
52
+ --data-yellow-color-muted: #2e1a00;
49
53
  --data-green-color: #2f6f37;
54
+ --data-green-color-muted: #122117;
50
55
  --data-teal-color: #106c70;
56
+ --data-teal-color-muted: #041f25;
51
57
  --data-purple-color: #975bf1;
58
+ --data-purple-color-muted: #211047;
52
59
  --data-pink-color: #d34591;
60
+ --data-pink-color-muted: #2d1524;
53
61
  --data-red-color: #eb3342;
62
+ --data-red-color-muted: #3c0614;
54
63
  --data-gray-color: #576270;
64
+ --data-gray-color-muted: #1c1c1c;
55
65
  --display-blue-bgColor-muted: #001a47;
56
66
  --display-blue-bgColor-emphasis: #0576ff;
57
67
  --display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #0d1117;
597
607
  --headerSearch-borderColor: #30363d;
598
608
  --data-blue-color: #0576ff;
609
+ --data-blue-color-muted: #001a47;
599
610
  --data-auburn-color: #a86f6b;
611
+ --data-auburn-color-muted: #271817;
600
612
  --data-orange-color: #984b10;
613
+ --data-orange-color-muted: #311708;
601
614
  --data-yellow-color: #895906;
615
+ --data-yellow-color-muted: #2e1a00;
602
616
  --data-green-color: #2f6f37;
617
+ --data-green-color-muted: #122117;
603
618
  --data-teal-color: #106c70;
619
+ --data-teal-color-muted: #041f25;
604
620
  --data-purple-color: #975bf1;
621
+ --data-purple-color-muted: #211047;
605
622
  --data-pink-color: #d34591;
623
+ --data-pink-color-muted: #2d1524;
606
624
  --data-red-color: #eb3342;
625
+ --data-red-color-muted: #3c0614;
607
626
  --data-gray-color: #576270;
627
+ --data-gray-color-muted: #1c1c1c;
608
628
  --display-blue-bgColor-muted: #001a47;
609
629
  --display-blue-bgColor-emphasis: #0576ff;
610
630
  --display-blue-fgColor: #4da0ff;
package/dist/css/functional/themes/dark.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --data-blue-color: #0576ff;
46
+ --data-blue-color-muted: #001a47;
46
47
  --data-auburn-color: #a86f6b;
48
+ --data-auburn-color-muted: #271817;
47
49
  --data-orange-color: #984b10;
50
+ --data-orange-color-muted: #311708;
48
51
  --data-yellow-color: #895906;
52
+ --data-yellow-color-muted: #2e1a00;
49
53
  --data-green-color: #2f6f37;
54
+ --data-green-color-muted: #122117;
50
55
  --data-teal-color: #106c70;
56
+ --data-teal-color-muted: #041f25;
51
57
  --data-purple-color: #975bf1;
58
+ --data-purple-color-muted: #211047;
52
59
  --data-pink-color: #d34591;
60
+ --data-pink-color-muted: #2d1524;
53
61
  --data-red-color: #eb3342;
62
+ --data-red-color-muted: #3c0614;
54
63
  --data-gray-color: #576270;
64
+ --data-gray-color-muted: #1c1c1c;
55
65
  --display-blue-bgColor-muted: #001a47;
56
66
  --display-blue-bgColor-emphasis: #0576ff;
57
67
  --display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #0d1117;
597
607
  --headerSearch-borderColor: #30363d;
598
608
  --data-blue-color: #0576ff;
609
+ --data-blue-color-muted: #001a47;
599
610
  --data-auburn-color: #a86f6b;
611
+ --data-auburn-color-muted: #271817;
600
612
  --data-orange-color: #984b10;
613
+ --data-orange-color-muted: #311708;
601
614
  --data-yellow-color: #895906;
615
+ --data-yellow-color-muted: #2e1a00;
602
616
  --data-green-color: #2f6f37;
617
+ --data-green-color-muted: #122117;
603
618
  --data-teal-color: #106c70;
619
+ --data-teal-color-muted: #041f25;
604
620
  --data-purple-color: #975bf1;
621
+ --data-purple-color-muted: #211047;
605
622
  --data-pink-color: #d34591;
623
+ --data-pink-color-muted: #2d1524;
606
624
  --data-red-color: #eb3342;
625
+ --data-red-color-muted: #3c0614;
607
626
  --data-gray-color: #576270;
627
+ --data-gray-color-muted: #1c1c1c;
608
628
  --display-blue-bgColor-muted: #001a47;
609
629
  --display-blue-bgColor-emphasis: #0576ff;
610
630
  --display-blue-fgColor: #4da0ff;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #24292f;
44
44
  --headerSearch-borderColor: #57606a;
45
45
  --data-blue-color: #006edb;
46
+ --data-blue-color-muted: #d1f0ff;
46
47
  --data-auburn-color: #9d615c;
48
+ --data-auburn-color-muted: #f2e9e9;
47
49
  --data-orange-color: #eb670f;
50
+ --data-orange-color-muted: #ffe7d1;
48
51
  --data-yellow-color: #b88700;
52
+ --data-yellow-color-muted: #ffec9e;
49
53
  --data-green-color: #30a147;
54
+ --data-green-color-muted: #caf7ca;
50
55
  --data-teal-color: #179b9b;
56
+ --data-teal-color-muted: #c7f5ef;
51
57
  --data-purple-color: #894ceb;
58
+ --data-purple-color-muted: #f1e5ff;
52
59
  --data-pink-color: #ce2c85;
60
+ --data-pink-color-muted: #ffe5f1;
53
61
  --data-red-color: #df0c24;
62
+ --data-red-color-muted: #ffe2e0;
54
63
  --data-gray-color: #808fa3;
64
+ --data-gray-color-muted: #e8ecf2;
55
65
  --display-blue-bgColor-muted: #d1f0ff;
56
66
  --display-blue-bgColor-emphasis: #006edb;
57
67
  --display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #24292f;
597
607
  --headerSearch-borderColor: #57606a;
598
608
  --data-blue-color: #006edb;
609
+ --data-blue-color-muted: #d1f0ff;
599
610
  --data-auburn-color: #9d615c;
611
+ --data-auburn-color-muted: #f2e9e9;
600
612
  --data-orange-color: #eb670f;
613
+ --data-orange-color-muted: #ffe7d1;
601
614
  --data-yellow-color: #b88700;
615
+ --data-yellow-color-muted: #ffec9e;
602
616
  --data-green-color: #30a147;
617
+ --data-green-color-muted: #caf7ca;
603
618
  --data-teal-color: #179b9b;
619
+ --data-teal-color-muted: #c7f5ef;
604
620
  --data-purple-color: #894ceb;
621
+ --data-purple-color-muted: #f1e5ff;
605
622
  --data-pink-color: #ce2c85;
623
+ --data-pink-color-muted: #ffe5f1;
606
624
  --data-red-color: #df0c24;
625
+ --data-red-color-muted: #ffe2e0;
607
626
  --data-gray-color: #808fa3;
627
+ --data-gray-color-muted: #e8ecf2;
608
628
  --display-blue-bgColor-muted: #d1f0ff;
609
629
  --display-blue-bgColor-emphasis: #006edb;
610
630
  --display-blue-fgColor: #005fcc;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #0e1116;
44
44
  --headerSearch-borderColor: #4b535d;
45
45
  --data-blue-color: #006edb;
46
+ --data-blue-color-muted: #d1f0ff;
46
47
  --data-auburn-color: #9d615c;
48
+ --data-auburn-color-muted: #f2e9e9;
47
49
  --data-orange-color: #eb670f;
50
+ --data-orange-color-muted: #ffe7d1;
48
51
  --data-yellow-color: #b88700;
52
+ --data-yellow-color-muted: #ffec9e;
49
53
  --data-green-color: #30a147;
54
+ --data-green-color-muted: #caf7ca;
50
55
  --data-teal-color: #179b9b;
56
+ --data-teal-color-muted: #c7f5ef;
51
57
  --data-purple-color: #894ceb;
58
+ --data-purple-color-muted: #f1e5ff;
52
59
  --data-pink-color: #ce2c85;
60
+ --data-pink-color-muted: #ffe5f1;
53
61
  --data-red-color: #df0c24;
62
+ --data-red-color-muted: #ffe2e0;
54
63
  --data-gray-color: #808fa3;
64
+ --data-gray-color-muted: #e8ecf2;
55
65
  --display-blue-bgColor-muted: #d1f0ff;
56
66
  --display-blue-bgColor-emphasis: #006edb;
57
67
  --display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #0e1116;
597
607
  --headerSearch-borderColor: #4b535d;
598
608
  --data-blue-color: #006edb;
609
+ --data-blue-color-muted: #d1f0ff;
599
610
  --data-auburn-color: #9d615c;
611
+ --data-auburn-color-muted: #f2e9e9;
600
612
  --data-orange-color: #eb670f;
613
+ --data-orange-color-muted: #ffe7d1;
601
614
  --data-yellow-color: #b88700;
615
+ --data-yellow-color-muted: #ffec9e;
602
616
  --data-green-color: #30a147;
617
+ --data-green-color-muted: #caf7ca;
603
618
  --data-teal-color: #179b9b;
619
+ --data-teal-color-muted: #c7f5ef;
604
620
  --data-purple-color: #894ceb;
621
+ --data-purple-color-muted: #f1e5ff;
605
622
  --data-pink-color: #ce2c85;
623
+ --data-pink-color-muted: #ffe5f1;
606
624
  --data-red-color: #df0c24;
625
+ --data-red-color-muted: #ffe2e0;
607
626
  --data-gray-color: #808fa3;
627
+ --data-gray-color-muted: #e8ecf2;
608
628
  --display-blue-bgColor-muted: #d1f0ff;
609
629
  --display-blue-bgColor-emphasis: #006edb;
610
630
  --display-blue-fgColor: #005fcc;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #24292f;
44
44
  --headerSearch-borderColor: #57606a;
45
45
  --data-blue-color: #006edb;
46
+ --data-blue-color-muted: #d1f0ff;
46
47
  --data-auburn-color: #9d615c;
48
+ --data-auburn-color-muted: #f2e9e9;
47
49
  --data-orange-color: #eb670f;
50
+ --data-orange-color-muted: #ffe7d1;
48
51
  --data-yellow-color: #b88700;
52
+ --data-yellow-color-muted: #ffec9e;
49
53
  --data-green-color: #30a147;
54
+ --data-green-color-muted: #caf7ca;
50
55
  --data-teal-color: #179b9b;
56
+ --data-teal-color-muted: #c7f5ef;
51
57
  --data-purple-color: #894ceb;
58
+ --data-purple-color-muted: #f1e5ff;
52
59
  --data-pink-color: #ce2c85;
60
+ --data-pink-color-muted: #ffe5f1;
53
61
  --data-red-color: #df0c24;
62
+ --data-red-color-muted: #ffe2e0;
54
63
  --data-gray-color: #808fa3;
64
+ --data-gray-color-muted: #e8ecf2;
55
65
  --display-blue-bgColor-muted: #d1f0ff;
56
66
  --display-blue-bgColor-emphasis: #006edb;
57
67
  --display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #24292f;
597
607
  --headerSearch-borderColor: #57606a;
598
608
  --data-blue-color: #006edb;
609
+ --data-blue-color-muted: #d1f0ff;
599
610
  --data-auburn-color: #9d615c;
611
+ --data-auburn-color-muted: #f2e9e9;
600
612
  --data-orange-color: #eb670f;
613
+ --data-orange-color-muted: #ffe7d1;
601
614
  --data-yellow-color: #b88700;
615
+ --data-yellow-color-muted: #ffec9e;
602
616
  --data-green-color: #30a147;
617
+ --data-green-color-muted: #caf7ca;
603
618
  --data-teal-color: #179b9b;
619
+ --data-teal-color-muted: #c7f5ef;
604
620
  --data-purple-color: #894ceb;
621
+ --data-purple-color-muted: #f1e5ff;
605
622
  --data-pink-color: #ce2c85;
623
+ --data-pink-color-muted: #ffe5f1;
606
624
  --data-red-color: #df0c24;
625
+ --data-red-color-muted: #ffe2e0;
607
626
  --data-gray-color: #808fa3;
627
+ --data-gray-color-muted: #e8ecf2;
608
628
  --display-blue-bgColor-muted: #d1f0ff;
609
629
  --display-blue-bgColor-emphasis: #006edb;
610
630
  --display-blue-fgColor: #005fcc;
package/dist/css/functional/themes/light.css CHANGED
@@ -43,15 +43,25 @@
43
43
  --headerSearch-bgColor: #24292f;
44
44
  --headerSearch-borderColor: #57606a;
45
45
  --data-blue-color: #006edb;
46
+ --data-blue-color-muted: #d1f0ff;
46
47
  --data-auburn-color: #9d615c;
48
+ --data-auburn-color-muted: #f2e9e9;
47
49
  --data-orange-color: #eb670f;
50
+ --data-orange-color-muted: #ffe7d1;
48
51
  --data-yellow-color: #b88700;
52
+ --data-yellow-color-muted: #ffec9e;
49
53
  --data-green-color: #30a147;
54
+ --data-green-color-muted: #caf7ca;
50
55
  --data-teal-color: #179b9b;
56
+ --data-teal-color-muted: #c7f5ef;
51
57
  --data-purple-color: #894ceb;
58
+ --data-purple-color-muted: #f1e5ff;
52
59
  --data-pink-color: #ce2c85;
60
+ --data-pink-color-muted: #ffe5f1;
53
61
  --data-red-color: #df0c24;
62
+ --data-red-color-muted: #ffe2e0;
54
63
  --data-gray-color: #808fa3;
64
+ --data-gray-color-muted: #e8ecf2;
55
65
  --display-blue-bgColor-muted: #d1f0ff;
56
66
  --display-blue-bgColor-emphasis: #006edb;
57
67
  --display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
596
606
  --headerSearch-bgColor: #24292f;
597
607
  --headerSearch-borderColor: #57606a;
598
608
  --data-blue-color: #006edb;
609
+ --data-blue-color-muted: #d1f0ff;
599
610
  --data-auburn-color: #9d615c;
611
+ --data-auburn-color-muted: #f2e9e9;
600
612
  --data-orange-color: #eb670f;
613
+ --data-orange-color-muted: #ffe7d1;
601
614
  --data-yellow-color: #b88700;
615
+ --data-yellow-color-muted: #ffec9e;
602
616
  --data-green-color: #30a147;
617
+ --data-green-color-muted: #caf7ca;
603
618
  --data-teal-color: #179b9b;
619
+ --data-teal-color-muted: #c7f5ef;
604
620
  --data-purple-color: #894ceb;
621
+ --data-purple-color-muted: #f1e5ff;
605
622
  --data-pink-color: #ce2c85;
623
+ --data-pink-color-muted: #ffe5f1;
606
624
  --data-red-color: #df0c24;
625
+ --data-red-color-muted: #ffe2e0;
607
626
  --data-gray-color: #808fa3;
627
+ --data-gray-color-muted: #e8ecf2;
608
628
  --display-blue-bgColor-muted: #d1f0ff;
609
629
  --display-blue-bgColor-emphasis: #006edb;
610
630
  --display-blue-fgColor: #005fcc;