@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/js/index.js DELETED
@@ -1,9 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const colors_1 = __importDefault(require("./colors"));
7
- const spacing_1 = __importDefault(require("./spacing"));
8
- const typography_1 = __importDefault(require("./typography"));
9
- exports.default = { colors: colors_1.default, spacing: spacing_1.default, typography: typography_1.default };
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- normal: {
3
- spacer: string[];
4
- };
5
- };
6
- export default _default;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const normal_1 = __importDefault(require("./normal"));
7
- exports.default = { normal: normal_1.default };
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- spacer: string[];
3
- };
4
- export default _default;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
4
- "spacer": [
5
- "0",
6
- "4px",
7
- "8px",
8
- "16px",
9
- "24px",
10
- "32px",
11
- "40px"
12
- ]
13
- };
@@ -1,11 +0,0 @@
1
- declare const _default: {
2
- normal: {
3
- fontSize: string[];
4
- lineHeight: {
5
- condensedUltra: number;
6
- condensed: number;
7
- default: number;
8
- };
9
- };
10
- };
11
- export default _default;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const normal_1 = __importDefault(require("./normal"));
7
- exports.default = { normal: normal_1.default };
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- fontSize: string[];
3
- lineHeight: {
4
- condensedUltra: number;
5
- condensed: number;
6
- default: number;
7
- };
8
- };
9
- export default _default;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
4
- "fontSize": [
5
- "12px",
6
- "14px",
7
- "16px",
8
- "20px",
9
- "24px",
10
- "32px",
11
- "40px",
12
- "48px"
13
- ],
14
- "lineHeight": {
15
- "condensedUltra": 1,
16
- "condensed": 1.25,
17
- "default": 1.5
18
- }
19
- };