@primer/primitives 8.2.0-rc.d4121ebd → 8.2.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.
Files changed (48) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +20 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +20 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +20 -0
  5. package/dist/css/functional/themes/dark.css +20 -0
  6. package/dist/css/functional/themes/light-colorblind.css +20 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +20 -0
  9. package/dist/css/functional/themes/light.css +20 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +300 -10
  11. package/dist/docs/functional/themes/dark-dimmed.json +300 -10
  12. package/dist/docs/functional/themes/dark-high-contrast.json +300 -10
  13. package/dist/docs/functional/themes/dark-tritanopia.json +300 -10
  14. package/dist/docs/functional/themes/dark.json +300 -10
  15. package/dist/docs/functional/themes/light-colorblind.json +300 -10
  16. package/dist/docs/functional/themes/light-high-contrast.json +300 -10
  17. package/dist/docs/functional/themes/light-tritanopia.json +300 -10
  18. package/dist/docs/functional/themes/light.json +300 -10
  19. package/dist/figma/themes/dark-colorblind.json +160 -0
  20. package/dist/figma/themes/dark-dimmed.json +160 -0
  21. package/dist/figma/themes/dark-high-contrast.json +160 -0
  22. package/dist/figma/themes/dark-tritanopia.json +160 -0
  23. package/dist/figma/themes/dark.json +160 -0
  24. package/dist/figma/themes/light-colorblind.json +160 -0
  25. package/dist/figma/themes/light-high-contrast.json +160 -0
  26. package/dist/figma/themes/light-tritanopia.json +160 -0
  27. package/dist/figma/themes/light.json +160 -0
  28. package/dist/internalCss/dark-colorblind.css +20 -0
  29. package/dist/internalCss/dark-dimmed.css +20 -0
  30. package/dist/internalCss/dark-high-contrast.css +20 -0
  31. package/dist/internalCss/dark-tritanopia.css +20 -0
  32. package/dist/internalCss/dark.css +20 -0
  33. package/dist/internalCss/light-colorblind.css +20 -0
  34. package/dist/internalCss/light-high-contrast.css +20 -0
  35. package/dist/internalCss/light-tritanopia.css +20 -0
  36. package/dist/internalCss/light.css +20 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +300 -10
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +300 -10
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +300 -10
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +300 -10
  41. package/dist/styleLint/functional/themes/dark.json +300 -10
  42. package/dist/styleLint/functional/themes/light-colorblind.json +300 -10
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +300 -10
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +300 -10
  45. package/dist/styleLint/functional/themes/light.json +300 -10
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/data-vis-dark.json5 +220 -80
  48. package/src/tokens/functional/color/light/data-vis-light.json5 +220 -80
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;