@primer/primitives 9.1.2 → 10.0.0-rc.6651a0c1

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 (298) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  2. package/dist/css/functional/themes/dark-high-contrast.css +20 -20
  3. package/dist/css/functional/themes/light-high-contrast.css +14 -14
  4. package/dist/css/functional/typography/typography.css +20 -20
  5. package/dist/css/primitives.css +20 -20
  6. package/dist/docs/base/size/size.json +76 -76
  7. package/dist/docs/base/typography/typography.json +16 -16
  8. package/dist/docs/functional/motion/motion.json +18 -18
  9. package/dist/docs/functional/size/border.json +56 -56
  10. package/dist/docs/functional/size/breakpoints.json +24 -24
  11. package/dist/docs/functional/size/size-coarse.json +12 -12
  12. package/dist/docs/functional/size/size-fine.json +12 -12
  13. package/dist/docs/functional/size/size.json +264 -264
  14. package/dist/docs/functional/size/viewport.json +24 -24
  15. package/dist/docs/functional/themes/dark-colorblind.json +2310 -3186
  16. package/dist/docs/functional/themes/dark-dimmed.json +2300 -2794
  17. package/dist/docs/functional/themes/dark-high-contrast.json +2520 -5038
  18. package/dist/docs/functional/themes/dark-tritanopia.json +2351 -3003
  19. package/dist/docs/functional/themes/dark.json +2270 -2270
  20. package/dist/docs/functional/themes/light-colorblind.json +2298 -3124
  21. package/dist/docs/functional/themes/light-high-contrast.json +2419 -4645
  22. package/dist/docs/functional/themes/light-tritanopia.json +2330 -2990
  23. package/dist/docs/functional/themes/light.json +2260 -2260
  24. package/dist/docs/functional/typography/typography.json +206 -206
  25. package/dist/figma/dimension/dimension.json +489 -489
  26. package/dist/figma/figma.json +11 -3
  27. package/dist/figma/scales/dark-dimmed.json +38 -38
  28. package/dist/figma/scales/dark-high-constrast.json +38 -38
  29. package/dist/figma/scales/dark.json +35 -35
  30. package/dist/figma/scales/light-high-constrast.json +40 -40
  31. package/dist/figma/scales/light.json +40 -40
  32. package/dist/figma/shadows/dark-colorblind.json +280 -280
  33. package/dist/figma/shadows/dark-dimmed.json +280 -280
  34. package/dist/figma/shadows/dark-high-contrast.json +280 -280
  35. package/dist/figma/shadows/dark-tritanopia.json +280 -280
  36. package/dist/figma/shadows/dark.json +280 -280
  37. package/dist/figma/shadows/light-colorblind.json +281 -281
  38. package/dist/figma/shadows/light-high-contrast.json +281 -281
  39. package/dist/figma/shadows/light-tritanopia.json +281 -281
  40. package/dist/figma/shadows/light.json +281 -281
  41. package/dist/figma/themes/dark-colorblind.json +4991 -5854
  42. package/dist/figma/themes/dark-dimmed.json +5314 -5799
  43. package/dist/figma/themes/dark-high-contrast.json +4210 -6679
  44. package/dist/figma/themes/dark-tritanopia.json +5165 -5817
  45. package/dist/figma/themes/dark.json +5534 -5537
  46. package/dist/figma/themes/light-colorblind.json +4857 -5669
  47. package/dist/figma/themes/light-high-contrast.json +4198 -6372
  48. package/dist/figma/themes/light-tritanopia.json +4901 -5529
  49. package/dist/figma/themes/light.json +5349 -5349
  50. package/dist/figma/typography/typography.json +112 -156
  51. package/dist/internalCss/dark-colorblind.css +4 -4
  52. package/dist/internalCss/dark-high-contrast.css +20 -20
  53. package/dist/internalCss/light-high-contrast.css +14 -14
  54. package/dist/styleLint/base/size/size.json +38 -38
  55. package/dist/styleLint/base/typography/typography.json +8 -8
  56. package/dist/styleLint/functional/motion/motion.json +12 -12
  57. package/dist/styleLint/functional/size/border.json +30 -30
  58. package/dist/styleLint/functional/size/breakpoints.json +12 -12
  59. package/dist/styleLint/functional/size/size-coarse.json +6 -6
  60. package/dist/styleLint/functional/size/size-fine.json +6 -6
  61. package/dist/styleLint/functional/size/size.json +132 -132
  62. package/dist/styleLint/functional/size/viewport.json +12 -12
  63. package/dist/styleLint/functional/themes/dark-colorblind.json +1171 -2047
  64. package/dist/styleLint/functional/themes/dark-dimmed.json +1160 -1654
  65. package/dist/styleLint/functional/themes/dark-high-contrast.json +1307 -3825
  66. package/dist/styleLint/functional/themes/dark-tritanopia.json +1232 -1884
  67. package/dist/styleLint/functional/themes/dark.json +1140 -1140
  68. package/dist/styleLint/functional/themes/light-colorblind.json +1198 -2024
  69. package/dist/styleLint/functional/themes/light-high-contrast.json +1270 -3496
  70. package/dist/styleLint/functional/themes/light-tritanopia.json +1205 -1865
  71. package/dist/styleLint/functional/themes/light.json +1130 -1130
  72. package/dist/styleLint/functional/typography/typography.json +114 -114
  73. package/package.json +18 -10
  74. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +4 -4
  75. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +6 -0
  76. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +21 -3
  77. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  78. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -1
  79. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +4 -1
  80. package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
  81. package/dist/build/PrimerStyleDictionary.d.ts +0 -9
  82. package/dist/build/PrimerStyleDictionary.js +0 -92
  83. package/dist/build/filters/index.d.ts +0 -13
  84. package/dist/build/filters/index.js +0 -29
  85. package/dist/build/filters/isBorder.d.ts +0 -7
  86. package/dist/build/filters/isBorder.js +0 -12
  87. package/dist/build/filters/isColor.d.ts +0 -7
  88. package/dist/build/filters/isColor.js +0 -12
  89. package/dist/build/filters/isColorWithAlpha.d.ts +0 -7
  90. package/dist/build/filters/isColorWithAlpha.js +0 -13
  91. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  92. package/dist/build/filters/isColorWithMix.js +0 -28
  93. package/dist/build/filters/isDeprecated.d.ts +0 -7
  94. package/dist/build/filters/isDeprecated.js +0 -12
  95. package/dist/build/filters/isDimension.d.ts +0 -7
  96. package/dist/build/filters/isDimension.js +0 -12
  97. package/dist/build/filters/isDuration.d.ts +0 -7
  98. package/dist/build/filters/isDuration.js +0 -12
  99. package/dist/build/filters/isFontFamily.d.ts +0 -7
  100. package/dist/build/filters/isFontFamily.js +0 -12
  101. package/dist/build/filters/isFontWeight.d.ts +0 -7
  102. package/dist/build/filters/isFontWeight.js +0 -12
  103. package/dist/build/filters/isFromFile.d.ts +0 -8
  104. package/dist/build/filters/isFromFile.js +0 -14
  105. package/dist/build/filters/isNumber.d.ts +0 -7
  106. package/dist/build/filters/isNumber.js +0 -10
  107. package/dist/build/filters/isShadow.d.ts +0 -7
  108. package/dist/build/filters/isShadow.js +0 -12
  109. package/dist/build/filters/isSource.d.ts +0 -7
  110. package/dist/build/filters/isSource.js +0 -12
  111. package/dist/build/filters/isTypography.d.ts +0 -7
  112. package/dist/build/filters/isTypography.js +0 -12
  113. package/dist/build/formats/cssAdvanced.d.ts +0 -2
  114. package/dist/build/formats/cssAdvanced.js +0 -84
  115. package/dist/build/formats/cssCustomMedia.d.ts +0 -7
  116. package/dist/build/formats/cssCustomMedia.js +0 -25
  117. package/dist/build/formats/index.d.ts +0 -9
  118. package/dist/build/formats/index.js +0 -21
  119. package/dist/build/formats/javascriptCommonJs.d.ts +0 -7
  120. package/dist/build/formats/javascriptCommonJs.js +0 -25
  121. package/dist/build/formats/javascriptEsm.d.ts +0 -7
  122. package/dist/build/formats/javascriptEsm.js +0 -25
  123. package/dist/build/formats/jsonFigma.d.ts +0 -7
  124. package/dist/build/formats/jsonFigma.js +0 -116
  125. package/dist/build/formats/jsonNestedPrefixed.d.ts +0 -8
  126. package/dist/build/formats/jsonNestedPrefixed.js +0 -28
  127. package/dist/build/formats/jsonOneDimensional.d.ts +0 -8
  128. package/dist/build/formats/jsonOneDimensional.js +0 -24
  129. package/dist/build/formats/jsonPostCssFallback.d.ts +0 -8
  130. package/dist/build/formats/jsonPostCssFallback.js +0 -21
  131. package/dist/build/formats/typescriptExportDefinition.d.ts +0 -7
  132. package/dist/build/formats/typescriptExportDefinition.js +0 -166
  133. package/dist/build/formats/utilities/jsonToFlat.d.ts +0 -11
  134. package/dist/build/formats/utilities/jsonToFlat.js +0 -12
  135. package/dist/build/formats/utilities/jsonToNestedValue.d.ts +0 -8
  136. package/dist/build/formats/utilities/jsonToNestedValue.js +0 -25
  137. package/dist/build/formats/utilities/prefixTokens.d.ts +0 -8
  138. package/dist/build/formats/utilities/prefixTokens.js +0 -17
  139. package/dist/build/parsers/index.d.ts +0 -1
  140. package/dist/build/parsers/index.js +0 -5
  141. package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
  142. package/dist/build/parsers/w3cJsonParser.js +0 -27
  143. package/dist/build/platforms/css.d.ts +0 -2
  144. package/dist/build/platforms/css.js +0 -87
  145. package/dist/build/platforms/deprecatedJson.d.ts +0 -2
  146. package/dist/build/platforms/deprecatedJson.js +0 -17
  147. package/dist/build/platforms/docJson.d.ts +0 -2
  148. package/dist/build/platforms/docJson.js +0 -34
  149. package/dist/build/platforms/fallbacks.d.ts +0 -2
  150. package/dist/build/platforms/fallbacks.js +0 -34
  151. package/dist/build/platforms/figma.d.ts +0 -2
  152. package/dist/build/platforms/figma.js +0 -53
  153. package/dist/build/platforms/index.d.ts +0 -10
  154. package/dist/build/platforms/index.js +0 -23
  155. package/dist/build/platforms/javascript.d.ts +0 -2
  156. package/dist/build/platforms/javascript.js +0 -30
  157. package/dist/build/platforms/json.d.ts +0 -2
  158. package/dist/build/platforms/json.js +0 -32
  159. package/dist/build/platforms/styleLint.d.ts +0 -2
  160. package/dist/build/platforms/styleLint.js +0 -34
  161. package/dist/build/platforms/typeDefinitions.d.ts +0 -2
  162. package/dist/build/platforms/typeDefinitions.js +0 -30
  163. package/dist/build/platforms/typescript.d.ts +0 -2
  164. package/dist/build/platforms/typescript.js +0 -30
  165. package/dist/build/schemas/alphaValue.d.ts +0 -2
  166. package/dist/build/schemas/alphaValue.js +0 -8
  167. package/dist/build/schemas/baseToken.d.ts +0 -11
  168. package/dist/build/schemas/baseToken.js +0 -10
  169. package/dist/build/schemas/borderToken.d.ts +0 -51
  170. package/dist/build/schemas/borderToken.js +0 -20
  171. package/dist/build/schemas/collections.d.ts +0 -6
  172. package/dist/build/schemas/collections.js +0 -18
  173. package/dist/build/schemas/colorHexValue.d.ts +0 -2
  174. package/dist/build/schemas/colorHexValue.js +0 -12
  175. package/dist/build/schemas/colorToken.d.ts +0 -80
  176. package/dist/build/schemas/colorToken.js +0 -52
  177. package/dist/build/schemas/designToken.d.ts +0 -2
  178. package/dist/build/schemas/designToken.js +0 -37
  179. package/dist/build/schemas/dimensionToken.d.ts +0 -52
  180. package/dist/build/schemas/dimensionToken.js +0 -36
  181. package/dist/build/schemas/dimensionValue.d.ts +0 -2
  182. package/dist/build/schemas/dimensionValue.js +0 -12
  183. package/dist/build/schemas/durationToken.d.ts +0 -18
  184. package/dist/build/schemas/durationToken.js +0 -14
  185. package/dist/build/schemas/durationValue.d.ts +0 -2
  186. package/dist/build/schemas/durationValue.js +0 -8
  187. package/dist/build/schemas/fontFamilyToken.d.ts +0 -52
  188. package/dist/build/schemas/fontFamilyToken.js +0 -23
  189. package/dist/build/schemas/fontWeightToken.d.ts +0 -52
  190. package/dist/build/schemas/fontWeightToken.js +0 -24
  191. package/dist/build/schemas/fontWeightValue.d.ts +0 -2
  192. package/dist/build/schemas/fontWeightValue.js +0 -9
  193. package/dist/build/schemas/numberToken.d.ts +0 -71
  194. package/dist/build/schemas/numberToken.js +0 -30
  195. package/dist/build/schemas/referenceValue.d.ts +0 -2
  196. package/dist/build/schemas/referenceValue.js +0 -8
  197. package/dist/build/schemas/scopes.d.ts +0 -5
  198. package/dist/build/schemas/scopes.js +0 -34
  199. package/dist/build/schemas/shadowToken.d.ts +0 -157
  200. package/dist/build/schemas/shadowToken.js +0 -46
  201. package/dist/build/schemas/stringToken.d.ts +0 -18
  202. package/dist/build/schemas/stringToken.js +0 -13
  203. package/dist/build/schemas/tokenName.d.ts +0 -2
  204. package/dist/build/schemas/tokenName.js +0 -8
  205. package/dist/build/schemas/tokenType.d.ts +0 -3
  206. package/dist/build/schemas/tokenType.js +0 -6
  207. package/dist/build/schemas/typographyToken.d.ts +0 -59
  208. package/dist/build/schemas/typographyToken.js +0 -21
  209. package/dist/build/schemas/validTokenType.d.ts +0 -5
  210. package/dist/build/schemas/validTokenType.js +0 -34
  211. package/dist/build/schemas/viewportRangeToken.d.ts +0 -18
  212. package/dist/build/schemas/viewportRangeToken.js +0 -13
  213. package/dist/build/transformers/borderToCss.d.ts +0 -8
  214. package/dist/build/transformers/borderToCss.js +0 -38
  215. package/dist/build/transformers/colorToHex.d.ts +0 -8
  216. package/dist/build/transformers/colorToHex.js +0 -26
  217. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  218. package/dist/build/transformers/colorToHexMix.js +0 -25
  219. package/dist/build/transformers/colorToRgbAlpha.d.ts +0 -8
  220. package/dist/build/transformers/colorToRgbAlpha.js +0 -22
  221. package/dist/build/transformers/colorToRgbaFloat.d.ts +0 -8
  222. package/dist/build/transformers/colorToRgbaFloat.js +0 -50
  223. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +0 -8
  224. package/dist/build/transformers/dimensionToPixelUnitless.js +0 -50
  225. package/dist/build/transformers/dimensionToRem.d.ts +0 -8
  226. package/dist/build/transformers/dimensionToRem.js +0 -47
  227. package/dist/build/transformers/dimensionToRemPxArray.d.ts +0 -8
  228. package/dist/build/transformers/dimensionToRemPxArray.js +0 -47
  229. package/dist/build/transformers/durationToCss.d.ts +0 -8
  230. package/dist/build/transformers/durationToCss.js +0 -30
  231. package/dist/build/transformers/figmaAttributes.d.ts +0 -8
  232. package/dist/build/transformers/figmaAttributes.js +0 -57
  233. package/dist/build/transformers/floatToPixel.d.ts +0 -15
  234. package/dist/build/transformers/floatToPixel.js +0 -41
  235. package/dist/build/transformers/fontFamilyToCss.d.ts +0 -14
  236. package/dist/build/transformers/fontFamilyToCss.js +0 -40
  237. package/dist/build/transformers/fontFamilyToFigma.d.ts +0 -14
  238. package/dist/build/transformers/fontFamilyToFigma.js +0 -46
  239. package/dist/build/transformers/fontWeightToNumber.d.ts +0 -9
  240. package/dist/build/transformers/fontWeightToNumber.js +0 -53
  241. package/dist/build/transformers/index.d.ts +0 -24
  242. package/dist/build/transformers/index.js +0 -51
  243. package/dist/build/transformers/jsonDeprecated.d.ts +0 -8
  244. package/dist/build/transformers/jsonDeprecated.js +0 -16
  245. package/dist/build/transformers/namePathToCamelCase.d.ts +0 -8
  246. package/dist/build/transformers/namePathToCamelCase.js +0 -14
  247. package/dist/build/transformers/namePathToDotNotation.d.ts +0 -8
  248. package/dist/build/transformers/namePathToDotNotation.js +0 -33
  249. package/dist/build/transformers/namePathToFigma.d.ts +0 -9
  250. package/dist/build/transformers/namePathToFigma.js +0 -24
  251. package/dist/build/transformers/namePathToKebabCase.d.ts +0 -8
  252. package/dist/build/transformers/namePathToKebabCase.js +0 -18
  253. package/dist/build/transformers/namePathToPascalCase.d.ts +0 -8
  254. package/dist/build/transformers/namePathToPascalCase.js +0 -14
  255. package/dist/build/transformers/namePathToSlashNotation.d.ts +0 -8
  256. package/dist/build/transformers/namePathToSlashNotation.js +0 -18
  257. package/dist/build/transformers/shadowToCss.d.ts +0 -8
  258. package/dist/build/transformers/shadowToCss.js +0 -35
  259. package/dist/build/transformers/typographyToCss.d.ts +0 -8
  260. package/dist/build/transformers/typographyToCss.js +0 -29
  261. package/dist/build/transformers/utilities/alpha.d.ts +0 -9
  262. package/dist/build/transformers/utilities/alpha.js +0 -20
  263. package/dist/build/transformers/utilities/checkRequiredTokenProperties.d.ts +0 -7
  264. package/dist/build/transformers/utilities/checkRequiredTokenProperties.js +0 -17
  265. package/dist/build/transformers/utilities/getTokenValue.d.ts +0 -2
  266. package/dist/build/transformers/utilities/getTokenValue.js +0 -18
  267. package/dist/build/transformers/utilities/hasSpaceInString.d.ts +0 -1
  268. package/dist/build/transformers/utilities/hasSpaceInString.js +0 -10
  269. package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts +0 -2
  270. package/dist/build/transformers/utilities/hexToRgbaFloat.js +0 -33
  271. package/dist/build/transformers/utilities/invalidTokenError.d.ts +0 -7
  272. package/dist/build/transformers/utilities/invalidTokenError.js +0 -26
  273. package/dist/build/transformers/utilities/isRgbaFloat.d.ts +0 -7
  274. package/dist/build/transformers/utilities/isRgbaFloat.js +0 -24
  275. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  276. package/dist/build/transformers/utilities/mix.js +0 -40
  277. package/dist/build/transformers/utilities/rgbaFloatToHex.d.ts +0 -6
  278. package/dist/build/transformers/utilities/rgbaFloatToHex.js +0 -15
  279. package/dist/build/utilities/copyFromDir.d.ts +0 -8
  280. package/dist/build/utilities/copyFromDir.js +0 -34
  281. package/dist/build/utilities/filterStringArray.d.ts +0 -1
  282. package/dist/build/utilities/filterStringArray.js +0 -17
  283. package/dist/build/utilities/getFlag.d.ts +0 -8
  284. package/dist/build/utilities/getFlag.js +0 -16
  285. package/dist/build/utilities/index.d.ts +0 -3
  286. package/dist/build/utilities/index.js +0 -9
  287. package/dist/build/utilities/joinFriendly.d.ts +0 -1
  288. package/dist/build/utilities/joinFriendly.js +0 -5
  289. package/dist/build/utilities/schemaErrorMessage.d.ts +0 -1
  290. package/dist/build/utilities/schemaErrorMessage.js +0 -5
  291. package/dist/build/utilities/toCamelCase.d.ts +0 -1
  292. package/dist/build/utilities/toCamelCase.js +0 -20
  293. package/dist/build/utilities/toPascalCase.d.ts +0 -1
  294. package/dist/build/utilities/toPascalCase.js +0 -17
  295. package/dist/build/utilities/treeWalker.d.ts +0 -8
  296. package/dist/build/utilities/treeWalker.js +0 -27
  297. package/dist/build/utilities/upperCaseFirstCharacter.d.ts +0 -8
  298. package/dist/build/utilities/upperCaseFirstCharacter.js +0 -14
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -264,11 +264,11 @@
264
264
  --button-outline-borderColor-hover: #3d444d;
265
265
  --button-outline-borderColor-selected: #3d444d;
266
266
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
267
- --button-danger-fgColor-rest: #e6713e;
267
+ --button-danger-fgColor-rest: #db6d28;
268
268
  --button-danger-fgColor-hover: #ffffff;
269
269
  --button-danger-fgColor-active: #ffffff;
270
270
  --button-danger-fgColor-disabled: #db6d2880;
271
- --button-danger-iconColor-rest: #e6713e;
271
+ --button-danger-iconColor-rest: #db6d28;
272
272
  --button-danger-iconColor-hover: #ffffff;
273
273
  --button-danger-bgColor-rest: #212830;
274
274
  --button-danger-bgColor-hover: #9b4215;
@@ -833,11 +833,11 @@
833
833
  --button-outline-borderColor-hover: #3d444d;
834
834
  --button-outline-borderColor-selected: #3d444d;
835
835
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
836
- --button-danger-fgColor-rest: #e6713e;
836
+ --button-danger-fgColor-rest: #db6d28;
837
837
  --button-danger-fgColor-hover: #ffffff;
838
838
  --button-danger-fgColor-active: #ffffff;
839
839
  --button-danger-fgColor-disabled: #db6d2880;
840
- --button-danger-iconColor-rest: #e6713e;
840
+ --button-danger-iconColor-rest: #db6d28;
841
841
  --button-danger-iconColor-hover: #ffffff;
842
842
  --button-danger-bgColor-rest: #212830;
843
843
  --button-danger-bgColor-hover: #9b4215;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -169,7 +169,7 @@
169
169
  --control-bgColor-selected: #262c36;
170
170
  --control-fgColor-rest: #ffffff;
171
171
  --control-fgColor-placeholder: #b7bdc8;
172
- --control-fgColor-disabled: #9198a199;
172
+ --control-fgColor-disabled: #656c76;
173
173
  --control-borderColor-rest: #b7bdc8;
174
174
  --control-borderColor-emphasis: #b7bdc8;
175
175
  --control-borderColor-disabled: #9198a11f;
@@ -193,21 +193,21 @@
193
193
  --control-checked-bgColor-rest: #194fb1;
194
194
  --control-checked-bgColor-hover: #2b64c1;
195
195
  --control-checked-bgColor-active: #3c79d0;
196
- --control-checked-bgColor-disabled: #9198a199;
196
+ --control-checked-bgColor-disabled: #656c76;
197
197
  --control-checked-fgColor-rest: #ffffff;
198
198
  --control-checked-fgColor-disabled: #010409;
199
199
  --control-checked-borderColor-rest: #91cbff;
200
200
  --control-checked-borderColor-hover: #91cbff;
201
201
  --control-checked-borderColor-active: #91cbff;
202
- --control-checked-borderColor-disabled: #9198a199;
202
+ --control-checked-borderColor-disabled: #656c76;
203
203
  --controlTrack-bgColor-rest: #2a313c;
204
204
  --controlTrack-bgColor-hover: #2f3742;
205
205
  --controlTrack-bgColor-active: #3d444d;
206
- --controlTrack-bgColor-disabled: #9198a199;
206
+ --controlTrack-bgColor-disabled: #656c76;
207
207
  --controlTrack-fgColor-rest: #ffffff;
208
208
  --controlTrack-fgColor-disabled: #ffffff;
209
209
  --controlTrack-borderColor-rest: #b7bdc8;
210
- --controlTrack-borderColor-disabled: #9198a199;
210
+ --controlTrack-borderColor-disabled: #656c76;
211
211
  --controlKnob-bgColor-rest: #010409;
212
212
  --controlKnob-bgColor-disabled: #262c36;
213
213
  --controlKnob-bgColor-checked: #ffffff;
@@ -242,10 +242,10 @@
242
242
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
243
  --button-invisible-fgColor-rest: #ffffff;
244
244
  --button-invisible-fgColor-hover: #ffffff;
245
- --button-invisible-fgColor-disabled: #9198a199;
245
+ --button-invisible-fgColor-disabled: #656c76;
246
246
  --button-invisible-iconColor-rest: #d1d7e0;
247
247
  --button-invisible-iconColor-hover: #d1d7e0;
248
- --button-invisible-iconColor-disabled: #9198a199;
248
+ --button-invisible-iconColor-disabled: #656c76;
249
249
  --button-invisible-bgColor-rest: #00000000;
250
250
  --button-invisible-bgColor-hover: #151b23;
251
251
  --button-invisible-bgColor-active: #212830;
@@ -264,11 +264,11 @@
264
264
  --button-outline-borderColor-hover: #b7bdc8;
265
265
  --button-outline-borderColor-selected: #b7bdc8;
266
266
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
267
- --button-danger-fgColor-rest: #ffa8a6;
267
+ --button-danger-fgColor-rest: #ffb1af;
268
268
  --button-danger-fgColor-hover: #ffffff;
269
269
  --button-danger-fgColor-active: #ffffff;
270
270
  --button-danger-fgColor-disabled: #ff949280;
271
- --button-danger-iconColor-rest: #ffa8a6;
271
+ --button-danger-iconColor-rest: #ffb1af;
272
272
  --button-danger-iconColor-hover: #ffffff;
273
273
  --button-danger-bgColor-rest: #262c36;
274
274
  --button-danger-bgColor-hover: #ad0116;
@@ -438,7 +438,7 @@
438
438
  --fgColor-onInverse: #010409;
439
439
  --fgColor-white: #ffffff;
440
440
  --fgColor-black: #010409;
441
- --fgColor-disabled: #9198a199;
441
+ --fgColor-disabled: #656c76;
442
442
  --fgColor-link: #74b9ff;
443
443
  --fgColor-neutral: #d1d7e0;
444
444
  --fgColor-accent: #74b9ff;
@@ -738,7 +738,7 @@
738
738
  --control-bgColor-selected: #262c36;
739
739
  --control-fgColor-rest: #ffffff;
740
740
  --control-fgColor-placeholder: #b7bdc8;
741
- --control-fgColor-disabled: #9198a199;
741
+ --control-fgColor-disabled: #656c76;
742
742
  --control-borderColor-rest: #b7bdc8;
743
743
  --control-borderColor-emphasis: #b7bdc8;
744
744
  --control-borderColor-disabled: #9198a11f;
@@ -762,21 +762,21 @@
762
762
  --control-checked-bgColor-rest: #194fb1;
763
763
  --control-checked-bgColor-hover: #2b64c1;
764
764
  --control-checked-bgColor-active: #3c79d0;
765
- --control-checked-bgColor-disabled: #9198a199;
765
+ --control-checked-bgColor-disabled: #656c76;
766
766
  --control-checked-fgColor-rest: #ffffff;
767
767
  --control-checked-fgColor-disabled: #010409;
768
768
  --control-checked-borderColor-rest: #91cbff;
769
769
  --control-checked-borderColor-hover: #91cbff;
770
770
  --control-checked-borderColor-active: #91cbff;
771
- --control-checked-borderColor-disabled: #9198a199;
771
+ --control-checked-borderColor-disabled: #656c76;
772
772
  --controlTrack-bgColor-rest: #2a313c;
773
773
  --controlTrack-bgColor-hover: #2f3742;
774
774
  --controlTrack-bgColor-active: #3d444d;
775
- --controlTrack-bgColor-disabled: #9198a199;
775
+ --controlTrack-bgColor-disabled: #656c76;
776
776
  --controlTrack-fgColor-rest: #ffffff;
777
777
  --controlTrack-fgColor-disabled: #ffffff;
778
778
  --controlTrack-borderColor-rest: #b7bdc8;
779
- --controlTrack-borderColor-disabled: #9198a199;
779
+ --controlTrack-borderColor-disabled: #656c76;
780
780
  --controlKnob-bgColor-rest: #010409;
781
781
  --controlKnob-bgColor-disabled: #262c36;
782
782
  --controlKnob-bgColor-checked: #ffffff;
@@ -811,10 +811,10 @@
811
811
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
812
  --button-invisible-fgColor-rest: #ffffff;
813
813
  --button-invisible-fgColor-hover: #ffffff;
814
- --button-invisible-fgColor-disabled: #9198a199;
814
+ --button-invisible-fgColor-disabled: #656c76;
815
815
  --button-invisible-iconColor-rest: #d1d7e0;
816
816
  --button-invisible-iconColor-hover: #d1d7e0;
817
- --button-invisible-iconColor-disabled: #9198a199;
817
+ --button-invisible-iconColor-disabled: #656c76;
818
818
  --button-invisible-bgColor-rest: #00000000;
819
819
  --button-invisible-bgColor-hover: #151b23;
820
820
  --button-invisible-bgColor-active: #212830;
@@ -833,11 +833,11 @@
833
833
  --button-outline-borderColor-hover: #b7bdc8;
834
834
  --button-outline-borderColor-selected: #b7bdc8;
835
835
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
836
- --button-danger-fgColor-rest: #ffa8a6;
836
+ --button-danger-fgColor-rest: #ffb1af;
837
837
  --button-danger-fgColor-hover: #ffffff;
838
838
  --button-danger-fgColor-active: #ffffff;
839
839
  --button-danger-fgColor-disabled: #ff949280;
840
- --button-danger-iconColor-rest: #ffa8a6;
840
+ --button-danger-iconColor-rest: #ffb1af;
841
841
  --button-danger-iconColor-hover: #ffffff;
842
842
  --button-danger-bgColor-rest: #262c36;
843
843
  --button-danger-bgColor-hover: #ad0116;
@@ -1007,7 +1007,7 @@
1007
1007
  --fgColor-onInverse: #010409;
1008
1008
  --fgColor-white: #ffffff;
1009
1009
  --fgColor-black: #010409;
1010
- --fgColor-disabled: #9198a199;
1010
+ --fgColor-disabled: #656c76;
1011
1011
  --fgColor-link: #74b9ff;
1012
1012
  --fgColor-neutral: #d1d7e0;
1013
1013
  --fgColor-accent: #74b9ff;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -186,7 +186,7 @@
186
186
  --control-transparent-borderColor-rest: #ffffff00;
187
187
  --control-transparent-borderColor-hover: #454c54;
188
188
  --control-transparent-borderColor-active: #454c54;
189
- --control-danger-fgColor-rest: #8a071e;
189
+ --control-danger-fgColor-rest: #86061d;
190
190
  --control-danger-fgColor-hover: #ffffff;
191
191
  --control-danger-bgColor-hover: #a0111f;
192
192
  --control-danger-bgColor-active: #8c0b1d;
@@ -264,11 +264,11 @@
264
264
  --button-outline-borderColor-hover: #013d14;
265
265
  --button-outline-borderColor-active: #013d14;
266
266
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
267
- --button-danger-fgColor-rest: #8a071e;
267
+ --button-danger-fgColor-rest: #86061d;
268
268
  --button-danger-fgColor-hover: #ffffff;
269
269
  --button-danger-fgColor-active: #ffffff;
270
- --button-danger-fgColor-disabled: #8a071e80;
271
- --button-danger-iconColor-rest: #8a071e;
270
+ --button-danger-fgColor-disabled: #86061d80;
271
+ --button-danger-iconColor-rest: #86061d;
272
272
  --button-danger-iconColor-hover: #ffffff;
273
273
  --button-danger-bgColor-rest: #e0e6eb;
274
274
  --button-danger-bgColor-hover: #86061d;
@@ -295,7 +295,7 @@
295
295
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
296
296
  --buttonCounter-danger-fgColor-rest: #980e1e;
297
297
  --buttonCounter-danger-fgColor-hover: #ffffff;
298
- --buttonCounter-danger-fgColor-disabled: #8a071e80;
298
+ --buttonCounter-danger-fgColor-disabled: #86061d80;
299
299
  --reactionButton-selected-bgColor-rest: #dff7ff;
300
300
  --reactionButton-selected-bgColor-hover: #c7e9ff;
301
301
  --reactionButton-selected-fgColor-rest: #023b95;
@@ -447,8 +447,8 @@
447
447
  --fgColor-open: #024c1a;
448
448
  --fgColor-attention: #603700;
449
449
  --fgColor-severe: #702c00;
450
- --fgColor-danger: #8a071e;
451
- --fgColor-closed: #8a071e;
450
+ --fgColor-danger: #86061d;
451
+ --fgColor-closed: #86061d;
452
452
  --fgColor-done: #512598;
453
453
  --fgColor-upsell: #512598;
454
454
  --fgColor-sponsors: #7d0c57;
@@ -755,7 +755,7 @@
755
755
  --control-transparent-borderColor-rest: #ffffff00;
756
756
  --control-transparent-borderColor-hover: #454c54;
757
757
  --control-transparent-borderColor-active: #454c54;
758
- --control-danger-fgColor-rest: #8a071e;
758
+ --control-danger-fgColor-rest: #86061d;
759
759
  --control-danger-fgColor-hover: #ffffff;
760
760
  --control-danger-bgColor-hover: #a0111f;
761
761
  --control-danger-bgColor-active: #8c0b1d;
@@ -833,11 +833,11 @@
833
833
  --button-outline-borderColor-hover: #013d14;
834
834
  --button-outline-borderColor-active: #013d14;
835
835
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
836
- --button-danger-fgColor-rest: #8a071e;
836
+ --button-danger-fgColor-rest: #86061d;
837
837
  --button-danger-fgColor-hover: #ffffff;
838
838
  --button-danger-fgColor-active: #ffffff;
839
- --button-danger-fgColor-disabled: #8a071e80;
840
- --button-danger-iconColor-rest: #8a071e;
839
+ --button-danger-fgColor-disabled: #86061d80;
840
+ --button-danger-iconColor-rest: #86061d;
841
841
  --button-danger-iconColor-hover: #ffffff;
842
842
  --button-danger-bgColor-rest: #e0e6eb;
843
843
  --button-danger-bgColor-hover: #86061d;
@@ -864,7 +864,7 @@
864
864
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
865
865
  --buttonCounter-danger-fgColor-rest: #980e1e;
866
866
  --buttonCounter-danger-fgColor-hover: #ffffff;
867
- --buttonCounter-danger-fgColor-disabled: #8a071e80;
867
+ --buttonCounter-danger-fgColor-disabled: #86061d80;
868
868
  --reactionButton-selected-bgColor-rest: #dff7ff;
869
869
  --reactionButton-selected-bgColor-hover: #c7e9ff;
870
870
  --reactionButton-selected-fgColor-rest: #023b95;
@@ -1016,8 +1016,8 @@
1016
1016
  --fgColor-open: #024c1a;
1017
1017
  --fgColor-attention: #603700;
1018
1018
  --fgColor-severe: #702c00;
1019
- --fgColor-danger: #8a071e;
1020
- --fgColor-closed: #8a071e;
1019
+ --fgColor-danger: #86061d;
1020
+ --fgColor-closed: #86061d;
1021
1021
  --fgColor-done: #512598;
1022
1022
  --fgColor-upsell: #512598;
1023
1023
  --fgColor-sponsors: #7d0c57;
package/dist/css/functional/typography/typography.css CHANGED
@@ -1,23 +1,43 @@
1
1
  :root {
2
+ --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
3
+ --text-codeInline-weight: var(--base-text-weight-normal);
2
4
  --text-codeInline-size: 0.9285em;
5
+ --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
6
+ --text-codeBlock-weight: var(--base-text-weight-normal);
3
7
  --text-codeBlock-lineHeight: 1.5385;
4
8
  --text-codeBlock-size: 0.8125rem;
9
+ --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
10
+ --text-caption-weight: var(--base-text-weight-normal);
5
11
  --text-caption-lineHeight: 1.3333;
6
12
  --text-caption-size: 0.75rem;
13
+ --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
14
+ --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
15
+ --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
16
+ --text-body-weight: var(--base-text-weight-normal);
7
17
  --text-body-lineHeight-small: 1.6666;
8
18
  --text-body-lineHeight-medium: 1.4285;
9
19
  --text-body-lineHeight-large: 1.5;
10
20
  --text-body-size-small: 0.75rem;
11
21
  --text-body-size-medium: 0.875rem;
12
22
  --text-body-size-large: 1rem;
23
+ --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
24
+ --text-subtitle-weight: var(--base-text-weight-normal);
13
25
  --text-subtitle-lineHeight: 1.6;
14
26
  --text-subtitle-size: 1.25rem;
27
+ --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
28
+ --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
29
+ --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
30
+ --text-title-weight-small: var(--base-text-weight-semibold);
31
+ --text-title-weight-medium: var(--base-text-weight-semibold);
32
+ --text-title-weight-large: var(--base-text-weight-semibold);
15
33
  --text-title-lineHeight-small: 1.5;
16
34
  --text-title-lineHeight-medium: 1.6;
17
35
  --text-title-lineHeight-large: 1.5;
18
36
  --text-title-size-small: 1rem;
19
37
  --text-title-size-medium: 1.25rem;
20
38
  --text-title-size-large: 2rem;
39
+ --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
40
+ --text-display-weight: var(--base-text-weight-medium);
21
41
  --text-display-lineHeight: 1.4;
22
42
  --text-display-size: 2.5rem;
23
43
  --text-display-lineBoxHeight: 1.4;
@@ -25,24 +45,4 @@
25
45
  --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
26
46
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
27
47
  --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
28
- --text-codeInline-weight: var(--base-text-weight-normal);
29
- --text-codeBlock-weight: var(--base-text-weight-normal);
30
- --text-caption-weight: var(--base-text-weight-normal);
31
- --text-body-weight: var(--base-text-weight-normal);
32
- --text-subtitle-weight: var(--base-text-weight-normal);
33
- --text-title-weight-small: var(--base-text-weight-semibold);
34
- --text-title-weight-medium: var(--base-text-weight-semibold);
35
- --text-title-weight-large: var(--base-text-weight-semibold);
36
- --text-display-weight: var(--base-text-weight-medium);
37
- --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
38
- --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
39
- --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
40
- --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
41
- --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
42
- --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
43
- --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
44
- --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
45
- --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
46
- --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
47
- --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
48
48
  }
package/dist/css/primitives.css CHANGED
@@ -136,25 +136,45 @@
136
136
  --overlay-offset: 0.25rem;
137
137
  }
138
138
  :root {
139
+ --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
140
+ --text-codeInline-weight: var(--base-text-weight-normal);
139
141
  --text-codeInline-size: 0.9285em;
142
+ --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
143
+ --text-codeBlock-weight: var(--base-text-weight-normal);
140
144
  --text-codeBlock-lineHeight: 1.5385;
141
145
  --text-codeBlock-size: 0.8125rem;
146
+ --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
147
+ --text-caption-weight: var(--base-text-weight-normal);
142
148
  --text-caption-lineHeight: 1.3333;
143
149
  --text-caption-size: 0.75rem;
150
+ --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
151
+ --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
152
+ --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
153
+ --text-body-weight: var(--base-text-weight-normal);
144
154
  --text-body-lineHeight-small: 1.6666;
145
155
  --text-body-lineHeight-medium: 1.4285;
146
156
  --text-body-lineHeight-large: 1.5;
147
157
  --text-body-size-small: 0.75rem;
148
158
  --text-body-size-medium: 0.875rem;
149
159
  --text-body-size-large: 1rem;
160
+ --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
161
+ --text-subtitle-weight: var(--base-text-weight-normal);
150
162
  --text-subtitle-lineHeight: 1.6;
151
163
  --text-subtitle-size: 1.25rem;
164
+ --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
165
+ --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
166
+ --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
167
+ --text-title-weight-small: var(--base-text-weight-semibold);
168
+ --text-title-weight-medium: var(--base-text-weight-semibold);
169
+ --text-title-weight-large: var(--base-text-weight-semibold);
152
170
  --text-title-lineHeight-small: 1.5;
153
171
  --text-title-lineHeight-medium: 1.6;
154
172
  --text-title-lineHeight-large: 1.5;
155
173
  --text-title-size-small: 1rem;
156
174
  --text-title-size-medium: 1.25rem;
157
175
  --text-title-size-large: 2rem;
176
+ --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
177
+ --text-display-weight: var(--base-text-weight-medium);
158
178
  --text-display-lineHeight: 1.4;
159
179
  --text-display-size: 2.5rem;
160
180
  --text-display-lineBoxHeight: 1.4;
@@ -162,24 +182,4 @@
162
182
  --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
163
183
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
164
184
  --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
165
- --text-codeInline-weight: var(--base-text-weight-normal);
166
- --text-codeBlock-weight: var(--base-text-weight-normal);
167
- --text-caption-weight: var(--base-text-weight-normal);
168
- --text-body-weight: var(--base-text-weight-normal);
169
- --text-subtitle-weight: var(--base-text-weight-normal);
170
- --text-title-weight-small: var(--base-text-weight-semibold);
171
- --text-title-weight-medium: var(--base-text-weight-semibold);
172
- --text-title-weight-large: var(--base-text-weight-semibold);
173
- --text-display-weight: var(--base-text-weight-medium);
174
- --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
175
- --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
176
- --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
177
- --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
178
- --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
179
- --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
180
- --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
181
- --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
182
- --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
183
- --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
184
- --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
185
185
  }