@primer/primitives 7.17.0-rc.3f0bd2a1 → 7.17.0-rc.4dfa9cdd

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 (283) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +145 -0
  14. package/dist/docs/functional/themes/dark-dimmed.json +145 -0
  15. package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
  16. package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
  17. package/dist/docs/functional/themes/dark.json +145 -0
  18. package/dist/docs/functional/themes/light-colorblind.json +145 -0
  19. package/dist/docs/functional/themes/light-high-contrast.json +145 -0
  20. package/dist/docs/functional/themes/light-tritanopia.json +145 -0
  21. package/dist/docs/functional/themes/light.json +145 -0
  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/themes/dark-colorblind.json +80 -0
  26. package/dist/figma/themes/dark-dimmed.json +80 -0
  27. package/dist/figma/themes/dark-high-contrast.json +80 -0
  28. package/dist/figma/themes/dark-tritanopia.json +80 -0
  29. package/dist/figma/themes/dark.json +80 -0
  30. package/dist/figma/themes/light-colorblind.json +80 -0
  31. package/dist/figma/themes/light-high-contrast.json +80 -0
  32. package/dist/figma/themes/light-tritanopia.json +80 -0
  33. package/dist/figma/themes/light.json +80 -0
  34. package/dist/figma/typography/typography.json +370 -0
  35. package/dist/internalCss/dark-colorblind.css +10 -0
  36. package/dist/internalCss/dark-dimmed.css +10 -0
  37. package/dist/internalCss/dark-high-contrast.css +10 -0
  38. package/dist/internalCss/dark-tritanopia.css +10 -0
  39. package/dist/internalCss/dark.css +10 -0
  40. package/dist/internalCss/light-colorblind.css +10 -0
  41. package/dist/internalCss/light-high-contrast.css +10 -0
  42. package/dist/internalCss/light-tritanopia.css +10 -0
  43. package/dist/internalCss/light.css +10 -0
  44. package/dist/styleLint/base/typography/typography.json +52 -4
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -0
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
  49. package/dist/styleLint/functional/themes/dark.json +145 -0
  50. package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
  53. package/dist/styleLint/functional/themes/light.json +145 -0
  54. package/dist/styleLint/functional/typography/typography.json +494 -36
  55. package/package.json +5 -13
  56. package/src/PrimerStyleDictionary.ts +12 -0
  57. package/src/filters/index.ts +1 -0
  58. package/src/filters/isNumber.ts +8 -0
  59. package/src/formats/jsonFigma.ts +1 -0
  60. package/src/platforms/figma.ts +10 -1
  61. package/src/schemas/numberToken.ts +17 -0
  62. package/src/tokens/base/typography/typography.json +28 -4
  63. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  64. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  65. package/src/tokens/functional/typography/typography.json +263 -34
  66. package/src/transformers/floatToPixel.ts +33 -0
  67. package/src/transformers/fontFamilyToCss.ts +3 -4
  68. package/src/transformers/fontFamilyToFigma.ts +47 -0
  69. package/src/transformers/index.ts +2 -0
  70. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  71. package/build.js +0 -578
  72. package/dist/deprecated/colors.json +0 -7
  73. package/dist/js/colors/dark.d.ts +0 -516
  74. package/dist/js/colors/dark.js +0 -616
  75. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  76. package/dist/js/colors/dark_colorblind.js +0 -616
  77. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  78. package/dist/js/colors/dark_dimmed.js +0 -616
  79. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  80. package/dist/js/colors/dark_high_contrast.js +0 -616
  81. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  82. package/dist/js/colors/dark_tritanopia.js +0 -616
  83. package/dist/js/colors/index.d.ts +0 -4638
  84. package/dist/js/colors/index.js +0 -15
  85. package/dist/js/colors/light.d.ts +0 -516
  86. package/dist/js/colors/light.js +0 -616
  87. package/dist/js/colors/light_colorblind.d.ts +0 -516
  88. package/dist/js/colors/light_colorblind.js +0 -616
  89. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  90. package/dist/js/colors/light_high_contrast.js +0 -616
  91. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  92. package/dist/js/colors/light_tritanopia.js +0 -616
  93. package/dist/js/index.d.ts +0 -4655
  94. package/dist/js/index.js +0 -9
  95. package/dist/js/spacing/index.d.ts +0 -6
  96. package/dist/js/spacing/index.js +0 -7
  97. package/dist/js/spacing/normal.d.ts +0 -4
  98. package/dist/js/spacing/normal.js +0 -13
  99. package/dist/js/typography/index.d.ts +0 -11
  100. package/dist/js/typography/index.js +0 -7
  101. package/dist/js/typography/normal.d.ts +0 -9
  102. package/dist/js/typography/normal.js +0 -19
  103. package/dist/json/colors/dark.json +0 -614
  104. package/dist/json/colors/dark_colorblind.json +0 -614
  105. package/dist/json/colors/dark_dimmed.json +0 -614
  106. package/dist/json/colors/dark_high_contrast.json +0 -614
  107. package/dist/json/colors/dark_tritanopia.json +0 -614
  108. package/dist/json/colors/light.json +0 -614
  109. package/dist/json/colors/light_colorblind.json +0 -614
  110. package/dist/json/colors/light_high_contrast.json +0 -614
  111. package/dist/json/colors/light_tritanopia.json +0 -614
  112. package/dist/json/spacing/normal.json +0 -11
  113. package/dist/json/typography/normal.json +0 -17
  114. package/dist/removed/colors.json +0 -432
  115. package/dist/scss/colors/_dark.scss +0 -452
  116. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  117. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  118. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  119. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  120. package/dist/scss/colors/_light.scss +0 -452
  121. package/dist/scss/colors/_light_colorblind.scss +0 -452
  122. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  123. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  124. package/dist/scss/spacing/_normal.scss +0 -11
  125. package/dist/scss/typography/_normal.scss +0 -15
  126. package/dist/ts/colors/dark.ts +0 -614
  127. package/dist/ts/colors/dark_colorblind.ts +0 -614
  128. package/dist/ts/colors/dark_dimmed.ts +0 -614
  129. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  130. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  131. package/dist/ts/colors/index.ts +0 -10
  132. package/dist/ts/colors/light.ts +0 -614
  133. package/dist/ts/colors/light_colorblind.ts +0 -614
  134. package/dist/ts/colors/light_high_contrast.ts +0 -614
  135. package/dist/ts/colors/light_tritanopia.ts +0 -614
  136. package/dist/ts/index.ts +0 -4
  137. package/dist/ts/spacing/index.ts +0 -2
  138. package/dist/ts/spacing/normal.ts +0 -11
  139. package/dist/ts/typography/index.ts +0 -2
  140. package/dist/ts/typography/normal.ts +0 -17
  141. package/tokens/base/size/size.json +0 -57
  142. package/tokens/base/typography/typography.json +0 -20
  143. package/tokens/functional/size/border.json +0 -48
  144. package/tokens/functional/size/breakpoints.json +0 -24
  145. package/tokens/functional/size/size-coarse.json +0 -27
  146. package/tokens/functional/size/size-fine.json +0 -27
  147. package/tokens/functional/size/size.json +0 -189
  148. package/tokens/functional/size/viewport.json +0 -24
  149. package/tokens/functional/typography/typography.json +0 -213
  150. package/tokens/removed/color.json +0 -421
  151. package/tokens-next-private/css/base/size/size.css +0 -19
  152. package/tokens-next-private/css/base/typography/typography.css +0 -6
  153. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  154. package/tokens-next-private/css/functional/size/border.css +0 -14
  155. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  156. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  157. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  158. package/tokens-next-private/css/functional/size/size.css +0 -74
  159. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  160. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  161. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  162. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  163. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  164. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  165. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  166. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  167. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  168. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  169. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  170. package/tokens-next-private/docs/base/size/size.json +0 -427
  171. package/tokens-next-private/docs/base/typography/typography.json +0 -54
  172. package/tokens-next-private/docs/functional/motion/motion.json +0 -47
  173. package/tokens-next-private/docs/functional/size/border.json +0 -234
  174. package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
  175. package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
  176. package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
  177. package/tokens-next-private/docs/functional/size/size.json +0 -1838
  178. package/tokens-next-private/docs/functional/size/viewport.json +0 -80
  179. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
  180. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
  181. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
  182. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
  183. package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
  184. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
  185. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
  186. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
  187. package/tokens-next-private/docs/functional/themes/light.json +0 -16113
  188. package/tokens-next-private/docs/functional/typography/typography.json +0 -663
  189. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  190. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  191. package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
  192. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  193. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  194. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  195. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  196. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  197. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  198. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  199. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  200. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  201. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  202. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  203. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  204. package/tokens-next-private/internalCss/dark.css +0 -1648
  205. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  206. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  207. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  208. package/tokens-next-private/internalCss/light.css +0 -1648
  209. package/tokens-next-private/removed/color.json +0 -421
  210. package/tokens-next-private/styleLint/base/size/size.json +0 -427
  211. package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
  212. package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
  213. package/tokens-next-private/styleLint/functional/size/border.json +0 -234
  214. package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
  215. package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
  216. package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
  217. package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
  218. package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
  219. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
  220. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
  221. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
  222. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
  223. package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
  224. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
  225. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
  226. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
  227. package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
  228. package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
  229. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  230. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  231. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  232. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  233. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  234. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  235. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  236. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  237. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  238. package/tokens-v2-private/docs/docValues.json +0 -2209
  239. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  240. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  241. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  242. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  243. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  244. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  245. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  246. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  247. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  248. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  249. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  250. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  251. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  252. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  253. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  254. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  255. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  256. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  257. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  258. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  259. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  260. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  261. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  262. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  263. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  264. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  265. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  266. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  267. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  268. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  269. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  270. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  271. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  272. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  273. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  274. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  275. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  276. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  277. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  278. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  279. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  280. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  281. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  282. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  283. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
package/dist/figma/themes/light-tritanopia.json CHANGED
@@ -5364,6 +5364,86 @@
5364
5364
  "group": "component (internal)",
5365
5365
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5366
5366
  },
5367
+ {
5368
+ "name": "display/pink/borderColor/emphasis",
5369
+ "value": {
5370
+ "r": 0.807843137254902,
5371
+ "g": 0.17254901960784313,
5372
+ "b": 0.5215686274509804,
5373
+ "a": 1
5374
+ },
5375
+ "type": "COLOR",
5376
+ "refId": "mode/display/pink/borderColor/emphasis",
5377
+ "reference": "base/color/light/base/display/color/pink/5",
5378
+ "collection": "mode",
5379
+ "mode": "light tritanopia",
5380
+ "group": "component (internal)",
5381
+ "scopes": ["STROKE_COLOR"]
5382
+ },
5383
+ {
5384
+ "name": "display/pink/borderColor/muted",
5385
+ "value": {
5386
+ "r": 0.9921568627450981,
5387
+ "g": 0.788235294117647,
5388
+ "b": 0.8862745098039215,
5389
+ "a": 1
5390
+ },
5391
+ "type": "COLOR",
5392
+ "refId": "mode/display/pink/borderColor/muted",
5393
+ "reference": "base/color/light/base/display/color/pink/1",
5394
+ "collection": "mode",
5395
+ "mode": "light tritanopia",
5396
+ "group": "component (internal)",
5397
+ "scopes": ["STROKE_COLOR"]
5398
+ },
5399
+ {
5400
+ "name": "display/pink/fgColor",
5401
+ "value": {
5402
+ "r": 0.6941176470588235,
5403
+ "g": 0.1843137254901961,
5404
+ "b": 0.4745098039215686,
5405
+ "a": 1
5406
+ },
5407
+ "type": "COLOR",
5408
+ "refId": "mode/display/pink/fgColor",
5409
+ "reference": "base/color/light/base/display/color/pink/6",
5410
+ "collection": "mode",
5411
+ "mode": "light tritanopia",
5412
+ "group": "component (internal)",
5413
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5414
+ },
5415
+ {
5416
+ "name": "display/pink/bgColor/emphasis",
5417
+ "value": {
5418
+ "r": 0.807843137254902,
5419
+ "g": 0.17254901960784313,
5420
+ "b": 0.5215686274509804,
5421
+ "a": 1
5422
+ },
5423
+ "type": "COLOR",
5424
+ "refId": "mode/display/pink/bgColor/emphasis",
5425
+ "reference": "base/color/light/base/display/color/pink/5",
5426
+ "collection": "mode",
5427
+ "mode": "light tritanopia",
5428
+ "group": "component (internal)",
5429
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5430
+ },
5431
+ {
5432
+ "name": "display/pink/bgColor/muted",
5433
+ "value": {
5434
+ "r": 1,
5435
+ "g": 0.8980392156862745,
5436
+ "b": 0.9450980392156862,
5437
+ "a": 1
5438
+ },
5439
+ "type": "COLOR",
5440
+ "refId": "mode/display/pink/bgColor/muted",
5441
+ "reference": "base/color/light/base/display/color/pink/0",
5442
+ "collection": "mode",
5443
+ "mode": "light tritanopia",
5444
+ "group": "component (internal)",
5445
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5446
+ },
5367
5447
  {
5368
5448
  "name": "display/indigo/borderColor/emphasis",
5369
5449
  "value": {
package/dist/figma/themes/light.json CHANGED
@@ -5249,6 +5249,86 @@
5249
5249
  "group": "component (internal)",
5250
5250
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5251
5251
  },
5252
+ {
5253
+ "name": "display/pink/borderColor/emphasis",
5254
+ "value": {
5255
+ "r": 0.807843137254902,
5256
+ "g": 0.17254901960784313,
5257
+ "b": 0.5215686274509804,
5258
+ "a": 1
5259
+ },
5260
+ "type": "COLOR",
5261
+ "refId": "mode/display/pink/borderColor/emphasis",
5262
+ "reference": "base/color/light/base/display/color/pink/5",
5263
+ "collection": "mode",
5264
+ "mode": "light",
5265
+ "group": "component (internal)",
5266
+ "scopes": ["STROKE_COLOR"]
5267
+ },
5268
+ {
5269
+ "name": "display/pink/borderColor/muted",
5270
+ "value": {
5271
+ "r": 0.9921568627450981,
5272
+ "g": 0.788235294117647,
5273
+ "b": 0.8862745098039215,
5274
+ "a": 1
5275
+ },
5276
+ "type": "COLOR",
5277
+ "refId": "mode/display/pink/borderColor/muted",
5278
+ "reference": "base/color/light/base/display/color/pink/1",
5279
+ "collection": "mode",
5280
+ "mode": "light",
5281
+ "group": "component (internal)",
5282
+ "scopes": ["STROKE_COLOR"]
5283
+ },
5284
+ {
5285
+ "name": "display/pink/fgColor",
5286
+ "value": {
5287
+ "r": 0.6941176470588235,
5288
+ "g": 0.1843137254901961,
5289
+ "b": 0.4745098039215686,
5290
+ "a": 1
5291
+ },
5292
+ "type": "COLOR",
5293
+ "refId": "mode/display/pink/fgColor",
5294
+ "reference": "base/color/light/base/display/color/pink/6",
5295
+ "collection": "mode",
5296
+ "mode": "light",
5297
+ "group": "component (internal)",
5298
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5299
+ },
5300
+ {
5301
+ "name": "display/pink/bgColor/emphasis",
5302
+ "value": {
5303
+ "r": 0.807843137254902,
5304
+ "g": 0.17254901960784313,
5305
+ "b": 0.5215686274509804,
5306
+ "a": 1
5307
+ },
5308
+ "type": "COLOR",
5309
+ "refId": "mode/display/pink/bgColor/emphasis",
5310
+ "reference": "base/color/light/base/display/color/pink/5",
5311
+ "collection": "mode",
5312
+ "mode": "light",
5313
+ "group": "component (internal)",
5314
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5315
+ },
5316
+ {
5317
+ "name": "display/pink/bgColor/muted",
5318
+ "value": {
5319
+ "r": 1,
5320
+ "g": 0.8980392156862745,
5321
+ "b": 0.9450980392156862,
5322
+ "a": 1
5323
+ },
5324
+ "type": "COLOR",
5325
+ "refId": "mode/display/pink/bgColor/muted",
5326
+ "reference": "base/color/light/base/display/color/pink/0",
5327
+ "collection": "mode",
5328
+ "mode": "light",
5329
+ "group": "component (internal)",
5330
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5331
+ },
5252
5332
  {
5253
5333
  "name": "display/indigo/borderColor/emphasis",
5254
5334
  "value": {
package/dist/figma/typography/typography.json ADDED
@@ -0,0 +1,370 @@
1
+ [
2
+ {
3
+ "name": "text/codeBlock/lineHeight",
4
+ "value": "20px",
5
+ "type": "FLOAT",
6
+ "refId": "typography/text/codeBlock/lineHeight",
7
+ "collection": "typography",
8
+ "mode": "default",
9
+ "group": "typography",
10
+ "scopes": ["ALL_SCOPES"]
11
+ },
12
+ {
13
+ "name": "text/codeBlock/size",
14
+ "value": 13,
15
+ "type": "FLOAT",
16
+ "refId": "typography/text/codeBlock/size",
17
+ "collection": "typography",
18
+ "mode": "default",
19
+ "group": "typography",
20
+ "scopes": ["ALL_SCOPES"]
21
+ },
22
+ {
23
+ "name": "text/caption/lineHeight",
24
+ "value": "16px",
25
+ "type": "FLOAT",
26
+ "refId": "typography/text/caption/lineHeight",
27
+ "collection": "typography",
28
+ "mode": "default",
29
+ "group": "typography",
30
+ "scopes": ["ALL_SCOPES"]
31
+ },
32
+ {
33
+ "name": "text/caption/size",
34
+ "value": 12,
35
+ "type": "FLOAT",
36
+ "refId": "typography/text/caption/size",
37
+ "collection": "typography",
38
+ "mode": "default",
39
+ "group": "typography",
40
+ "scopes": ["ALL_SCOPES"]
41
+ },
42
+ {
43
+ "name": "text/body/lineHeight/small",
44
+ "value": "20px",
45
+ "type": "FLOAT",
46
+ "refId": "typography/text/body/lineHeight/small",
47
+ "collection": "typography",
48
+ "mode": "default",
49
+ "group": "typography",
50
+ "scopes": ["ALL_SCOPES"]
51
+ },
52
+ {
53
+ "name": "text/body/lineHeight/medium",
54
+ "value": "20px",
55
+ "type": "FLOAT",
56
+ "refId": "typography/text/body/lineHeight/medium",
57
+ "collection": "typography",
58
+ "mode": "default",
59
+ "group": "typography",
60
+ "scopes": ["ALL_SCOPES"]
61
+ },
62
+ {
63
+ "name": "text/body/lineHeight/large",
64
+ "value": "24px",
65
+ "type": "FLOAT",
66
+ "refId": "typography/text/body/lineHeight/large",
67
+ "collection": "typography",
68
+ "mode": "default",
69
+ "group": "typography",
70
+ "scopes": ["ALL_SCOPES"]
71
+ },
72
+ {
73
+ "name": "text/body/size/small",
74
+ "value": 12,
75
+ "type": "FLOAT",
76
+ "refId": "typography/text/body/size/small",
77
+ "collection": "typography",
78
+ "mode": "default",
79
+ "group": "typography",
80
+ "scopes": ["ALL_SCOPES"]
81
+ },
82
+ {
83
+ "name": "text/body/size/medium",
84
+ "value": 14,
85
+ "type": "FLOAT",
86
+ "refId": "typography/text/body/size/medium",
87
+ "collection": "typography",
88
+ "mode": "default",
89
+ "group": "typography",
90
+ "scopes": ["ALL_SCOPES"]
91
+ },
92
+ {
93
+ "name": "text/body/size/large",
94
+ "value": 16,
95
+ "type": "FLOAT",
96
+ "refId": "typography/text/body/size/large",
97
+ "collection": "typography",
98
+ "mode": "default",
99
+ "group": "typography",
100
+ "scopes": ["ALL_SCOPES"]
101
+ },
102
+ {
103
+ "name": "text/subtitle/lineHeight",
104
+ "value": 1.6,
105
+ "type": "FLOAT",
106
+ "refId": "typography/text/subtitle/lineHeight",
107
+ "collection": "typography",
108
+ "mode": "default",
109
+ "group": "typography",
110
+ "scopes": ["ALL_SCOPES"]
111
+ },
112
+ {
113
+ "name": "text/subtitle/size",
114
+ "value": 20,
115
+ "type": "FLOAT",
116
+ "refId": "typography/text/subtitle/size",
117
+ "collection": "typography",
118
+ "mode": "default",
119
+ "group": "typography",
120
+ "scopes": ["ALL_SCOPES"]
121
+ },
122
+ {
123
+ "name": "text/title/lineHeight/small",
124
+ "value": "24px",
125
+ "type": "FLOAT",
126
+ "refId": "typography/text/title/lineHeight/small",
127
+ "collection": "typography",
128
+ "mode": "default",
129
+ "group": "typography",
130
+ "scopes": ["ALL_SCOPES"]
131
+ },
132
+ {
133
+ "name": "text/title/lineHeight/medium",
134
+ "value": "32px",
135
+ "type": "FLOAT",
136
+ "refId": "typography/text/title/lineHeight/medium",
137
+ "collection": "typography",
138
+ "mode": "default",
139
+ "group": "typography",
140
+ "scopes": ["ALL_SCOPES"]
141
+ },
142
+ {
143
+ "name": "text/title/lineHeight/large",
144
+ "value": "48px",
145
+ "type": "FLOAT",
146
+ "refId": "typography/text/title/lineHeight/large",
147
+ "collection": "typography",
148
+ "mode": "default",
149
+ "group": "typography",
150
+ "scopes": ["ALL_SCOPES"]
151
+ },
152
+ {
153
+ "name": "text/title/size/small",
154
+ "value": 16,
155
+ "type": "FLOAT",
156
+ "refId": "typography/text/title/size/small",
157
+ "collection": "typography",
158
+ "mode": "default",
159
+ "group": "typography",
160
+ "scopes": ["ALL_SCOPES"]
161
+ },
162
+ {
163
+ "name": "text/title/size/medium",
164
+ "value": 20,
165
+ "type": "FLOAT",
166
+ "refId": "typography/text/title/size/medium",
167
+ "collection": "typography",
168
+ "mode": "default",
169
+ "group": "typography",
170
+ "scopes": ["ALL_SCOPES"]
171
+ },
172
+ {
173
+ "name": "text/title/size/large",
174
+ "value": 32,
175
+ "type": "FLOAT",
176
+ "refId": "typography/text/title/size/large",
177
+ "collection": "typography",
178
+ "mode": "default",
179
+ "group": "typography",
180
+ "scopes": ["ALL_SCOPES"]
181
+ },
182
+ {
183
+ "name": "text/display/lineHeight",
184
+ "value": "56px",
185
+ "type": "FLOAT",
186
+ "refId": "typography/text/display/lineHeight",
187
+ "collection": "typography",
188
+ "mode": "default",
189
+ "group": "typography",
190
+ "scopes": ["ALL_SCOPES"]
191
+ },
192
+ {
193
+ "name": "text/display/size",
194
+ "value": 40,
195
+ "type": "FLOAT",
196
+ "refId": "typography/text/display/size",
197
+ "collection": "typography",
198
+ "mode": "default",
199
+ "group": "typography",
200
+ "scopes": ["ALL_SCOPES"]
201
+ },
202
+ {
203
+ "name": "text/display/lineBoxHeight",
204
+ "value": "56px",
205
+ "type": "FLOAT",
206
+ "refId": "typography/text/display/lineBoxHeight",
207
+ "collection": "typography",
208
+ "mode": "default",
209
+ "group": "typography",
210
+ "scopes": ["ALL_SCOPES"]
211
+ },
212
+ {
213
+ "name": "fontStack/monospace",
214
+ "value": "SF Mono",
215
+ "type": "STRING",
216
+ "refId": "typography/fontStack/monospace",
217
+ "collection": "typography",
218
+ "mode": "default",
219
+ "group": "typography",
220
+ "scopes": ["ALL_SCOPES"]
221
+ },
222
+ {
223
+ "name": "fontStack/sansSerif",
224
+ "value": "SF Pro Text",
225
+ "type": "STRING",
226
+ "refId": "typography/fontStack/sansSerif",
227
+ "collection": "typography",
228
+ "mode": "default",
229
+ "group": "typography",
230
+ "scopes": ["ALL_SCOPES"]
231
+ },
232
+ {
233
+ "name": "fontStack/system",
234
+ "value": "SF Pro Text",
235
+ "type": "STRING",
236
+ "refId": "typography/fontStack/system",
237
+ "collection": "typography",
238
+ "mode": "default",
239
+ "group": "typography",
240
+ "scopes": ["ALL_SCOPES"]
241
+ },
242
+ {
243
+ "name": "base/text/weight/semibold",
244
+ "value": 600,
245
+ "type": "FLOAT",
246
+ "refId": "base/typography/base/text/weight/semibold",
247
+ "collection": "base/typography",
248
+ "mode": "default",
249
+ "group": "base/typography",
250
+ "scopes": ["ALL_SCOPES"]
251
+ },
252
+ {
253
+ "name": "base/text/weight/medium",
254
+ "value": 500,
255
+ "type": "FLOAT",
256
+ "refId": "base/typography/base/text/weight/medium",
257
+ "collection": "base/typography",
258
+ "mode": "default",
259
+ "group": "base/typography",
260
+ "scopes": ["ALL_SCOPES"]
261
+ },
262
+ {
263
+ "name": "base/text/weight/normal",
264
+ "value": 400,
265
+ "type": "FLOAT",
266
+ "refId": "base/typography/base/text/weight/normal",
267
+ "collection": "base/typography",
268
+ "mode": "default",
269
+ "group": "base/typography",
270
+ "scopes": ["ALL_SCOPES"]
271
+ },
272
+ {
273
+ "name": "base/text/weight/light",
274
+ "value": 300,
275
+ "type": "FLOAT",
276
+ "refId": "base/typography/base/text/weight/light",
277
+ "collection": "base/typography",
278
+ "mode": "default",
279
+ "group": "base/typography",
280
+ "scopes": ["ALL_SCOPES"]
281
+ },
282
+ {
283
+ "name": "text/codeInline/weight",
284
+ "value": 400,
285
+ "type": "FLOAT",
286
+ "refId": "typography/text/codeInline/weight",
287
+ "reference": "base/typography/base/text/weight/normal",
288
+ "collection": "typography",
289
+ "mode": "default",
290
+ "group": "typography",
291
+ "scopes": ["ALL_SCOPES"]
292
+ },
293
+ {
294
+ "name": "text/codeBlock/weight",
295
+ "value": 400,
296
+ "type": "FLOAT",
297
+ "refId": "typography/text/codeBlock/weight",
298
+ "reference": "base/typography/base/text/weight/normal",
299
+ "collection": "typography",
300
+ "mode": "default",
301
+ "group": "typography",
302
+ "scopes": ["ALL_SCOPES"]
303
+ },
304
+ {
305
+ "name": "text/caption/weight",
306
+ "value": 400,
307
+ "type": "FLOAT",
308
+ "refId": "typography/text/caption/weight",
309
+ "reference": "base/typography/base/text/weight/normal",
310
+ "collection": "typography",
311
+ "mode": "default",
312
+ "group": "typography",
313
+ "scopes": ["ALL_SCOPES"]
314
+ },
315
+ {
316
+ "name": "text/subtitle/weight",
317
+ "value": 400,
318
+ "type": "FLOAT",
319
+ "refId": "typography/text/subtitle/weight",
320
+ "reference": "base/typography/base/text/weight/normal",
321
+ "collection": "typography",
322
+ "mode": "default",
323
+ "group": "typography",
324
+ "scopes": ["ALL_SCOPES"]
325
+ },
326
+ {
327
+ "name": "text/title/weight/small",
328
+ "value": 600,
329
+ "type": "FLOAT",
330
+ "refId": "typography/text/title/weight/small",
331
+ "reference": "base/typography/base/text/weight/semibold",
332
+ "collection": "typography",
333
+ "mode": "default",
334
+ "group": "typography",
335
+ "scopes": ["ALL_SCOPES"]
336
+ },
337
+ {
338
+ "name": "text/title/weight/medium",
339
+ "value": 600,
340
+ "type": "FLOAT",
341
+ "refId": "typography/text/title/weight/medium",
342
+ "reference": "base/typography/base/text/weight/semibold",
343
+ "collection": "typography",
344
+ "mode": "default",
345
+ "group": "typography",
346
+ "scopes": ["ALL_SCOPES"]
347
+ },
348
+ {
349
+ "name": "text/title/weight/large",
350
+ "value": 600,
351
+ "type": "FLOAT",
352
+ "refId": "typography/text/title/weight/large",
353
+ "reference": "base/typography/base/text/weight/semibold",
354
+ "collection": "typography",
355
+ "mode": "default",
356
+ "group": "typography",
357
+ "scopes": ["ALL_SCOPES"]
358
+ },
359
+ {
360
+ "name": "text/display/weight",
361
+ "value": 500,
362
+ "type": "FLOAT",
363
+ "refId": "typography/text/display/weight",
364
+ "reference": "base/typography/base/text/weight/medium",
365
+ "collection": "typography",
366
+ "mode": "default",
367
+ "group": "typography",
368
+ "scopes": ["ALL_SCOPES"]
369
+ }
370
+ ]
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #cdd9e51a;
421
426
  --avatar-borderColor: #cdd9e526;
422
427
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #cdd9e51a;
1244
1254
  --avatar-borderColor: #cdd9e526;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #22272e;
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffffe6;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffffe6;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
package/dist/internalCss/dark.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;