@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.
- package/README.md +1 -1
- package/dist/css/functional/themes/dark-colorblind.css +0 -10
- package/dist/css/functional/themes/dark-dimmed.css +0 -10
- package/dist/css/functional/themes/dark-high-contrast.css +0 -10
- package/dist/css/functional/themes/dark-tritanopia.css +0 -10
- package/dist/css/functional/themes/dark.css +0 -10
- package/dist/css/functional/themes/light-colorblind.css +0 -10
- package/dist/css/functional/themes/light-high-contrast.css +0 -10
- package/dist/css/functional/themes/light-tritanopia.css +0 -10
- package/dist/css/functional/themes/light.css +0 -10
- package/dist/css/functional/typography/typography.css +1 -1
- package/dist/docs/base/typography/typography.json +4 -52
- package/dist/docs/functional/themes/dark-colorblind.json +0 -145
- package/dist/docs/functional/themes/dark-dimmed.json +0 -145
- package/dist/docs/functional/themes/dark-high-contrast.json +0 -145
- package/dist/docs/functional/themes/dark-tritanopia.json +0 -145
- package/dist/docs/functional/themes/dark.json +0 -145
- package/dist/docs/functional/themes/light-colorblind.json +0 -145
- package/dist/docs/functional/themes/light-high-contrast.json +0 -145
- package/dist/docs/functional/themes/light-tritanopia.json +0 -145
- package/dist/docs/functional/themes/light.json +0 -145
- package/dist/docs/functional/typography/typography.json +33 -455
- package/dist/fallbacks/functional/typography/typography.json +1 -1
- package/dist/figma/figma.json +0 -8
- package/dist/figma/themes/dark-colorblind.json +0 -80
- package/dist/figma/themes/dark-dimmed.json +0 -80
- package/dist/figma/themes/dark-high-contrast.json +0 -80
- package/dist/figma/themes/dark-tritanopia.json +0 -80
- package/dist/figma/themes/dark.json +0 -80
- package/dist/figma/themes/light-colorblind.json +0 -80
- package/dist/figma/themes/light-high-contrast.json +0 -80
- package/dist/figma/themes/light-tritanopia.json +0 -80
- package/dist/figma/themes/light.json +0 -80
- package/dist/figma/typography/typography.json +0 -338
- package/dist/internalCss/dark-colorblind.css +0 -10
- package/dist/internalCss/dark-dimmed.css +0 -10
- package/dist/internalCss/dark-high-contrast.css +0 -10
- package/dist/internalCss/dark-tritanopia.css +0 -10
- package/dist/internalCss/dark.css +0 -10
- package/dist/internalCss/light-colorblind.css +0 -10
- package/dist/internalCss/light-high-contrast.css +0 -10
- package/dist/internalCss/light-tritanopia.css +0 -10
- package/dist/internalCss/light.css +0 -10
- package/dist/styleLint/base/typography/typography.json +4 -52
- package/dist/styleLint/functional/themes/dark-colorblind.json +0 -145
- package/dist/styleLint/functional/themes/dark-dimmed.json +0 -145
- package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -145
- package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -145
- package/dist/styleLint/functional/themes/dark.json +0 -145
- package/dist/styleLint/functional/themes/light-colorblind.json +0 -145
- package/dist/styleLint/functional/themes/light-high-contrast.json +0 -145
- package/dist/styleLint/functional/themes/light-tritanopia.json +0 -145
- package/dist/styleLint/functional/themes/light.json +0 -145
- package/dist/styleLint/functional/typography/typography.json +33 -455
- package/package.json +2 -2
- package/src/PrimerStyleDictionary.ts +0 -6
- package/src/filters/index.ts +0 -1
- package/src/platforms/figma.ts +0 -1
- package/src/schemas/numberToken.ts +0 -17
- package/src/tokens/base/typography/typography.json +4 -28
- package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
- package/src/tokens/functional/color/light/display-light.json5 +0 -66
- package/src/tokens/functional/typography/typography.json +31 -242
- package/src/transformers/index.ts +0 -1
- package/src/filters/isNumber.ts +0 -8
- package/src/transformers/floatToPixel.ts +0 -33
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Primer Primitives
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@primer/primitives)
|
|
3
|
+
[](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:
|
|
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",
|