@primer/primitives 7.17.0-rc.d7413369 → 7.17.1

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 (148) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/typography/typography.css +1 -1
  3. package/dist/deprecated/colors.json +7 -0
  4. package/dist/docs/base/typography/typography.json +52 -4
  5. package/dist/docs/functional/themes/dark-colorblind.json +78 -78
  6. package/dist/docs/functional/themes/dark-dimmed.json +73 -73
  7. package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
  8. package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
  9. package/dist/docs/functional/themes/dark.json +73 -73
  10. package/dist/docs/functional/themes/light-colorblind.json +76 -76
  11. package/dist/docs/functional/themes/light-high-contrast.json +70 -70
  12. package/dist/docs/functional/themes/light-tritanopia.json +76 -76
  13. package/dist/docs/functional/themes/light.json +71 -71
  14. package/dist/docs/functional/typography/typography.json +455 -33
  15. package/dist/fallbacks/functional/typography/typography.json +1 -1
  16. package/dist/figma/figma.json +8 -0
  17. package/dist/figma/scales/dark-dimmed.json +20 -20
  18. package/dist/figma/scales/dark-high-constrast.json +20 -20
  19. package/dist/figma/scales/dark.json +20 -20
  20. package/dist/figma/scales/light-high-constrast.json +20 -20
  21. package/dist/figma/scales/light.json +20 -20
  22. package/dist/figma/themes/dark-colorblind.json +70 -70
  23. package/dist/figma/themes/dark-dimmed.json +65 -65
  24. package/dist/figma/themes/dark-high-contrast.json +69 -69
  25. package/dist/figma/themes/dark-tritanopia.json +70 -70
  26. package/dist/figma/themes/dark.json +65 -65
  27. package/dist/figma/themes/light-colorblind.json +59 -59
  28. package/dist/figma/themes/light-high-contrast.json +55 -55
  29. package/dist/figma/themes/light-tritanopia.json +59 -59
  30. package/dist/figma/themes/light.json +54 -54
  31. package/dist/figma/typography/typography.json +338 -0
  32. package/dist/internalCss/dark-colorblind.css +20 -20
  33. package/dist/internalCss/dark-dimmed.css +20 -20
  34. package/dist/internalCss/dark-high-contrast.css +20 -20
  35. package/dist/internalCss/dark-tritanopia.css +20 -20
  36. package/dist/internalCss/dark.css +20 -20
  37. package/dist/internalCss/light-colorblind.css +20 -20
  38. package/dist/internalCss/light-high-contrast.css +20 -20
  39. package/dist/internalCss/light-tritanopia.css +20 -20
  40. package/dist/internalCss/light.css +20 -20
  41. package/dist/js/colors/dark.d.ts +516 -0
  42. package/dist/js/colors/dark.js +616 -0
  43. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  44. package/dist/js/colors/dark_colorblind.js +616 -0
  45. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  46. package/dist/js/colors/dark_dimmed.js +616 -0
  47. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  48. package/dist/js/colors/dark_high_contrast.js +616 -0
  49. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  50. package/dist/js/colors/dark_tritanopia.js +616 -0
  51. package/dist/js/colors/index.d.ts +4638 -0
  52. package/dist/js/colors/index.js +15 -0
  53. package/dist/js/colors/light.d.ts +516 -0
  54. package/dist/js/colors/light.js +616 -0
  55. package/dist/js/colors/light_colorblind.d.ts +516 -0
  56. package/dist/js/colors/light_colorblind.js +616 -0
  57. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  58. package/dist/js/colors/light_high_contrast.js +616 -0
  59. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  60. package/dist/js/colors/light_tritanopia.js +616 -0
  61. package/dist/js/index.d.ts +4655 -0
  62. package/dist/js/index.js +9 -0
  63. package/dist/js/spacing/index.d.ts +6 -0
  64. package/dist/js/spacing/index.js +7 -0
  65. package/dist/js/spacing/normal.d.ts +4 -0
  66. package/dist/js/spacing/normal.js +13 -0
  67. package/dist/js/typography/index.d.ts +11 -0
  68. package/dist/js/typography/index.js +7 -0
  69. package/dist/js/typography/normal.d.ts +9 -0
  70. package/dist/js/typography/normal.js +19 -0
  71. package/dist/json/colors/dark.json +614 -0
  72. package/dist/json/colors/dark_colorblind.json +614 -0
  73. package/dist/json/colors/dark_dimmed.json +614 -0
  74. package/dist/json/colors/dark_high_contrast.json +614 -0
  75. package/dist/json/colors/dark_tritanopia.json +614 -0
  76. package/dist/json/colors/light.json +614 -0
  77. package/dist/json/colors/light_colorblind.json +614 -0
  78. package/dist/json/colors/light_high_contrast.json +614 -0
  79. package/dist/json/colors/light_tritanopia.json +614 -0
  80. package/dist/json/spacing/normal.json +11 -0
  81. package/dist/json/typography/normal.json +17 -0
  82. package/dist/removed/colors.json +432 -0
  83. package/dist/scss/colors/_dark.scss +452 -0
  84. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  85. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  86. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  87. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  88. package/dist/scss/colors/_light.scss +452 -0
  89. package/dist/scss/colors/_light_colorblind.scss +452 -0
  90. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  91. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  92. package/dist/scss/spacing/_normal.scss +11 -0
  93. package/dist/scss/typography/_normal.scss +15 -0
  94. package/dist/styleLint/base/typography/typography.json +52 -4
  95. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
  96. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
  97. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
  98. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
  99. package/dist/styleLint/functional/themes/dark.json +73 -73
  100. package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
  101. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
  102. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
  103. package/dist/styleLint/functional/themes/light.json +71 -71
  104. package/dist/styleLint/functional/typography/typography.json +455 -33
  105. package/dist/ts/colors/dark.ts +614 -0
  106. package/dist/ts/colors/dark_colorblind.ts +614 -0
  107. package/dist/ts/colors/dark_dimmed.ts +614 -0
  108. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  109. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  110. package/dist/ts/colors/index.ts +10 -0
  111. package/dist/ts/colors/light.ts +614 -0
  112. package/dist/ts/colors/light_colorblind.ts +614 -0
  113. package/dist/ts/colors/light_high_contrast.ts +614 -0
  114. package/dist/ts/colors/light_tritanopia.ts +614 -0
  115. package/dist/ts/index.ts +4 -0
  116. package/dist/ts/spacing/index.ts +2 -0
  117. package/dist/ts/spacing/normal.ts +11 -0
  118. package/dist/ts/typography/index.ts +2 -0
  119. package/dist/ts/typography/normal.ts +17 -0
  120. package/package.json +3 -3
  121. package/src/PrimerStyleDictionary.ts +6 -0
  122. package/src/platforms/figma.ts +1 -0
  123. package/src/schemas/numberToken.ts +17 -0
  124. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  125. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  126. package/src/tokens/base/color/dark/dark.json5 +1 -1
  127. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  128. package/src/tokens/base/color/light/light.json5 +1 -1
  129. package/src/tokens/base/typography/typography.json +28 -4
  130. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  131. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  132. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  133. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  134. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  135. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  136. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  137. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  138. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  139. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  140. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  141. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  142. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  143. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  144. package/src/tokens/functional/shadow/dark.json5 +1 -1
  145. package/src/tokens/functional/shadow/light.json5 +11 -11
  146. package/src/tokens/functional/typography/typography.json +242 -31
  147. package/src/transformers/floatToPixel.ts +33 -0
  148. package/src/transformers/index.ts +1 -0
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/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/deprecated/colors.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "mktg.btn.bg": null,
3
+ "mktg.btn.shadow.outline": null,
4
+ "mktg.btn.shadow.focus": null,
5
+ "mktg.btn.shadow.hover": null,
6
+ "mktg.btn.shadow.hoverMuted": null
7
+ }
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": {},