@primer/primitives 7.17.0-rc.132f02a7 → 7.17.0-rc.34cd1021

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 (162) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +223 -78
  14. package/dist/docs/functional/themes/dark-dimmed.json +218 -73
  15. package/dist/docs/functional/themes/dark-high-contrast.json +220 -75
  16. package/dist/docs/functional/themes/dark-tritanopia.json +223 -78
  17. package/dist/docs/functional/themes/dark.json +218 -73
  18. package/dist/docs/functional/themes/light-colorblind.json +221 -76
  19. package/dist/docs/functional/themes/light-high-contrast.json +215 -70
  20. package/dist/docs/functional/themes/light-tritanopia.json +221 -76
  21. package/dist/docs/functional/themes/light.json +216 -71
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/scales/dark-dimmed.json +20 -20
  26. package/dist/figma/scales/dark-high-constrast.json +20 -20
  27. package/dist/figma/scales/dark.json +20 -20
  28. package/dist/figma/scales/light-high-constrast.json +20 -20
  29. package/dist/figma/scales/light.json +20 -20
  30. package/dist/figma/themes/dark-colorblind.json +150 -70
  31. package/dist/figma/themes/dark-dimmed.json +145 -65
  32. package/dist/figma/themes/dark-high-contrast.json +149 -69
  33. package/dist/figma/themes/dark-tritanopia.json +150 -70
  34. package/dist/figma/themes/dark.json +145 -65
  35. package/dist/figma/themes/light-colorblind.json +139 -59
  36. package/dist/figma/themes/light-high-contrast.json +135 -55
  37. package/dist/figma/themes/light-tritanopia.json +139 -59
  38. package/dist/figma/themes/light.json +134 -54
  39. package/dist/figma/typography/typography.json +370 -0
  40. package/dist/internalCss/dark-colorblind.css +30 -20
  41. package/dist/internalCss/dark-dimmed.css +30 -20
  42. package/dist/internalCss/dark-high-contrast.css +30 -20
  43. package/dist/internalCss/dark-tritanopia.css +30 -20
  44. package/dist/internalCss/dark.css +30 -20
  45. package/dist/internalCss/light-colorblind.css +30 -20
  46. package/dist/internalCss/light-high-contrast.css +30 -20
  47. package/dist/internalCss/light-tritanopia.css +30 -20
  48. package/dist/internalCss/light.css +30 -20
  49. package/dist/styleLint/base/typography/typography.json +52 -4
  50. package/dist/styleLint/functional/themes/dark-colorblind.json +223 -78
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +218 -73
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +220 -75
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +223 -78
  54. package/dist/styleLint/functional/themes/dark.json +218 -73
  55. package/dist/styleLint/functional/themes/light-colorblind.json +221 -76
  56. package/dist/styleLint/functional/themes/light-high-contrast.json +215 -70
  57. package/dist/styleLint/functional/themes/light-tritanopia.json +221 -76
  58. package/dist/styleLint/functional/themes/light.json +216 -71
  59. package/dist/styleLint/functional/typography/typography.json +494 -36
  60. package/package.json +4 -11
  61. package/src/PrimerStyleDictionary.ts +12 -0
  62. package/src/filters/index.ts +1 -0
  63. package/src/filters/isNumber.ts +8 -0
  64. package/src/formats/jsonFigma.ts +1 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/numberToken.ts +17 -0
  67. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  68. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  69. package/src/tokens/base/color/dark/dark.json5 +1 -1
  70. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  71. package/src/tokens/base/color/light/light.json5 +1 -1
  72. package/src/tokens/base/typography/typography.json +28 -4
  73. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  74. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  75. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  76. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  77. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  78. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  79. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  80. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  81. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  82. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  83. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  84. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  85. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  86. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  87. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  88. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  89. package/src/tokens/functional/shadow/dark.json5 +1 -1
  90. package/src/tokens/functional/shadow/light.json5 +11 -11
  91. package/src/tokens/functional/typography/typography.json +263 -34
  92. package/src/transformers/floatToPixel.ts +33 -0
  93. package/src/transformers/fontFamilyToCss.ts +3 -4
  94. package/src/transformers/fontFamilyToFigma.ts +47 -0
  95. package/src/transformers/index.ts +2 -0
  96. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  97. package/build.js +0 -578
  98. package/tokens/base/size/size.json +0 -57
  99. package/tokens/base/typography/typography.json +0 -20
  100. package/tokens/functional/size/border.json +0 -48
  101. package/tokens/functional/size/breakpoints.json +0 -24
  102. package/tokens/functional/size/size-coarse.json +0 -27
  103. package/tokens/functional/size/size-fine.json +0 -27
  104. package/tokens/functional/size/size.json +0 -189
  105. package/tokens/functional/size/viewport.json +0 -24
  106. package/tokens/functional/typography/typography.json +0 -213
  107. package/tokens/removed/color.json +0 -421
  108. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  115. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  116. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  117. package/tokens-v2-private/docs/docValues.json +0 -2209
  118. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  119. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  120. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  121. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  122. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  123. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  124. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  125. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  126. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  127. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  128. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  129. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  130. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  131. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  132. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  133. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  134. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  135. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  136. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  137. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  138. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  139. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  140. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  141. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  142. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  143. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  144. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  145. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  146. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  147. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  148. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  149. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  150. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  151. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  152. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  153. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  154. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  155. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  156. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  157. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  158. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  159. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  160. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  161. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  162. 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:59:04 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:59:04 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:59:04 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:59:04 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:59:04 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:59:04 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:59:04 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:59:04 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
- }