@primer/primitives 7.17.0-rc.8ff6ed39 → 7.17.0-rc.8fffddc7
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 +10 -0
- package/dist/css/functional/themes/dark-dimmed.css +10 -0
- package/dist/css/functional/themes/dark-high-contrast.css +10 -0
- package/dist/css/functional/themes/dark-tritanopia.css +10 -0
- package/dist/css/functional/themes/dark.css +10 -0
- package/dist/css/functional/themes/light-colorblind.css +10 -0
- package/dist/css/functional/themes/light-high-contrast.css +10 -0
- package/dist/css/functional/themes/light-tritanopia.css +10 -0
- package/dist/css/functional/themes/light.css +10 -0
- package/dist/css/functional/typography/typography.css +1 -1
- package/dist/docs/base/typography/typography.json +52 -4
- package/dist/docs/functional/themes/dark-colorblind.json +145 -0
- package/dist/docs/functional/themes/dark-dimmed.json +145 -0
- package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
- package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
- package/dist/docs/functional/themes/dark.json +145 -0
- package/dist/docs/functional/themes/light-colorblind.json +145 -0
- package/dist/docs/functional/themes/light-high-contrast.json +145 -0
- package/dist/docs/functional/themes/light-tritanopia.json +145 -0
- package/dist/docs/functional/themes/light.json +145 -0
- package/dist/docs/functional/typography/typography.json +494 -36
- package/dist/fallbacks/functional/typography/typography.json +1 -1
- package/dist/figma/figma.json +18 -1
- package/dist/figma/themes/dark-colorblind.json +80 -0
- package/dist/figma/themes/dark-dimmed.json +80 -0
- package/dist/figma/themes/dark-high-contrast.json +80 -0
- package/dist/figma/themes/dark-tritanopia.json +80 -0
- package/dist/figma/themes/dark.json +80 -0
- package/dist/figma/themes/light-colorblind.json +80 -0
- package/dist/figma/themes/light-high-contrast.json +80 -0
- package/dist/figma/themes/light-tritanopia.json +80 -0
- package/dist/figma/themes/light.json +80 -0
- package/dist/figma/typography/typography.json +370 -0
- package/dist/internalCss/dark-colorblind.css +10 -0
- package/dist/internalCss/dark-dimmed.css +10 -0
- package/dist/internalCss/dark-high-contrast.css +10 -0
- package/dist/internalCss/dark-tritanopia.css +10 -0
- package/dist/internalCss/dark.css +10 -0
- package/dist/internalCss/light-colorblind.css +10 -0
- package/dist/internalCss/light-high-contrast.css +10 -0
- package/dist/internalCss/light-tritanopia.css +10 -0
- package/dist/internalCss/light.css +10 -0
- package/dist/styleLint/base/typography/typography.json +52 -4
- package/dist/styleLint/functional/themes/dark-colorblind.json +145 -0
- package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
- package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
- package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
- package/dist/styleLint/functional/themes/dark.json +145 -0
- package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
- package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
- package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
- package/dist/styleLint/functional/themes/light.json +145 -0
- package/dist/styleLint/functional/typography/typography.json +494 -36
- package/package.json +4 -11
- package/src/PrimerStyleDictionary.ts +12 -0
- package/src/filters/index.ts +1 -0
- package/src/filters/isNumber.ts +8 -0
- package/src/formats/jsonFigma.ts +1 -0
- package/src/platforms/figma.ts +10 -1
- package/src/schemas/numberToken.ts +17 -0
- package/src/tokens/base/typography/typography.json +28 -4
- package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
- package/src/tokens/functional/color/light/display-light.json5 +66 -0
- package/src/tokens/functional/typography/typography.json +263 -34
- package/src/transformers/floatToPixel.ts +33 -0
- package/src/transformers/fontFamilyToCss.ts +3 -4
- package/src/transformers/fontFamilyToFigma.ts +47 -0
- package/src/transformers/index.ts +2 -0
- package/src/transformers/utilities/hasSpaceInString.ts +6 -0
- package/build.js +0 -578
- package/tokens/base/size/size.json +0 -57
- package/tokens/base/typography/typography.json +0 -20
- package/tokens/functional/size/border.json +0 -48
- package/tokens/functional/size/breakpoints.json +0 -24
- package/tokens/functional/size/size-coarse.json +0 -27
- package/tokens/functional/size/size-fine.json +0 -27
- package/tokens/functional/size/size.json +0 -189
- package/tokens/functional/size/viewport.json +0 -24
- package/tokens/functional/typography/typography.json +0 -213
- package/tokens/removed/color.json +0 -421
- package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
- package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
- package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
- package/tokens-v2-private/docs/docValues.json +0 -2209
- package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
- package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
- package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
- package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
- package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
- package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
- package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
- package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"auto": string
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"controlStack": {
|
|
16
|
-
"small": {
|
|
17
|
-
"gap": {
|
|
18
|
-
"auto": string
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"medium": {
|
|
22
|
-
"gap": {
|
|
23
|
-
"auto": string
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
export default tokens;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"auto": "1rem"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"controlStack": {
|
|
16
|
-
"small": {
|
|
17
|
-
"gap": {
|
|
18
|
-
"auto": "0.5rem"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"medium": {
|
|
22
|
-
"gap": {
|
|
23
|
-
"auto": "0.5rem"
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"fine": string,
|
|
13
|
-
"coarse": string
|
|
14
|
-
},
|
|
15
|
-
"xsmall": {
|
|
16
|
-
"size": string,
|
|
17
|
-
"lineBoxHeight": string,
|
|
18
|
-
"paddingBlock": string,
|
|
19
|
-
"paddingInline": {
|
|
20
|
-
"condensed": string,
|
|
21
|
-
"normal": string,
|
|
22
|
-
"spacious": string
|
|
23
|
-
},
|
|
24
|
-
"gap": string
|
|
25
|
-
},
|
|
26
|
-
"small": {
|
|
27
|
-
"size": string,
|
|
28
|
-
"lineBoxHeight": string,
|
|
29
|
-
"paddingBlock": string,
|
|
30
|
-
"paddingInline": {
|
|
31
|
-
"condensed": string,
|
|
32
|
-
"normal": string
|
|
33
|
-
},
|
|
34
|
-
"gap": string
|
|
35
|
-
},
|
|
36
|
-
"medium": {
|
|
37
|
-
"size": string,
|
|
38
|
-
"lineBoxHeight": string,
|
|
39
|
-
"paddingBlock": string,
|
|
40
|
-
"paddingInline": {
|
|
41
|
-
"condensed": string,
|
|
42
|
-
"normal": string,
|
|
43
|
-
"spacious": string
|
|
44
|
-
},
|
|
45
|
-
"gap": string
|
|
46
|
-
},
|
|
47
|
-
"large": {
|
|
48
|
-
"size": string,
|
|
49
|
-
"lineBoxHeight": string,
|
|
50
|
-
"paddingBlock": string,
|
|
51
|
-
"paddingInline": {
|
|
52
|
-
"normal": string,
|
|
53
|
-
"spacious": string
|
|
54
|
-
},
|
|
55
|
-
"gap": string
|
|
56
|
-
},
|
|
57
|
-
"xlarge": {
|
|
58
|
-
"size": string,
|
|
59
|
-
"lineBoxHeight": string,
|
|
60
|
-
"paddingBlock": string,
|
|
61
|
-
"paddingInline": {
|
|
62
|
-
"normal": string,
|
|
63
|
-
"spacious": string
|
|
64
|
-
},
|
|
65
|
-
"gap": string
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
"stack": {
|
|
69
|
-
"padding": {
|
|
70
|
-
"condensed": string,
|
|
71
|
-
"normal": string,
|
|
72
|
-
"spacious": string
|
|
73
|
-
},
|
|
74
|
-
"gap": {
|
|
75
|
-
"condensed": string,
|
|
76
|
-
"normal": string,
|
|
77
|
-
"spacious": string
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"controlStack": {
|
|
81
|
-
"small": {
|
|
82
|
-
"gap": {
|
|
83
|
-
"condensed": string,
|
|
84
|
-
"spacious": string
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"medium": {
|
|
88
|
-
"gap": {
|
|
89
|
-
"condensed": string,
|
|
90
|
-
"spacious": string
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
"large": {
|
|
94
|
-
"gap": {
|
|
95
|
-
"auto": string,
|
|
96
|
-
"condensed": string,
|
|
97
|
-
"spacious": string
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
export default tokens;
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"fine": "1rem",
|
|
13
|
-
"coarse": "2.75rem"
|
|
14
|
-
},
|
|
15
|
-
"xsmall": {
|
|
16
|
-
"size": "1.5rem",
|
|
17
|
-
"lineBoxHeight": "1.25rem",
|
|
18
|
-
"paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
|
|
19
|
-
"paddingInline": {
|
|
20
|
-
"condensed": "0.25rem",
|
|
21
|
-
"normal": "0.5rem",
|
|
22
|
-
"spacious": "0.75rem"
|
|
23
|
-
},
|
|
24
|
-
"gap": "0.25rem"
|
|
25
|
-
},
|
|
26
|
-
"small": {
|
|
27
|
-
"size": "1.75rem",
|
|
28
|
-
"lineBoxHeight": "1.25rem",
|
|
29
|
-
"paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
|
|
30
|
-
"paddingInline": {
|
|
31
|
-
"condensed": "0.5rem",
|
|
32
|
-
"normal": "0.75rem"
|
|
33
|
-
},
|
|
34
|
-
"gap": "0.25rem"
|
|
35
|
-
},
|
|
36
|
-
"medium": {
|
|
37
|
-
"size": "2rem",
|
|
38
|
-
"lineBoxHeight": "1.25rem",
|
|
39
|
-
"paddingBlock": "calc((2rem - 1.25rem) / 2)",
|
|
40
|
-
"paddingInline": {
|
|
41
|
-
"condensed": "0.5rem",
|
|
42
|
-
"normal": "0.75rem",
|
|
43
|
-
"spacious": "1rem"
|
|
44
|
-
},
|
|
45
|
-
"gap": "0.5rem"
|
|
46
|
-
},
|
|
47
|
-
"large": {
|
|
48
|
-
"size": "2.5rem",
|
|
49
|
-
"lineBoxHeight": "1.25rem",
|
|
50
|
-
"paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
|
|
51
|
-
"paddingInline": {
|
|
52
|
-
"normal": "0.75rem",
|
|
53
|
-
"spacious": "1rem"
|
|
54
|
-
},
|
|
55
|
-
"gap": "0.5rem"
|
|
56
|
-
},
|
|
57
|
-
"xlarge": {
|
|
58
|
-
"size": "3rem",
|
|
59
|
-
"lineBoxHeight": "1.25rem",
|
|
60
|
-
"paddingBlock": "calc((3rem - 1.25rem) / 2)",
|
|
61
|
-
"paddingInline": {
|
|
62
|
-
"normal": "0.75rem",
|
|
63
|
-
"spacious": "1rem"
|
|
64
|
-
},
|
|
65
|
-
"gap": "0.5rem"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
"stack": {
|
|
69
|
-
"padding": {
|
|
70
|
-
"condensed": "0.5rem",
|
|
71
|
-
"normal": "1rem",
|
|
72
|
-
"spacious": "1.5rem"
|
|
73
|
-
},
|
|
74
|
-
"gap": {
|
|
75
|
-
"condensed": "0.5rem",
|
|
76
|
-
"normal": "1rem",
|
|
77
|
-
"spacious": "1.5rem"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"controlStack": {
|
|
81
|
-
"small": {
|
|
82
|
-
"gap": {
|
|
83
|
-
"condensed": "0.5rem",
|
|
84
|
-
"spacious": "1rem"
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"medium": {
|
|
88
|
-
"gap": {
|
|
89
|
-
"condensed": "0.5rem",
|
|
90
|
-
"spacious": "0.75rem"
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
"large": {
|
|
94
|
-
"gap": {
|
|
95
|
-
"auto": "0.5rem",
|
|
96
|
-
"condensed": "0.5rem",
|
|
97
|
-
"spacious": "0.75rem"
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"viewportRange": {
|
|
11
|
-
"narrow": string,
|
|
12
|
-
"narrowLandscape": string,
|
|
13
|
-
"regular": string,
|
|
14
|
-
"wide": string,
|
|
15
|
-
"portrait": string,
|
|
16
|
-
"landscape": string
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
export default tokens;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"viewportRange": {
|
|
11
|
-
"narrow": "(max-width: calc(48rem - 0.02px))",
|
|
12
|
-
"narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
|
|
13
|
-
"regular": "(min-width: 48rem)",
|
|
14
|
-
"wide": "(min-width: 90rem)",
|
|
15
|
-
"portrait": "(orientation: portrait)",
|
|
16
|
-
"landscape": "(orientation: landscape)"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"fontStack": {
|
|
11
|
-
"system": string,
|
|
12
|
-
"sansSerif": string,
|
|
13
|
-
"monospace": string
|
|
14
|
-
},
|
|
15
|
-
"text": {
|
|
16
|
-
"display": {
|
|
17
|
-
"lineBoxHeight": string,
|
|
18
|
-
"size": string,
|
|
19
|
-
"lineHeight": string,
|
|
20
|
-
"weight": string,
|
|
21
|
-
"shorthand": {
|
|
22
|
-
"fontWeight": string,
|
|
23
|
-
"fontSize": string,
|
|
24
|
-
"lineHeight": string,
|
|
25
|
-
"fontFamily": string
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"title": {
|
|
29
|
-
"size": {
|
|
30
|
-
"large": string,
|
|
31
|
-
"medium": string
|
|
32
|
-
},
|
|
33
|
-
"lineHeight": {
|
|
34
|
-
"large": string,
|
|
35
|
-
"medium": string
|
|
36
|
-
},
|
|
37
|
-
"weight": string,
|
|
38
|
-
"shorthand": {
|
|
39
|
-
"large": {
|
|
40
|
-
"fontWeight": string,
|
|
41
|
-
"fontSize": string,
|
|
42
|
-
"lineHeight": string,
|
|
43
|
-
"fontFamily": string
|
|
44
|
-
},
|
|
45
|
-
"medium": {
|
|
46
|
-
"fontWeight": string,
|
|
47
|
-
"fontSize": string,
|
|
48
|
-
"lineHeight": string,
|
|
49
|
-
"fontFamily": string
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"subtitle": {
|
|
54
|
-
"size": string,
|
|
55
|
-
"lineHeight": string,
|
|
56
|
-
"weight": string,
|
|
57
|
-
"shorthand": {
|
|
58
|
-
"fontWeight": string,
|
|
59
|
-
"fontSize": string,
|
|
60
|
-
"lineHeight": string,
|
|
61
|
-
"fontFamily": string
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
"body": {
|
|
65
|
-
"size": {
|
|
66
|
-
"large": string,
|
|
67
|
-
"medium": string,
|
|
68
|
-
"small": string
|
|
69
|
-
},
|
|
70
|
-
"lineHeight": {
|
|
71
|
-
"large": string,
|
|
72
|
-
"medium": string,
|
|
73
|
-
"small": string
|
|
74
|
-
},
|
|
75
|
-
"weight": string,
|
|
76
|
-
"shorthand": {
|
|
77
|
-
"large": {
|
|
78
|
-
"fontWeight": string,
|
|
79
|
-
"fontSize": string,
|
|
80
|
-
"lineHeight": string,
|
|
81
|
-
"fontFamily": string
|
|
82
|
-
},
|
|
83
|
-
"medium": {
|
|
84
|
-
"fontWeight": string,
|
|
85
|
-
"fontSize": string,
|
|
86
|
-
"lineHeight": string,
|
|
87
|
-
"fontFamily": string
|
|
88
|
-
},
|
|
89
|
-
"small": {
|
|
90
|
-
"fontWeight": string,
|
|
91
|
-
"fontSize": string,
|
|
92
|
-
"lineHeight": string,
|
|
93
|
-
"fontFamily": string
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
"caption": {
|
|
98
|
-
"size": string,
|
|
99
|
-
"lineHeight": string,
|
|
100
|
-
"weight": string,
|
|
101
|
-
"shorthand": {
|
|
102
|
-
"fontWeight": string,
|
|
103
|
-
"fontSize": string,
|
|
104
|
-
"lineHeight": string,
|
|
105
|
-
"fontFamily": string
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
"codeBlock": {
|
|
109
|
-
"size": string,
|
|
110
|
-
"lineHeight": string,
|
|
111
|
-
"weight": string,
|
|
112
|
-
"shorthand": {
|
|
113
|
-
"fontWeight": string,
|
|
114
|
-
"fontSize": string,
|
|
115
|
-
"lineHeight": string,
|
|
116
|
-
"fontFamily": string
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
"codeInline": {
|
|
120
|
-
"size": string,
|
|
121
|
-
"weight": string,
|
|
122
|
-
"shorthand": {
|
|
123
|
-
"fontWeight": string,
|
|
124
|
-
"fontSize": string,
|
|
125
|
-
"fontFamily": string
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
export default tokens;
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024 08:11:38 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"fontStack": {
|
|
11
|
-
"system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
12
|
-
"sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
13
|
-
"monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
|
|
14
|
-
},
|
|
15
|
-
"text": {
|
|
16
|
-
"display": {
|
|
17
|
-
"lineBoxHeight": "3.5rem",
|
|
18
|
-
"size": "2.5rem",
|
|
19
|
-
"lineHeight": "calc(56/40)",
|
|
20
|
-
"weight": "500",
|
|
21
|
-
"shorthand": {
|
|
22
|
-
"fontWeight": "500",
|
|
23
|
-
"fontSize": "2.5rem",
|
|
24
|
-
"lineHeight": "calc(56/40)",
|
|
25
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"title": {
|
|
29
|
-
"size": {
|
|
30
|
-
"large": "2rem",
|
|
31
|
-
"medium": "1.25rem"
|
|
32
|
-
},
|
|
33
|
-
"lineHeight": {
|
|
34
|
-
"large": "calc(48/32)",
|
|
35
|
-
"medium": "calc(32/20)"
|
|
36
|
-
},
|
|
37
|
-
"weight": "600",
|
|
38
|
-
"shorthand": {
|
|
39
|
-
"large": {
|
|
40
|
-
"fontWeight": "600",
|
|
41
|
-
"fontSize": "2rem",
|
|
42
|
-
"lineHeight": "calc(48/32)",
|
|
43
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
44
|
-
},
|
|
45
|
-
"medium": {
|
|
46
|
-
"fontWeight": "600",
|
|
47
|
-
"fontSize": "1.25rem",
|
|
48
|
-
"lineHeight": "calc(32/20)",
|
|
49
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"subtitle": {
|
|
54
|
-
"size": "1.25rem",
|
|
55
|
-
"lineHeight": "calc(32/20)",
|
|
56
|
-
"weight": "400",
|
|
57
|
-
"shorthand": {
|
|
58
|
-
"fontWeight": "400",
|
|
59
|
-
"fontSize": "1.25rem",
|
|
60
|
-
"lineHeight": "calc(32/20)",
|
|
61
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
"body": {
|
|
65
|
-
"size": {
|
|
66
|
-
"large": "1rem",
|
|
67
|
-
"medium": "0.875rem",
|
|
68
|
-
"small": "0.75rem"
|
|
69
|
-
},
|
|
70
|
-
"lineHeight": {
|
|
71
|
-
"large": "calc(24/16)",
|
|
72
|
-
"medium": "calc(20/14)",
|
|
73
|
-
"small": "calc(20/12)"
|
|
74
|
-
},
|
|
75
|
-
"weight": "400",
|
|
76
|
-
"shorthand": {
|
|
77
|
-
"large": {
|
|
78
|
-
"fontWeight": "400",
|
|
79
|
-
"fontSize": "1rem",
|
|
80
|
-
"lineHeight": "calc(24/16)",
|
|
81
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
82
|
-
},
|
|
83
|
-
"medium": {
|
|
84
|
-
"fontWeight": "400",
|
|
85
|
-
"fontSize": "0.875rem",
|
|
86
|
-
"lineHeight": "calc(20/14)",
|
|
87
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
88
|
-
},
|
|
89
|
-
"small": {
|
|
90
|
-
"fontWeight": "400",
|
|
91
|
-
"fontSize": "0.75rem",
|
|
92
|
-
"lineHeight": "calc(20/12)",
|
|
93
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
"caption": {
|
|
98
|
-
"size": "0.75rem",
|
|
99
|
-
"lineHeight": "calc(16/12)",
|
|
100
|
-
"weight": "400",
|
|
101
|
-
"shorthand": {
|
|
102
|
-
"fontWeight": "400",
|
|
103
|
-
"fontSize": "0.75rem",
|
|
104
|
-
"lineHeight": "calc(16/12)",
|
|
105
|
-
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
"codeBlock": {
|
|
109
|
-
"size": "0.8125rem",
|
|
110
|
-
"lineHeight": "calc(20/13)",
|
|
111
|
-
"weight": "400",
|
|
112
|
-
"shorthand": {
|
|
113
|
-
"fontWeight": "400",
|
|
114
|
-
"fontSize": "0.8125rem",
|
|
115
|
-
"lineHeight": "calc(20/13)",
|
|
116
|
-
"fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
"codeInline": {
|
|
120
|
-
"size": "0.9285em",
|
|
121
|
-
"weight": "400",
|
|
122
|
-
"shorthand": {
|
|
123
|
-
"fontWeight": "400",
|
|
124
|
-
"fontSize": "0.9285em",
|
|
125
|
-
"fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|