@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.37869577
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/typography/typography.css +1 -1
- package/dist/docs/base/typography/typography.json +4 -52
- package/dist/docs/functional/themes/dark-colorblind.json +78 -78
- package/dist/docs/functional/themes/dark-dimmed.json +73 -73
- package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
- package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
- package/dist/docs/functional/themes/dark.json +73 -73
- package/dist/docs/functional/themes/light-colorblind.json +76 -76
- package/dist/docs/functional/themes/light-high-contrast.json +70 -70
- package/dist/docs/functional/themes/light-tritanopia.json +76 -76
- package/dist/docs/functional/themes/light.json +71 -71
- package/dist/docs/functional/typography/typography.json +35 -439
- package/dist/fallbacks/functional/typography/typography.json +1 -1
- package/dist/figma/figma.json +0 -8
- package/dist/figma/scales/dark-dimmed.json +20 -20
- package/dist/figma/scales/dark-high-constrast.json +20 -20
- package/dist/figma/scales/dark.json +20 -20
- package/dist/figma/scales/light-high-constrast.json +20 -20
- package/dist/figma/scales/light.json +20 -20
- package/dist/figma/themes/dark-colorblind.json +70 -70
- package/dist/figma/themes/dark-dimmed.json +65 -65
- package/dist/figma/themes/dark-high-contrast.json +69 -69
- package/dist/figma/themes/dark-tritanopia.json +70 -70
- package/dist/figma/themes/dark.json +65 -65
- package/dist/figma/themes/light-colorblind.json +59 -59
- package/dist/figma/themes/light-high-contrast.json +55 -55
- package/dist/figma/themes/light-tritanopia.json +59 -59
- package/dist/figma/themes/light.json +54 -54
- package/dist/figma/typography/typography.json +1 -329
- package/dist/internalCss/dark-colorblind.css +20 -20
- package/dist/internalCss/dark-dimmed.css +20 -20
- package/dist/internalCss/dark-high-contrast.css +20 -20
- package/dist/internalCss/dark-tritanopia.css +20 -20
- package/dist/internalCss/dark.css +20 -20
- package/dist/internalCss/light-colorblind.css +20 -20
- package/dist/internalCss/light-high-contrast.css +20 -20
- package/dist/internalCss/light-tritanopia.css +20 -20
- package/dist/internalCss/light.css +20 -20
- package/dist/styleLint/base/typography/typography.json +4 -52
- package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
- package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
- package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
- package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
- package/dist/styleLint/functional/themes/dark.json +73 -73
- package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
- package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
- package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
- package/dist/styleLint/functional/themes/light.json +71 -71
- package/dist/styleLint/functional/typography/typography.json +35 -439
- package/package.json +2 -2
- package/src/platforms/figma.ts +0 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
- package/src/tokens/base/color/dark/dark.json5 +1 -1
- package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
- package/src/tokens/base/color/light/light.json5 +1 -1
- package/src/tokens/base/typography/typography.json +4 -28
- package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
- package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
- package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
- package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
- package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
- package/src/tokens/functional/typography/typography.json +32 -234
- package/src/transformers/floatToPixel.ts +1 -1
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
|
|
|
@@ -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": {},
|