@primer/primitives 7.17.0-rc.1685583f → 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 (313) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +24 -14
  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 +24 -14
  6. package/dist/css/functional/themes/dark.css +24 -14
  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 +230 -85
  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 +230 -85
  17. package/dist/docs/functional/themes/dark.json +225 -80
  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 +25 -25
  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 +170 -90
  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 +170 -90
  34. package/dist/figma/themes/dark.json +165 -85
  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 +48 -38
  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 +48 -38
  44. package/dist/internalCss/dark.css +48 -38
  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 +230 -85
  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 +230 -85
  54. package/dist/styleLint/functional/themes/dark.json +225 -80
  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 +5 -13
  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 +3 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/collections.ts +2 -0
  67. package/src/schemas/dimensionToken.ts +1 -1
  68. package/src/schemas/fontFamilyToken.ts +10 -0
  69. package/src/schemas/fontWeightToken.ts +10 -0
  70. package/src/schemas/numberToken.ts +17 -0
  71. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  72. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  73. package/src/tokens/base/color/dark/dark.json5 +3 -3
  74. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  75. package/src/tokens/base/color/light/light.json5 +1 -1
  76. package/src/tokens/base/typography/typography.json +28 -4
  77. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  78. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  79. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  80. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  81. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  82. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  83. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  84. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  85. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  86. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  87. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  88. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  89. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  90. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  91. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  92. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  93. package/src/tokens/functional/shadow/dark.json5 +1 -1
  94. package/src/tokens/functional/shadow/light.json5 +11 -11
  95. package/src/tokens/functional/typography/typography.json +263 -34
  96. package/src/transformers/floatToPixel.ts +33 -0
  97. package/src/transformers/fontFamilyToCss.ts +3 -4
  98. package/src/transformers/fontFamilyToFigma.ts +47 -0
  99. package/src/transformers/index.ts +2 -0
  100. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  101. package/build.js +0 -578
  102. package/dist/deprecated/colors.json +0 -7
  103. package/dist/js/colors/dark.d.ts +0 -516
  104. package/dist/js/colors/dark.js +0 -616
  105. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  106. package/dist/js/colors/dark_colorblind.js +0 -616
  107. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  108. package/dist/js/colors/dark_dimmed.js +0 -616
  109. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  110. package/dist/js/colors/dark_high_contrast.js +0 -616
  111. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  112. package/dist/js/colors/dark_tritanopia.js +0 -616
  113. package/dist/js/colors/index.d.ts +0 -4638
  114. package/dist/js/colors/index.js +0 -15
  115. package/dist/js/colors/light.d.ts +0 -516
  116. package/dist/js/colors/light.js +0 -616
  117. package/dist/js/colors/light_colorblind.d.ts +0 -516
  118. package/dist/js/colors/light_colorblind.js +0 -616
  119. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  120. package/dist/js/colors/light_high_contrast.js +0 -616
  121. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  122. package/dist/js/colors/light_tritanopia.js +0 -616
  123. package/dist/js/index.d.ts +0 -4655
  124. package/dist/js/index.js +0 -9
  125. package/dist/js/spacing/index.d.ts +0 -6
  126. package/dist/js/spacing/index.js +0 -7
  127. package/dist/js/spacing/normal.d.ts +0 -4
  128. package/dist/js/spacing/normal.js +0 -13
  129. package/dist/js/typography/index.d.ts +0 -11
  130. package/dist/js/typography/index.js +0 -7
  131. package/dist/js/typography/normal.d.ts +0 -9
  132. package/dist/js/typography/normal.js +0 -19
  133. package/dist/json/colors/dark.json +0 -614
  134. package/dist/json/colors/dark_colorblind.json +0 -614
  135. package/dist/json/colors/dark_dimmed.json +0 -614
  136. package/dist/json/colors/dark_high_contrast.json +0 -614
  137. package/dist/json/colors/dark_tritanopia.json +0 -614
  138. package/dist/json/colors/light.json +0 -614
  139. package/dist/json/colors/light_colorblind.json +0 -614
  140. package/dist/json/colors/light_high_contrast.json +0 -614
  141. package/dist/json/colors/light_tritanopia.json +0 -614
  142. package/dist/json/spacing/normal.json +0 -11
  143. package/dist/json/typography/normal.json +0 -17
  144. package/dist/removed/colors.json +0 -432
  145. package/dist/scss/colors/_dark.scss +0 -452
  146. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  147. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  148. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  149. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  150. package/dist/scss/colors/_light.scss +0 -452
  151. package/dist/scss/colors/_light_colorblind.scss +0 -452
  152. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  153. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  154. package/dist/scss/spacing/_normal.scss +0 -11
  155. package/dist/scss/typography/_normal.scss +0 -15
  156. package/dist/ts/colors/dark.ts +0 -614
  157. package/dist/ts/colors/dark_colorblind.ts +0 -614
  158. package/dist/ts/colors/dark_dimmed.ts +0 -614
  159. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  160. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  161. package/dist/ts/colors/index.ts +0 -10
  162. package/dist/ts/colors/light.ts +0 -614
  163. package/dist/ts/colors/light_colorblind.ts +0 -614
  164. package/dist/ts/colors/light_high_contrast.ts +0 -614
  165. package/dist/ts/colors/light_tritanopia.ts +0 -614
  166. package/dist/ts/index.ts +0 -4
  167. package/dist/ts/spacing/index.ts +0 -2
  168. package/dist/ts/spacing/normal.ts +0 -11
  169. package/dist/ts/typography/index.ts +0 -2
  170. package/dist/ts/typography/normal.ts +0 -17
  171. package/tokens/base/size/size.json +0 -57
  172. package/tokens/base/typography/typography.json +0 -20
  173. package/tokens/functional/size/border.json +0 -48
  174. package/tokens/functional/size/breakpoints.json +0 -24
  175. package/tokens/functional/size/size-coarse.json +0 -27
  176. package/tokens/functional/size/size-fine.json +0 -27
  177. package/tokens/functional/size/size.json +0 -189
  178. package/tokens/functional/size/viewport.json +0 -24
  179. package/tokens/functional/typography/typography.json +0 -213
  180. package/tokens/removed/color.json +0 -421
  181. package/tokens-next-private/css/base/size/size.css +0 -19
  182. package/tokens-next-private/css/base/typography/typography.css +0 -6
  183. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  184. package/tokens-next-private/css/functional/size/border.css +0 -14
  185. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  186. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  187. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  188. package/tokens-next-private/css/functional/size/size.css +0 -74
  189. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  190. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  191. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  192. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  193. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  194. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  195. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  196. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  197. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  198. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  199. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  200. package/tokens-next-private/docs/base/size/size.json +0 -427
  201. package/tokens-next-private/docs/base/typography/typography.json +0 -54
  202. package/tokens-next-private/docs/functional/motion/motion.json +0 -47
  203. package/tokens-next-private/docs/functional/size/border.json +0 -234
  204. package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
  205. package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
  206. package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
  207. package/tokens-next-private/docs/functional/size/size.json +0 -1838
  208. package/tokens-next-private/docs/functional/size/viewport.json +0 -80
  209. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
  210. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
  211. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
  212. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
  213. package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
  214. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
  215. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
  216. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
  217. package/tokens-next-private/docs/functional/themes/light.json +0 -16113
  218. package/tokens-next-private/docs/functional/typography/typography.json +0 -663
  219. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  220. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  221. package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
  222. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  223. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  224. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  225. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  226. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  227. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  228. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  229. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  230. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  231. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  232. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  233. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  234. package/tokens-next-private/internalCss/dark.css +0 -1648
  235. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  236. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  237. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  238. package/tokens-next-private/internalCss/light.css +0 -1648
  239. package/tokens-next-private/removed/color.json +0 -421
  240. package/tokens-next-private/styleLint/base/size/size.json +0 -427
  241. package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
  242. package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
  243. package/tokens-next-private/styleLint/functional/size/border.json +0 -234
  244. package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
  245. package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
  246. package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
  247. package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
  248. package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
  249. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
  250. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
  251. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
  252. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
  253. package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
  254. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
  255. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
  256. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
  257. package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
  258. package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
  259. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  260. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  261. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  262. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  263. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  264. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  265. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  266. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  267. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  268. package/tokens-v2-private/docs/docValues.json +0 -2209
  269. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  270. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  271. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  272. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  273. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  274. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  275. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  276. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  277. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  278. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  279. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  280. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  281. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  282. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  283. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  284. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  285. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  286. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  287. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  288. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  289. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  290. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  291. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  292. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  293. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  294. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  295. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  296. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  297. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  298. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  299. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  300. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  301. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  302. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  303. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  304. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  305. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  306. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  307. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  308. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  309. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  310. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  311. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  312. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  313. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Primer Primitives
2
2
 
3
- [![npm package](https://img.shields.io/npm/v/@primer/primitives.svg?style=flat)](https://www.npmjs.com/package/@primer/primitives)
3
+ [![npm package](https://img.shields.io/npm/v/@primer/primitives.svg?style=flat)](https://www.npmjs.com/package/@primer/primitives) [![Storybook](https://github.com/primer/primitives/actions/workflows/deploy.yml/badge.svg)](https://primer.style/primitives/storybook/) [![A11y contrast check](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml/badge.svg)](https://github.com/primer/primitives/actions/workflows/a11y-contrast.yml)
4
4
 
5
5
  This repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.
6
6
 
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
+ --display-pink-bgColor-muted: #2d1524;
136
+ --display-pink-bgColor-emphasis: #d34591;
137
+ --display-pink-fgColor: #e57bb2;
138
+ --display-pink-borderColor-muted: #451c35;
139
+ --display-pink-borderColor-emphasis: #d34591;
135
140
  --avatar-bgColor: #ffffff1a;
136
141
  --avatar-borderColor: #ffffff26;
137
142
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -418,8 +423,8 @@
418
423
  --fgColor-danger: #db6d28;
419
424
  --fgColor-open: #f0883e;
420
425
  --fgColor-closed: #8b949e;
421
- --fgColor-done: #a371f7;
422
- --fgColor-upsell: #a371f7;
426
+ --fgColor-done: #ab7df8;
427
+ --fgColor-upsell: #ab7df8;
423
428
  --fgColor-sponsors: #db61a2;
424
429
  --bgColor-default: #0d1117;
425
430
  --bgColor-muted: #161b22;
@@ -446,9 +451,9 @@
446
451
  --bgColor-open-emphasis: #bd561d;
447
452
  --bgColor-closed-muted: #6e768166;
448
453
  --bgColor-closed-emphasis: #6e7681;
449
- --bgColor-done-muted: #a371f726;
454
+ --bgColor-done-muted: #ab7df826;
450
455
  --bgColor-done-emphasis: #8957e5;
451
- --bgColor-upsell-muted: #a371f726;
456
+ --bgColor-upsell-muted: #ab7df826;
452
457
  --bgColor-upsell-emphasis: #8957e5;
453
458
  --bgColor-sponsors-muted: #db61a21a;
454
459
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -473,9 +478,9 @@
473
478
  --borderColor-open-emphasis: #db6d28;
474
479
  --borderColor-closed-muted: #6e768166;
475
480
  --borderColor-closed-emphasis: #6e7681;
476
- --borderColor-done-muted: #a371f766;
481
+ --borderColor-done-muted: #ab7df866;
477
482
  --borderColor-done-emphasis: #8957e5;
478
- --borderColor-upsell-muted: #a371f766;
483
+ --borderColor-upsell-muted: #ab7df866;
479
484
  --borderColor-upsell-emphasis: #8957e5;
480
485
  --borderColor-sponsors-muted: #db61a266;
481
486
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -492,7 +497,7 @@
492
497
  --color-ansi-yellow-bright: #e3b341;
493
498
  --color-ansi-blue: #58a6ff;
494
499
  --color-ansi-blue-bright: #79c0ff;
495
- --color-ansi-magenta: #bc8cff;
500
+ --color-ansi-magenta: #be8fff;
496
501
  --color-ansi-magenta-bright: #d2a8ff;
497
502
  --color-ansi-cyan: #39c5cf;
498
503
  --color-ansi-cyan-bright: #56d4dd;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #9899ec;
671
676
  --display-indigo-borderColor-muted: #25215f;
672
677
  --display-indigo-borderColor-emphasis: #7070e1;
678
+ --display-pink-bgColor-muted: #2d1524;
679
+ --display-pink-bgColor-emphasis: #d34591;
680
+ --display-pink-fgColor: #e57bb2;
681
+ --display-pink-borderColor-muted: #451c35;
682
+ --display-pink-borderColor-emphasis: #d34591;
673
683
  --avatar-bgColor: #ffffff1a;
674
684
  --avatar-borderColor: #ffffff26;
675
685
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -956,8 +966,8 @@
956
966
  --fgColor-danger: #db6d28;
957
967
  --fgColor-open: #f0883e;
958
968
  --fgColor-closed: #8b949e;
959
- --fgColor-done: #a371f7;
960
- --fgColor-upsell: #a371f7;
969
+ --fgColor-done: #ab7df8;
970
+ --fgColor-upsell: #ab7df8;
961
971
  --fgColor-sponsors: #db61a2;
962
972
  --bgColor-default: #0d1117;
963
973
  --bgColor-muted: #161b22;
@@ -984,9 +994,9 @@
984
994
  --bgColor-open-emphasis: #bd561d;
985
995
  --bgColor-closed-muted: #6e768166;
986
996
  --bgColor-closed-emphasis: #6e7681;
987
- --bgColor-done-muted: #a371f726;
997
+ --bgColor-done-muted: #ab7df826;
988
998
  --bgColor-done-emphasis: #8957e5;
989
- --bgColor-upsell-muted: #a371f726;
999
+ --bgColor-upsell-muted: #ab7df826;
990
1000
  --bgColor-upsell-emphasis: #8957e5;
991
1001
  --bgColor-sponsors-muted: #db61a21a;
992
1002
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -1011,9 +1021,9 @@
1011
1021
  --borderColor-open-emphasis: #db6d28;
1012
1022
  --borderColor-closed-muted: #6e768166;
1013
1023
  --borderColor-closed-emphasis: #6e7681;
1014
- --borderColor-done-muted: #a371f766;
1024
+ --borderColor-done-muted: #ab7df866;
1015
1025
  --borderColor-done-emphasis: #8957e5;
1016
- --borderColor-upsell-muted: #a371f766;
1026
+ --borderColor-upsell-muted: #ab7df866;
1017
1027
  --borderColor-upsell-emphasis: #8957e5;
1018
1028
  --borderColor-sponsors-muted: #db61a266;
1019
1029
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -1030,7 +1040,7 @@
1030
1040
  --color-ansi-yellow-bright: #e3b341;
1031
1041
  --color-ansi-blue: #58a6ff;
1032
1042
  --color-ansi-blue-bright: #79c0ff;
1033
- --color-ansi-magenta: #bc8cff;
1043
+ --color-ansi-magenta: #be8fff;
1034
1044
  --color-ansi-magenta-bright: #d2a8ff;
1035
1045
  --color-ansi-cyan: #39c5cf;
1036
1046
  --color-ansi-cyan-bright: #56d4dd;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
+ --display-pink-bgColor-muted: #2d1524;
136
+ --display-pink-bgColor-emphasis: #d34591;
137
+ --display-pink-fgColor: #e57bb2;
138
+ --display-pink-borderColor-muted: #451c35;
139
+ --display-pink-borderColor-emphasis: #d34591;
135
140
  --avatar-bgColor: #cdd9e51a;
136
141
  --avatar-borderColor: #cdd9e526;
137
142
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #9899ec;
671
676
  --display-indigo-borderColor-muted: #25215f;
672
677
  --display-indigo-borderColor-emphasis: #7070e1;
678
+ --display-pink-bgColor-muted: #2d1524;
679
+ --display-pink-bgColor-emphasis: #d34591;
680
+ --display-pink-fgColor: #e57bb2;
681
+ --display-pink-borderColor-muted: #451c35;
682
+ --display-pink-borderColor-emphasis: #d34591;
673
683
  --avatar-bgColor: #cdd9e51a;
674
684
  --avatar-borderColor: #cdd9e526;
675
685
  --avatar-shadow: 0px 0px 0px 2px #22272e;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
+ --display-pink-bgColor-muted: #2d1524;
136
+ --display-pink-bgColor-emphasis: #d34591;
137
+ --display-pink-fgColor: #e57bb2;
138
+ --display-pink-borderColor-muted: #451c35;
139
+ --display-pink-borderColor-emphasis: #d34591;
135
140
  --avatar-bgColor: #ffffff1a;
136
141
  --avatar-borderColor: #ffffffe6;
137
142
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #9899ec;
671
676
  --display-indigo-borderColor-muted: #25215f;
672
677
  --display-indigo-borderColor-emphasis: #7070e1;
678
+ --display-pink-bgColor-muted: #2d1524;
679
+ --display-pink-bgColor-emphasis: #d34591;
680
+ --display-pink-fgColor: #e57bb2;
681
+ --display-pink-borderColor-muted: #451c35;
682
+ --display-pink-borderColor-emphasis: #d34591;
673
683
  --avatar-bgColor: #ffffff1a;
674
684
  --avatar-borderColor: #ffffffe6;
675
685
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
+ --display-pink-bgColor-muted: #2d1524;
136
+ --display-pink-bgColor-emphasis: #d34591;
137
+ --display-pink-fgColor: #e57bb2;
138
+ --display-pink-borderColor-muted: #451c35;
139
+ --display-pink-borderColor-emphasis: #d34591;
135
140
  --avatar-bgColor: #ffffff1a;
136
141
  --avatar-borderColor: #ffffff26;
137
142
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -418,8 +423,8 @@
418
423
  --fgColor-danger: #f85149;
419
424
  --fgColor-open: #f85149;
420
425
  --fgColor-closed: #6e7681;
421
- --fgColor-done: #a371f7;
422
- --fgColor-upsell: #a371f7;
426
+ --fgColor-done: #ab7df8;
427
+ --fgColor-upsell: #ab7df8;
423
428
  --fgColor-sponsors: #db61a2;
424
429
  --bgColor-default: #0d1117;
425
430
  --bgColor-muted: #161b22;
@@ -446,9 +451,9 @@
446
451
  --bgColor-open-emphasis: #da3633;
447
452
  --bgColor-closed-muted: #6e768126;
448
453
  --bgColor-closed-emphasis: #484f58;
449
- --bgColor-done-muted: #a371f726;
454
+ --bgColor-done-muted: #ab7df826;
450
455
  --bgColor-done-emphasis: #8957e5;
451
- --bgColor-upsell-muted: #a371f726;
456
+ --bgColor-upsell-muted: #ab7df826;
452
457
  --bgColor-upsell-emphasis: #8957e5;
453
458
  --bgColor-sponsors-muted: #db61a21a;
454
459
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -473,9 +478,9 @@
473
478
  --borderColor-open-emphasis: #da3633;
474
479
  --borderColor-closed-muted: #6e768166;
475
480
  --borderColor-closed-emphasis: #484f58;
476
- --borderColor-done-muted: #a371f766;
481
+ --borderColor-done-muted: #ab7df866;
477
482
  --borderColor-done-emphasis: #8957e5;
478
- --borderColor-upsell-muted: #a371f766;
483
+ --borderColor-upsell-muted: #ab7df866;
479
484
  --borderColor-upsell-emphasis: #8957e5;
480
485
  --borderColor-sponsors-muted: #db61a266;
481
486
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -492,7 +497,7 @@
492
497
  --color-ansi-yellow-bright: #e3b341;
493
498
  --color-ansi-blue: #58a6ff;
494
499
  --color-ansi-blue-bright: #79c0ff;
495
- --color-ansi-magenta: #bc8cff;
500
+ --color-ansi-magenta: #be8fff;
496
501
  --color-ansi-magenta-bright: #d2a8ff;
497
502
  --color-ansi-cyan: #39c5cf;
498
503
  --color-ansi-cyan-bright: #56d4dd;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #9899ec;
671
676
  --display-indigo-borderColor-muted: #25215f;
672
677
  --display-indigo-borderColor-emphasis: #7070e1;
678
+ --display-pink-bgColor-muted: #2d1524;
679
+ --display-pink-bgColor-emphasis: #d34591;
680
+ --display-pink-fgColor: #e57bb2;
681
+ --display-pink-borderColor-muted: #451c35;
682
+ --display-pink-borderColor-emphasis: #d34591;
673
683
  --avatar-bgColor: #ffffff1a;
674
684
  --avatar-borderColor: #ffffff26;
675
685
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -956,8 +966,8 @@
956
966
  --fgColor-danger: #f85149;
957
967
  --fgColor-open: #f85149;
958
968
  --fgColor-closed: #6e7681;
959
- --fgColor-done: #a371f7;
960
- --fgColor-upsell: #a371f7;
969
+ --fgColor-done: #ab7df8;
970
+ --fgColor-upsell: #ab7df8;
961
971
  --fgColor-sponsors: #db61a2;
962
972
  --bgColor-default: #0d1117;
963
973
  --bgColor-muted: #161b22;
@@ -984,9 +994,9 @@
984
994
  --bgColor-open-emphasis: #da3633;
985
995
  --bgColor-closed-muted: #6e768126;
986
996
  --bgColor-closed-emphasis: #484f58;
987
- --bgColor-done-muted: #a371f726;
997
+ --bgColor-done-muted: #ab7df826;
988
998
  --bgColor-done-emphasis: #8957e5;
989
- --bgColor-upsell-muted: #a371f726;
999
+ --bgColor-upsell-muted: #ab7df826;
990
1000
  --bgColor-upsell-emphasis: #8957e5;
991
1001
  --bgColor-sponsors-muted: #db61a21a;
992
1002
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -1011,9 +1021,9 @@
1011
1021
  --borderColor-open-emphasis: #da3633;
1012
1022
  --borderColor-closed-muted: #6e768166;
1013
1023
  --borderColor-closed-emphasis: #484f58;
1014
- --borderColor-done-muted: #a371f766;
1024
+ --borderColor-done-muted: #ab7df866;
1015
1025
  --borderColor-done-emphasis: #8957e5;
1016
- --borderColor-upsell-muted: #a371f766;
1026
+ --borderColor-upsell-muted: #ab7df866;
1017
1027
  --borderColor-upsell-emphasis: #8957e5;
1018
1028
  --borderColor-sponsors-muted: #db61a266;
1019
1029
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -1030,7 +1040,7 @@
1030
1040
  --color-ansi-yellow-bright: #e3b341;
1031
1041
  --color-ansi-blue: #58a6ff;
1032
1042
  --color-ansi-blue-bright: #79c0ff;
1033
- --color-ansi-magenta: #bc8cff;
1043
+ --color-ansi-magenta: #be8fff;
1034
1044
  --color-ansi-magenta-bright: #d2a8ff;
1035
1045
  --color-ansi-cyan: #39c5cf;
1036
1046
  --color-ansi-cyan-bright: #56d4dd;
package/dist/css/functional/themes/dark.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #9899ec;
133
133
  --display-indigo-borderColor-muted: #25215f;
134
134
  --display-indigo-borderColor-emphasis: #7070e1;
135
+ --display-pink-bgColor-muted: #2d1524;
136
+ --display-pink-bgColor-emphasis: #d34591;
137
+ --display-pink-fgColor: #e57bb2;
138
+ --display-pink-borderColor-muted: #451c35;
139
+ --display-pink-borderColor-emphasis: #d34591;
135
140
  --avatar-bgColor: #ffffff1a;
136
141
  --avatar-borderColor: #ffffff26;
137
142
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -418,8 +423,8 @@
418
423
  --fgColor-danger: #f85149;
419
424
  --fgColor-open: #3fb950;
420
425
  --fgColor-closed: #f85149;
421
- --fgColor-done: #a371f7;
422
- --fgColor-upsell: #a371f7;
426
+ --fgColor-done: #ab7df8;
427
+ --fgColor-upsell: #ab7df8;
423
428
  --fgColor-sponsors: #db61a2;
424
429
  --bgColor-default: #0d1117;
425
430
  --bgColor-muted: #161b22;
@@ -446,9 +451,9 @@
446
451
  --bgColor-open-emphasis: #238636;
447
452
  --bgColor-closed-muted: #f8514926;
448
453
  --bgColor-closed-emphasis: #da3633;
449
- --bgColor-done-muted: #a371f726;
454
+ --bgColor-done-muted: #ab7df826;
450
455
  --bgColor-done-emphasis: #8957e5;
451
- --bgColor-upsell-muted: #a371f726;
456
+ --bgColor-upsell-muted: #ab7df826;
452
457
  --bgColor-upsell-emphasis: #8957e5;
453
458
  --bgColor-sponsors-muted: #db61a21a;
454
459
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -473,9 +478,9 @@
473
478
  --borderColor-open-emphasis: #238636;
474
479
  --borderColor-closed-muted: #f8514966;
475
480
  --borderColor-closed-emphasis: #da3633;
476
- --borderColor-done-muted: #a371f766;
481
+ --borderColor-done-muted: #ab7df866;
477
482
  --borderColor-done-emphasis: #8957e5;
478
- --borderColor-upsell-muted: #a371f766;
483
+ --borderColor-upsell-muted: #ab7df866;
479
484
  --borderColor-upsell-emphasis: #8957e5;
480
485
  --borderColor-sponsors-muted: #db61a266;
481
486
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -492,7 +497,7 @@
492
497
  --color-ansi-yellow-bright: #e3b341;
493
498
  --color-ansi-blue: #58a6ff;
494
499
  --color-ansi-blue-bright: #79c0ff;
495
- --color-ansi-magenta: #bc8cff;
500
+ --color-ansi-magenta: #be8fff;
496
501
  --color-ansi-magenta-bright: #d2a8ff;
497
502
  --color-ansi-cyan: #39c5cf;
498
503
  --color-ansi-cyan-bright: #56d4dd;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #9899ec;
671
676
  --display-indigo-borderColor-muted: #25215f;
672
677
  --display-indigo-borderColor-emphasis: #7070e1;
678
+ --display-pink-bgColor-muted: #2d1524;
679
+ --display-pink-bgColor-emphasis: #d34591;
680
+ --display-pink-fgColor: #e57bb2;
681
+ --display-pink-borderColor-muted: #451c35;
682
+ --display-pink-borderColor-emphasis: #d34591;
673
683
  --avatar-bgColor: #ffffff1a;
674
684
  --avatar-borderColor: #ffffff26;
675
685
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -956,8 +966,8 @@
956
966
  --fgColor-danger: #f85149;
957
967
  --fgColor-open: #3fb950;
958
968
  --fgColor-closed: #f85149;
959
- --fgColor-done: #a371f7;
960
- --fgColor-upsell: #a371f7;
969
+ --fgColor-done: #ab7df8;
970
+ --fgColor-upsell: #ab7df8;
961
971
  --fgColor-sponsors: #db61a2;
962
972
  --bgColor-default: #0d1117;
963
973
  --bgColor-muted: #161b22;
@@ -984,9 +994,9 @@
984
994
  --bgColor-open-emphasis: #238636;
985
995
  --bgColor-closed-muted: #f8514926;
986
996
  --bgColor-closed-emphasis: #da3633;
987
- --bgColor-done-muted: #a371f726;
997
+ --bgColor-done-muted: #ab7df826;
988
998
  --bgColor-done-emphasis: #8957e5;
989
- --bgColor-upsell-muted: #a371f726;
999
+ --bgColor-upsell-muted: #ab7df826;
990
1000
  --bgColor-upsell-emphasis: #8957e5;
991
1001
  --bgColor-sponsors-muted: #db61a21a;
992
1002
  --bgColor-sponsors-emphasis: #bf4b8a;
@@ -1011,9 +1021,9 @@
1011
1021
  --borderColor-open-emphasis: #238636;
1012
1022
  --borderColor-closed-muted: #f8514966;
1013
1023
  --borderColor-closed-emphasis: #da3633;
1014
- --borderColor-done-muted: #a371f766;
1024
+ --borderColor-done-muted: #ab7df866;
1015
1025
  --borderColor-done-emphasis: #8957e5;
1016
- --borderColor-upsell-muted: #a371f766;
1026
+ --borderColor-upsell-muted: #ab7df866;
1017
1027
  --borderColor-upsell-emphasis: #8957e5;
1018
1028
  --borderColor-sponsors-muted: #db61a266;
1019
1029
  --borderColor-sponsors-emphasis: #bf4b8a;
@@ -1030,7 +1040,7 @@
1030
1040
  --color-ansi-yellow-bright: #e3b341;
1031
1041
  --color-ansi-blue: #58a6ff;
1032
1042
  --color-ansi-blue-bright: #79c0ff;
1033
- --color-ansi-magenta: #bc8cff;
1043
+ --color-ansi-magenta: #be8fff;
1034
1044
  --color-ansi-magenta-bright: #d2a8ff;
1035
1045
  --color-ansi-cyan: #39c5cf;
1036
1046
  --color-ansi-cyan-bright: #56d4dd;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
+ --display-pink-bgColor-muted: #ffe5f1;
136
+ --display-pink-bgColor-emphasis: #ce2c85;
137
+ --display-pink-fgColor: #b12f79;
138
+ --display-pink-borderColor-muted: #fdc9e2;
139
+ --display-pink-borderColor-emphasis: #ce2c85;
135
140
  --avatar-bgColor: #ffffff;
136
141
  --avatar-borderColor: #1f232826;
137
142
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #494edf;
671
676
  --display-indigo-borderColor-muted: #d2d7fe;
672
677
  --display-indigo-borderColor-emphasis: #5a61e7;
678
+ --display-pink-bgColor-muted: #ffe5f1;
679
+ --display-pink-bgColor-emphasis: #ce2c85;
680
+ --display-pink-fgColor: #b12f79;
681
+ --display-pink-borderColor-muted: #fdc9e2;
682
+ --display-pink-borderColor-emphasis: #ce2c85;
673
683
  --avatar-bgColor: #ffffff;
674
684
  --avatar-borderColor: #1f232826;
675
685
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
+ --display-pink-bgColor-muted: #ffe5f1;
136
+ --display-pink-bgColor-emphasis: #ce2c85;
137
+ --display-pink-fgColor: #b12f79;
138
+ --display-pink-borderColor-muted: #fdc9e2;
139
+ --display-pink-borderColor-emphasis: #ce2c85;
135
140
  --avatar-bgColor: #ffffff;
136
141
  --avatar-borderColor: #010409e6;
137
142
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #494edf;
671
676
  --display-indigo-borderColor-muted: #d2d7fe;
672
677
  --display-indigo-borderColor-emphasis: #5a61e7;
678
+ --display-pink-bgColor-muted: #ffe5f1;
679
+ --display-pink-bgColor-emphasis: #ce2c85;
680
+ --display-pink-fgColor: #b12f79;
681
+ --display-pink-borderColor-muted: #fdc9e2;
682
+ --display-pink-borderColor-emphasis: #ce2c85;
673
683
  --avatar-bgColor: #ffffff;
674
684
  --avatar-borderColor: #010409e6;
675
685
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
+ --display-pink-bgColor-muted: #ffe5f1;
136
+ --display-pink-bgColor-emphasis: #ce2c85;
137
+ --display-pink-fgColor: #b12f79;
138
+ --display-pink-borderColor-muted: #fdc9e2;
139
+ --display-pink-borderColor-emphasis: #ce2c85;
135
140
  --avatar-bgColor: #ffffff;
136
141
  --avatar-borderColor: #1f232826;
137
142
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #494edf;
671
676
  --display-indigo-borderColor-muted: #d2d7fe;
672
677
  --display-indigo-borderColor-emphasis: #5a61e7;
678
+ --display-pink-bgColor-muted: #ffe5f1;
679
+ --display-pink-bgColor-emphasis: #ce2c85;
680
+ --display-pink-fgColor: #b12f79;
681
+ --display-pink-borderColor-muted: #fdc9e2;
682
+ --display-pink-borderColor-emphasis: #ce2c85;
673
683
  --avatar-bgColor: #ffffff;
674
684
  --avatar-borderColor: #1f232826;
675
685
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
package/dist/css/functional/themes/light.css CHANGED
@@ -132,6 +132,11 @@
132
132
  --display-indigo-fgColor: #494edf;
133
133
  --display-indigo-borderColor-muted: #d2d7fe;
134
134
  --display-indigo-borderColor-emphasis: #5a61e7;
135
+ --display-pink-bgColor-muted: #ffe5f1;
136
+ --display-pink-bgColor-emphasis: #ce2c85;
137
+ --display-pink-fgColor: #b12f79;
138
+ --display-pink-borderColor-muted: #fdc9e2;
139
+ --display-pink-borderColor-emphasis: #ce2c85;
135
140
  --avatar-bgColor: #ffffff;
136
141
  --avatar-borderColor: #1f232826;
137
142
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -670,6 +675,11 @@
670
675
  --display-indigo-fgColor: #494edf;
671
676
  --display-indigo-borderColor-muted: #d2d7fe;
672
677
  --display-indigo-borderColor-emphasis: #5a61e7;
678
+ --display-pink-bgColor-muted: #ffe5f1;
679
+ --display-pink-bgColor-emphasis: #ce2c85;
680
+ --display-pink-fgColor: #b12f79;
681
+ --display-pink-borderColor-muted: #fdc9e2;
682
+ --display-pink-borderColor-emphasis: #ce2c85;
673
683
  --avatar-bgColor: #ffffff;
674
684
  --avatar-borderColor: #1f232826;
675
685
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
package/dist/css/functional/typography/typography.css CHANGED
@@ -20,7 +20,7 @@
20
20
  --text-title-size-large: 2rem;
21
21
  --text-display-lineHeight: 1.4;
22
22
  --text-display-size: 2.5rem;
23
- --text-display-lineBoxHeight: 3.5rem;
23
+ --text-display-lineBoxHeight: 1.4;
24
24
  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
25
25
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
26
26
  --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
package/dist/docs/base/typography/typography.json CHANGED
@@ -2,11 +2,23 @@
2
2
  "base-text-weight-light": {
3
3
  "$type": "fontWeight",
4
4
  "value": 300,
5
+ "$extensions": {
6
+ "org.primer.figma": {
7
+ "collection": "base/typography",
8
+ "scopes": ["all"]
9
+ }
10
+ },
5
11
  "filePath": "src/tokens/base/typography/typography.json",
6
12
  "isSource": true,
7
13
  "original": {
8
14
  "$type": "fontWeight",
9
- "value": 300
15
+ "value": 300,
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "base/typography",
19
+ "scopes": ["all"]
20
+ }
21
+ }
10
22
  },
11
23
  "name": "base-text-weight-light",
12
24
  "attributes": {},
@@ -15,11 +27,23 @@
15
27
  "base-text-weight-normal": {
16
28
  "value": 400,
17
29
  "$type": "fontWeight",
30
+ "$extensions": {
31
+ "org.primer.figma": {
32
+ "collection": "base/typography",
33
+ "scopes": ["all"]
34
+ }
35
+ },
18
36
  "filePath": "src/tokens/base/typography/typography.json",
19
37
  "isSource": true,
20
38
  "original": {
21
39
  "value": 400,
22
- "$type": "fontWeight"
40
+ "$type": "fontWeight",
41
+ "$extensions": {
42
+ "org.primer.figma": {
43
+ "collection": "base/typography",
44
+ "scopes": ["all"]
45
+ }
46
+ }
23
47
  },
24
48
  "name": "base-text-weight-normal",
25
49
  "attributes": {},
@@ -28,11 +52,23 @@
28
52
  "base-text-weight-medium": {
29
53
  "value": 500,
30
54
  "$type": "fontWeight",
55
+ "$extensions": {
56
+ "org.primer.figma": {
57
+ "collection": "base/typography",
58
+ "scopes": ["all"]
59
+ }
60
+ },
31
61
  "filePath": "src/tokens/base/typography/typography.json",
32
62
  "isSource": true,
33
63
  "original": {
34
64
  "value": 500,
35
- "$type": "fontWeight"
65
+ "$type": "fontWeight",
66
+ "$extensions": {
67
+ "org.primer.figma": {
68
+ "collection": "base/typography",
69
+ "scopes": ["all"]
70
+ }
71
+ }
36
72
  },
37
73
  "name": "base-text-weight-medium",
38
74
  "attributes": {},
@@ -41,11 +77,23 @@
41
77
  "base-text-weight-semibold": {
42
78
  "value": 600,
43
79
  "$type": "fontWeight",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "base/typography",
83
+ "scopes": ["all"]
84
+ }
85
+ },
44
86
  "filePath": "src/tokens/base/typography/typography.json",
45
87
  "isSource": true,
46
88
  "original": {
47
89
  "value": 600,
48
- "$type": "fontWeight"
90
+ "$type": "fontWeight",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "base/typography",
94
+ "scopes": ["all"]
95
+ }
96
+ }
49
97
  },
50
98
  "name": "base-text-weight-semibold",
51
99
  "attributes": {},