@primer/primitives 7.17.0-rc.4dfa9cdd → 7.17.0-rc.5a680313

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 (66) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +0 -10
  3. package/dist/css/functional/themes/dark-dimmed.css +0 -10
  4. package/dist/css/functional/themes/dark-high-contrast.css +0 -10
  5. package/dist/css/functional/themes/dark-tritanopia.css +0 -10
  6. package/dist/css/functional/themes/dark.css +0 -10
  7. package/dist/css/functional/themes/light-colorblind.css +0 -10
  8. package/dist/css/functional/themes/light-high-contrast.css +0 -10
  9. package/dist/css/functional/themes/light-tritanopia.css +0 -10
  10. package/dist/css/functional/themes/light.css +0 -10
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +4 -52
  13. package/dist/docs/functional/themes/dark-colorblind.json +0 -145
  14. package/dist/docs/functional/themes/dark-dimmed.json +0 -145
  15. package/dist/docs/functional/themes/dark-high-contrast.json +0 -145
  16. package/dist/docs/functional/themes/dark-tritanopia.json +0 -145
  17. package/dist/docs/functional/themes/dark.json +0 -145
  18. package/dist/docs/functional/themes/light-colorblind.json +0 -145
  19. package/dist/docs/functional/themes/light-high-contrast.json +0 -145
  20. package/dist/docs/functional/themes/light-tritanopia.json +0 -145
  21. package/dist/docs/functional/themes/light.json +0 -145
  22. package/dist/docs/functional/typography/typography.json +33 -455
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +0 -8
  25. package/dist/figma/themes/dark-colorblind.json +0 -80
  26. package/dist/figma/themes/dark-dimmed.json +0 -80
  27. package/dist/figma/themes/dark-high-contrast.json +0 -80
  28. package/dist/figma/themes/dark-tritanopia.json +0 -80
  29. package/dist/figma/themes/dark.json +0 -80
  30. package/dist/figma/themes/light-colorblind.json +0 -80
  31. package/dist/figma/themes/light-high-contrast.json +0 -80
  32. package/dist/figma/themes/light-tritanopia.json +0 -80
  33. package/dist/figma/themes/light.json +0 -80
  34. package/dist/figma/typography/typography.json +0 -338
  35. package/dist/internalCss/dark-colorblind.css +0 -10
  36. package/dist/internalCss/dark-dimmed.css +0 -10
  37. package/dist/internalCss/dark-high-contrast.css +0 -10
  38. package/dist/internalCss/dark-tritanopia.css +0 -10
  39. package/dist/internalCss/dark.css +0 -10
  40. package/dist/internalCss/light-colorblind.css +0 -10
  41. package/dist/internalCss/light-high-contrast.css +0 -10
  42. package/dist/internalCss/light-tritanopia.css +0 -10
  43. package/dist/internalCss/light.css +0 -10
  44. package/dist/styleLint/base/typography/typography.json +4 -52
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +0 -145
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +0 -145
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -145
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -145
  49. package/dist/styleLint/functional/themes/dark.json +0 -145
  50. package/dist/styleLint/functional/themes/light-colorblind.json +0 -145
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +0 -145
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +0 -145
  53. package/dist/styleLint/functional/themes/light.json +0 -145
  54. package/dist/styleLint/functional/typography/typography.json +33 -455
  55. package/package.json +2 -2
  56. package/src/PrimerStyleDictionary.ts +0 -6
  57. package/src/filters/index.ts +0 -1
  58. package/src/platforms/figma.ts +0 -1
  59. package/src/schemas/numberToken.ts +0 -17
  60. package/src/tokens/base/typography/typography.json +4 -28
  61. package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
  62. package/src/tokens/functional/color/light/display-light.json5 +0 -66
  63. package/src/tokens/functional/typography/typography.json +31 -242
  64. package/src/transformers/index.ts +0 -1
  65. package/src/filters/isNumber.ts +0 -8
  66. package/src/transformers/floatToPixel.ts +0 -33
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Primer Primitives
2
2
 
3
- [![npm package](https://img.shields.io/npm/v/@primer/primitives.svg?style=flat)](https://www.npmjs.com/package/@primer/primitives) [![Storybook](https://github.com/primer/primitives/actions/workflows/deploy.yml/badge.svg)](https://primer.style/primitives/storybook/) [![A11y contrast check](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml/badge.svg)](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml)
3
+ [![npm package](https://img.shields.io/npm/v/@primer/primitives.svg?style=flat)](https://www.npmjs.com/package/@primer/primitives)
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
 
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
- --display-pink-bgColor-muted: #2d1524;
136
- --display-pink-bgColor-emphasis: #d34591;
137
- --display-pink-fgColor: #e57bb2;
138
- --display-pink-borderColor-muted: #451c35;
139
- --display-pink-borderColor-emphasis: #d34591;
140
135
  --avatar-bgColor: #ffffff1a;
141
136
  --avatar-borderColor: #ffffff26;
142
137
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #9899ec;
676
671
  --display-indigo-borderColor-muted: #25215f;
677
672
  --display-indigo-borderColor-emphasis: #7070e1;
678
- --display-pink-bgColor-muted: #2d1524;
679
- --display-pink-bgColor-emphasis: #d34591;
680
- --display-pink-fgColor: #e57bb2;
681
- --display-pink-borderColor-muted: #451c35;
682
- --display-pink-borderColor-emphasis: #d34591;
683
673
  --avatar-bgColor: #ffffff1a;
684
674
  --avatar-borderColor: #ffffff26;
685
675
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
- --display-pink-bgColor-muted: #2d1524;
136
- --display-pink-bgColor-emphasis: #d34591;
137
- --display-pink-fgColor: #e57bb2;
138
- --display-pink-borderColor-muted: #451c35;
139
- --display-pink-borderColor-emphasis: #d34591;
140
135
  --avatar-bgColor: #cdd9e51a;
141
136
  --avatar-borderColor: #cdd9e526;
142
137
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #9899ec;
676
671
  --display-indigo-borderColor-muted: #25215f;
677
672
  --display-indigo-borderColor-emphasis: #7070e1;
678
- --display-pink-bgColor-muted: #2d1524;
679
- --display-pink-bgColor-emphasis: #d34591;
680
- --display-pink-fgColor: #e57bb2;
681
- --display-pink-borderColor-muted: #451c35;
682
- --display-pink-borderColor-emphasis: #d34591;
683
673
  --avatar-bgColor: #cdd9e51a;
684
674
  --avatar-borderColor: #cdd9e526;
685
675
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
- --display-pink-bgColor-muted: #2d1524;
136
- --display-pink-bgColor-emphasis: #d34591;
137
- --display-pink-fgColor: #e57bb2;
138
- --display-pink-borderColor-muted: #451c35;
139
- --display-pink-borderColor-emphasis: #d34591;
140
135
  --avatar-bgColor: #ffffff1a;
141
136
  --avatar-borderColor: #ffffffe6;
142
137
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #9899ec;
676
671
  --display-indigo-borderColor-muted: #25215f;
677
672
  --display-indigo-borderColor-emphasis: #7070e1;
678
- --display-pink-bgColor-muted: #2d1524;
679
- --display-pink-bgColor-emphasis: #d34591;
680
- --display-pink-fgColor: #e57bb2;
681
- --display-pink-borderColor-muted: #451c35;
682
- --display-pink-borderColor-emphasis: #d34591;
683
673
  --avatar-bgColor: #ffffff1a;
684
674
  --avatar-borderColor: #ffffffe6;
685
675
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
- --display-pink-bgColor-muted: #2d1524;
136
- --display-pink-bgColor-emphasis: #d34591;
137
- --display-pink-fgColor: #e57bb2;
138
- --display-pink-borderColor-muted: #451c35;
139
- --display-pink-borderColor-emphasis: #d34591;
140
135
  --avatar-bgColor: #ffffff1a;
141
136
  --avatar-borderColor: #ffffff26;
142
137
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #9899ec;
676
671
  --display-indigo-borderColor-muted: #25215f;
677
672
  --display-indigo-borderColor-emphasis: #7070e1;
678
- --display-pink-bgColor-muted: #2d1524;
679
- --display-pink-bgColor-emphasis: #d34591;
680
- --display-pink-fgColor: #e57bb2;
681
- --display-pink-borderColor-muted: #451c35;
682
- --display-pink-borderColor-emphasis: #d34591;
683
673
  --avatar-bgColor: #ffffff1a;
684
674
  --avatar-borderColor: #ffffff26;
685
675
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
- --display-pink-bgColor-muted: #2d1524;
136
- --display-pink-bgColor-emphasis: #d34591;
137
- --display-pink-fgColor: #e57bb2;
138
- --display-pink-borderColor-muted: #451c35;
139
- --display-pink-borderColor-emphasis: #d34591;
140
135
  --avatar-bgColor: #ffffff1a;
141
136
  --avatar-borderColor: #ffffff26;
142
137
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #9899ec;
676
671
  --display-indigo-borderColor-muted: #25215f;
677
672
  --display-indigo-borderColor-emphasis: #7070e1;
678
- --display-pink-bgColor-muted: #2d1524;
679
- --display-pink-bgColor-emphasis: #d34591;
680
- --display-pink-fgColor: #e57bb2;
681
- --display-pink-borderColor-muted: #451c35;
682
- --display-pink-borderColor-emphasis: #d34591;
683
673
  --avatar-bgColor: #ffffff1a;
684
674
  --avatar-borderColor: #ffffff26;
685
675
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
- --display-pink-bgColor-muted: #ffe5f1;
136
- --display-pink-bgColor-emphasis: #ce2c85;
137
- --display-pink-fgColor: #b12f79;
138
- --display-pink-borderColor-muted: #fdc9e2;
139
- --display-pink-borderColor-emphasis: #ce2c85;
140
135
  --avatar-bgColor: #ffffff;
141
136
  --avatar-borderColor: #1f232826;
142
137
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #494edf;
676
671
  --display-indigo-borderColor-muted: #d2d7fe;
677
672
  --display-indigo-borderColor-emphasis: #5a61e7;
678
- --display-pink-bgColor-muted: #ffe5f1;
679
- --display-pink-bgColor-emphasis: #ce2c85;
680
- --display-pink-fgColor: #b12f79;
681
- --display-pink-borderColor-muted: #fdc9e2;
682
- --display-pink-borderColor-emphasis: #ce2c85;
683
673
  --avatar-bgColor: #ffffff;
684
674
  --avatar-borderColor: #1f232826;
685
675
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
- --display-pink-bgColor-muted: #ffe5f1;
136
- --display-pink-bgColor-emphasis: #ce2c85;
137
- --display-pink-fgColor: #b12f79;
138
- --display-pink-borderColor-muted: #fdc9e2;
139
- --display-pink-borderColor-emphasis: #ce2c85;
140
135
  --avatar-bgColor: #ffffff;
141
136
  --avatar-borderColor: #010409e6;
142
137
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #494edf;
676
671
  --display-indigo-borderColor-muted: #d2d7fe;
677
672
  --display-indigo-borderColor-emphasis: #5a61e7;
678
- --display-pink-bgColor-muted: #ffe5f1;
679
- --display-pink-bgColor-emphasis: #ce2c85;
680
- --display-pink-fgColor: #b12f79;
681
- --display-pink-borderColor-muted: #fdc9e2;
682
- --display-pink-borderColor-emphasis: #ce2c85;
683
673
  --avatar-bgColor: #ffffff;
684
674
  --avatar-borderColor: #010409e6;
685
675
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
- --display-pink-bgColor-muted: #ffe5f1;
136
- --display-pink-bgColor-emphasis: #ce2c85;
137
- --display-pink-fgColor: #b12f79;
138
- --display-pink-borderColor-muted: #fdc9e2;
139
- --display-pink-borderColor-emphasis: #ce2c85;
140
135
  --avatar-bgColor: #ffffff;
141
136
  --avatar-borderColor: #1f232826;
142
137
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #494edf;
676
671
  --display-indigo-borderColor-muted: #d2d7fe;
677
672
  --display-indigo-borderColor-emphasis: #5a61e7;
678
- --display-pink-bgColor-muted: #ffe5f1;
679
- --display-pink-bgColor-emphasis: #ce2c85;
680
- --display-pink-fgColor: #b12f79;
681
- --display-pink-borderColor-muted: #fdc9e2;
682
- --display-pink-borderColor-emphasis: #ce2c85;
683
673
  --avatar-bgColor: #ffffff;
684
674
  --avatar-borderColor: #1f232826;
685
675
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -132,11 +132,6 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
- --display-pink-bgColor-muted: #ffe5f1;
136
- --display-pink-bgColor-emphasis: #ce2c85;
137
- --display-pink-fgColor: #b12f79;
138
- --display-pink-borderColor-muted: #fdc9e2;
139
- --display-pink-borderColor-emphasis: #ce2c85;
140
135
  --avatar-bgColor: #ffffff;
141
136
  --avatar-borderColor: #1f232826;
142
137
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -675,11 +670,6 @@
675
670
  --display-indigo-fgColor: #494edf;
676
671
  --display-indigo-borderColor-muted: #d2d7fe;
677
672
  --display-indigo-borderColor-emphasis: #5a61e7;
678
- --display-pink-bgColor-muted: #ffe5f1;
679
- --display-pink-bgColor-emphasis: #ce2c85;
680
- --display-pink-fgColor: #b12f79;
681
- --display-pink-borderColor-muted: #fdc9e2;
682
- --display-pink-borderColor-emphasis: #ce2c85;
683
673
  --avatar-bgColor: #ffffff;
684
674
  --avatar-borderColor: #1f232826;
685
675
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -20,7 +20,7 @@
20
20
  --text-title-size-large: 2rem;
21
21
  --text-display-lineHeight: 1.4;
22
22
  --text-display-size: 2.5rem;
23
- --text-display-lineBoxHeight: 1.4;
23
+ --text-display-lineBoxHeight: 3.5rem;
24
24
  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
25
25
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
26
26
  --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
@@ -2,23 +2,11 @@
2
2
  "base-text-weight-light": {
3
3
  "$type": "fontWeight",
4
4
  "value": 300,
5
- "$extensions": {
6
- "org.primer.figma": {
7
- "collection": "base/typography",
8
- "scopes": ["all"]
9
- }
10
- },
11
5
  "filePath": "src/tokens/base/typography/typography.json",
12
6
  "isSource": true,
13
7
  "original": {
14
8
  "$type": "fontWeight",
15
- "value": 300,
16
- "$extensions": {
17
- "org.primer.figma": {
18
- "collection": "base/typography",
19
- "scopes": ["all"]
20
- }
21
- }
9
+ "value": 300
22
10
  },
23
11
  "name": "base-text-weight-light",
24
12
  "attributes": {},
@@ -27,23 +15,11 @@
27
15
  "base-text-weight-normal": {
28
16
  "value": 400,
29
17
  "$type": "fontWeight",
30
- "$extensions": {
31
- "org.primer.figma": {
32
- "collection": "base/typography",
33
- "scopes": ["all"]
34
- }
35
- },
36
18
  "filePath": "src/tokens/base/typography/typography.json",
37
19
  "isSource": true,
38
20
  "original": {
39
21
  "value": 400,
40
- "$type": "fontWeight",
41
- "$extensions": {
42
- "org.primer.figma": {
43
- "collection": "base/typography",
44
- "scopes": ["all"]
45
- }
46
- }
22
+ "$type": "fontWeight"
47
23
  },
48
24
  "name": "base-text-weight-normal",
49
25
  "attributes": {},
@@ -52,23 +28,11 @@
52
28
  "base-text-weight-medium": {
53
29
  "value": 500,
54
30
  "$type": "fontWeight",
55
- "$extensions": {
56
- "org.primer.figma": {
57
- "collection": "base/typography",
58
- "scopes": ["all"]
59
- }
60
- },
61
31
  "filePath": "src/tokens/base/typography/typography.json",
62
32
  "isSource": true,
63
33
  "original": {
64
34
  "value": 500,
65
- "$type": "fontWeight",
66
- "$extensions": {
67
- "org.primer.figma": {
68
- "collection": "base/typography",
69
- "scopes": ["all"]
70
- }
71
- }
35
+ "$type": "fontWeight"
72
36
  },
73
37
  "name": "base-text-weight-medium",
74
38
  "attributes": {},
@@ -77,23 +41,11 @@
77
41
  "base-text-weight-semibold": {
78
42
  "value": 600,
79
43
  "$type": "fontWeight",
80
- "$extensions": {
81
- "org.primer.figma": {
82
- "collection": "base/typography",
83
- "scopes": ["all"]
84
- }
85
- },
86
44
  "filePath": "src/tokens/base/typography/typography.json",
87
45
  "isSource": true,
88
46
  "original": {
89
47
  "value": 600,
90
- "$type": "fontWeight",
91
- "$extensions": {
92
- "org.primer.figma": {
93
- "collection": "base/typography",
94
- "scopes": ["all"]
95
- }
96
- }
48
+ "$type": "fontWeight"
97
49
  },
98
50
  "name": "base-text-weight-semibold",
99
51
  "attributes": {},
@@ -3791,151 +3791,6 @@
3791
3791
  "attributes": {},
3792
3792
  "path": ["display", "indigo", "borderColor", "emphasis"]
3793
3793
  },
3794
- "display-pink-bgColor-muted": {
3795
- "value": "#2d1524",
3796
- "$type": "color",
3797
- "$extensions": {
3798
- "org.primer.figma": {
3799
- "collection": "mode",
3800
- "mode": "light",
3801
- "group": "component (internal)",
3802
- "scopes": ["bgColor"]
3803
- }
3804
- },
3805
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3806
- "isSource": true,
3807
- "original": {
3808
- "value": "{base.display.color.pink.0}",
3809
- "$type": "color",
3810
- "$extensions": {
3811
- "org.primer.figma": {
3812
- "collection": "mode",
3813
- "mode": "light",
3814
- "group": "component (internal)",
3815
- "scopes": ["bgColor"]
3816
- }
3817
- }
3818
- },
3819
- "name": "display-pink-bgColor-muted",
3820
- "attributes": {},
3821
- "path": ["display", "pink", "bgColor", "muted"]
3822
- },
3823
- "display-pink-bgColor-emphasis": {
3824
- "value": "#d34591",
3825
- "$type": "color",
3826
- "$extensions": {
3827
- "org.primer.figma": {
3828
- "collection": "mode",
3829
- "mode": "light",
3830
- "group": "component (internal)",
3831
- "scopes": ["bgColor"]
3832
- }
3833
- },
3834
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3835
- "isSource": true,
3836
- "original": {
3837
- "value": "{base.display.color.pink.5}",
3838
- "$type": "color",
3839
- "$extensions": {
3840
- "org.primer.figma": {
3841
- "collection": "mode",
3842
- "mode": "light",
3843
- "group": "component (internal)",
3844
- "scopes": ["bgColor"]
3845
- }
3846
- }
3847
- },
3848
- "name": "display-pink-bgColor-emphasis",
3849
- "attributes": {},
3850
- "path": ["display", "pink", "bgColor", "emphasis"]
3851
- },
3852
- "display-pink-fgColor": {
3853
- "value": "#e57bb2",
3854
- "$type": "color",
3855
- "$extensions": {
3856
- "org.primer.figma": {
3857
- "collection": "mode",
3858
- "mode": "light",
3859
- "group": "component (internal)",
3860
- "scopes": ["fgColor"]
3861
- }
3862
- },
3863
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3864
- "isSource": true,
3865
- "original": {
3866
- "value": "{base.display.color.pink.6}",
3867
- "$type": "color",
3868
- "$extensions": {
3869
- "org.primer.figma": {
3870
- "collection": "mode",
3871
- "mode": "light",
3872
- "group": "component (internal)",
3873
- "scopes": ["fgColor"]
3874
- }
3875
- }
3876
- },
3877
- "name": "display-pink-fgColor",
3878
- "attributes": {},
3879
- "path": ["display", "pink", "fgColor"]
3880
- },
3881
- "display-pink-borderColor-muted": {
3882
- "value": "#451c35",
3883
- "$type": "color",
3884
- "$extensions": {
3885
- "org.primer.figma": {
3886
- "collection": "mode",
3887
- "mode": "light",
3888
- "group": "component (internal)",
3889
- "scopes": ["borderColor"]
3890
- }
3891
- },
3892
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3893
- "isSource": true,
3894
- "original": {
3895
- "value": "{base.display.color.pink.1}",
3896
- "$type": "color",
3897
- "$extensions": {
3898
- "org.primer.figma": {
3899
- "collection": "mode",
3900
- "mode": "light",
3901
- "group": "component (internal)",
3902
- "scopes": ["borderColor"]
3903
- }
3904
- }
3905
- },
3906
- "name": "display-pink-borderColor-muted",
3907
- "attributes": {},
3908
- "path": ["display", "pink", "borderColor", "muted"]
3909
- },
3910
- "display-pink-borderColor-emphasis": {
3911
- "value": "#d34591",
3912
- "$type": "color",
3913
- "$extensions": {
3914
- "org.primer.figma": {
3915
- "collection": "mode",
3916
- "mode": "light",
3917
- "group": "component (internal)",
3918
- "scopes": ["borderColor"]
3919
- }
3920
- },
3921
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3922
- "isSource": true,
3923
- "original": {
3924
- "value": "{base.display.color.pink.5}",
3925
- "$type": "color",
3926
- "$extensions": {
3927
- "org.primer.figma": {
3928
- "collection": "mode",
3929
- "mode": "light",
3930
- "group": "component (internal)",
3931
- "scopes": ["borderColor"]
3932
- }
3933
- }
3934
- },
3935
- "name": "display-pink-borderColor-emphasis",
3936
- "attributes": {},
3937
- "path": ["display", "pink", "borderColor", "emphasis"]
3938
- },
3939
3794
  "avatar-bgColor": {
3940
3795
  "value": "#ffffff1a",
3941
3796
  "$type": "color",
@@ -3791,151 +3791,6 @@
3791
3791
  "attributes": {},
3792
3792
  "path": ["display", "indigo", "borderColor", "emphasis"]
3793
3793
  },
3794
- "display-pink-bgColor-muted": {
3795
- "value": "#2d1524",
3796
- "$type": "color",
3797
- "$extensions": {
3798
- "org.primer.figma": {
3799
- "collection": "mode",
3800
- "mode": "light",
3801
- "group": "component (internal)",
3802
- "scopes": ["bgColor"]
3803
- }
3804
- },
3805
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3806
- "isSource": true,
3807
- "original": {
3808
- "value": "{base.display.color.pink.0}",
3809
- "$type": "color",
3810
- "$extensions": {
3811
- "org.primer.figma": {
3812
- "collection": "mode",
3813
- "mode": "light",
3814
- "group": "component (internal)",
3815
- "scopes": ["bgColor"]
3816
- }
3817
- }
3818
- },
3819
- "name": "display-pink-bgColor-muted",
3820
- "attributes": {},
3821
- "path": ["display", "pink", "bgColor", "muted"]
3822
- },
3823
- "display-pink-bgColor-emphasis": {
3824
- "value": "#d34591",
3825
- "$type": "color",
3826
- "$extensions": {
3827
- "org.primer.figma": {
3828
- "collection": "mode",
3829
- "mode": "light",
3830
- "group": "component (internal)",
3831
- "scopes": ["bgColor"]
3832
- }
3833
- },
3834
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3835
- "isSource": true,
3836
- "original": {
3837
- "value": "{base.display.color.pink.5}",
3838
- "$type": "color",
3839
- "$extensions": {
3840
- "org.primer.figma": {
3841
- "collection": "mode",
3842
- "mode": "light",
3843
- "group": "component (internal)",
3844
- "scopes": ["bgColor"]
3845
- }
3846
- }
3847
- },
3848
- "name": "display-pink-bgColor-emphasis",
3849
- "attributes": {},
3850
- "path": ["display", "pink", "bgColor", "emphasis"]
3851
- },
3852
- "display-pink-fgColor": {
3853
- "value": "#e57bb2",
3854
- "$type": "color",
3855
- "$extensions": {
3856
- "org.primer.figma": {
3857
- "collection": "mode",
3858
- "mode": "light",
3859
- "group": "component (internal)",
3860
- "scopes": ["fgColor"]
3861
- }
3862
- },
3863
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3864
- "isSource": true,
3865
- "original": {
3866
- "value": "{base.display.color.pink.6}",
3867
- "$type": "color",
3868
- "$extensions": {
3869
- "org.primer.figma": {
3870
- "collection": "mode",
3871
- "mode": "light",
3872
- "group": "component (internal)",
3873
- "scopes": ["fgColor"]
3874
- }
3875
- }
3876
- },
3877
- "name": "display-pink-fgColor",
3878
- "attributes": {},
3879
- "path": ["display", "pink", "fgColor"]
3880
- },
3881
- "display-pink-borderColor-muted": {
3882
- "value": "#451c35",
3883
- "$type": "color",
3884
- "$extensions": {
3885
- "org.primer.figma": {
3886
- "collection": "mode",
3887
- "mode": "light",
3888
- "group": "component (internal)",
3889
- "scopes": ["borderColor"]
3890
- }
3891
- },
3892
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3893
- "isSource": true,
3894
- "original": {
3895
- "value": "{base.display.color.pink.1}",
3896
- "$type": "color",
3897
- "$extensions": {
3898
- "org.primer.figma": {
3899
- "collection": "mode",
3900
- "mode": "light",
3901
- "group": "component (internal)",
3902
- "scopes": ["borderColor"]
3903
- }
3904
- }
3905
- },
3906
- "name": "display-pink-borderColor-muted",
3907
- "attributes": {},
3908
- "path": ["display", "pink", "borderColor", "muted"]
3909
- },
3910
- "display-pink-borderColor-emphasis": {
3911
- "value": "#d34591",
3912
- "$type": "color",
3913
- "$extensions": {
3914
- "org.primer.figma": {
3915
- "collection": "mode",
3916
- "mode": "light",
3917
- "group": "component (internal)",
3918
- "scopes": ["borderColor"]
3919
- }
3920
- },
3921
- "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3922
- "isSource": true,
3923
- "original": {
3924
- "value": "{base.display.color.pink.5}",
3925
- "$type": "color",
3926
- "$extensions": {
3927
- "org.primer.figma": {
3928
- "collection": "mode",
3929
- "mode": "light",
3930
- "group": "component (internal)",
3931
- "scopes": ["borderColor"]
3932
- }
3933
- }
3934
- },
3935
- "name": "display-pink-borderColor-emphasis",
3936
- "attributes": {},
3937
- "path": ["display", "pink", "borderColor", "emphasis"]
3938
- },
3939
3794
  "avatar-bgColor": {
3940
3795
  "value": "#cdd9e51a",
3941
3796
  "$type": "color",