@primer/primitives 7.17.0-rc.d7413369 → 7.17.0

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 (79) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/typography/typography.css +1 -1
  3. package/dist/docs/base/typography/typography.json +52 -4
  4. package/dist/docs/functional/themes/dark-colorblind.json +78 -78
  5. package/dist/docs/functional/themes/dark-dimmed.json +73 -73
  6. package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
  7. package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
  8. package/dist/docs/functional/themes/dark.json +73 -73
  9. package/dist/docs/functional/themes/light-colorblind.json +76 -76
  10. package/dist/docs/functional/themes/light-high-contrast.json +70 -70
  11. package/dist/docs/functional/themes/light-tritanopia.json +76 -76
  12. package/dist/docs/functional/themes/light.json +71 -71
  13. package/dist/docs/functional/typography/typography.json +455 -33
  14. package/dist/fallbacks/functional/typography/typography.json +1 -1
  15. package/dist/figma/figma.json +8 -0
  16. package/dist/figma/scales/dark-dimmed.json +20 -20
  17. package/dist/figma/scales/dark-high-constrast.json +20 -20
  18. package/dist/figma/scales/dark.json +20 -20
  19. package/dist/figma/scales/light-high-constrast.json +20 -20
  20. package/dist/figma/scales/light.json +20 -20
  21. package/dist/figma/themes/dark-colorblind.json +70 -70
  22. package/dist/figma/themes/dark-dimmed.json +65 -65
  23. package/dist/figma/themes/dark-high-contrast.json +69 -69
  24. package/dist/figma/themes/dark-tritanopia.json +70 -70
  25. package/dist/figma/themes/dark.json +65 -65
  26. package/dist/figma/themes/light-colorblind.json +59 -59
  27. package/dist/figma/themes/light-high-contrast.json +55 -55
  28. package/dist/figma/themes/light-tritanopia.json +59 -59
  29. package/dist/figma/themes/light.json +54 -54
  30. package/dist/figma/typography/typography.json +338 -0
  31. package/dist/internalCss/dark-colorblind.css +20 -20
  32. package/dist/internalCss/dark-dimmed.css +20 -20
  33. package/dist/internalCss/dark-high-contrast.css +20 -20
  34. package/dist/internalCss/dark-tritanopia.css +20 -20
  35. package/dist/internalCss/dark.css +20 -20
  36. package/dist/internalCss/light-colorblind.css +20 -20
  37. package/dist/internalCss/light-high-contrast.css +20 -20
  38. package/dist/internalCss/light-tritanopia.css +20 -20
  39. package/dist/internalCss/light.css +20 -20
  40. package/dist/styleLint/base/typography/typography.json +52 -4
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
  45. package/dist/styleLint/functional/themes/dark.json +73 -73
  46. package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
  49. package/dist/styleLint/functional/themes/light.json +71 -71
  50. package/dist/styleLint/functional/typography/typography.json +455 -33
  51. package/package.json +2 -2
  52. package/src/PrimerStyleDictionary.ts +6 -0
  53. package/src/platforms/figma.ts +1 -0
  54. package/src/schemas/numberToken.ts +17 -0
  55. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  56. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  57. package/src/tokens/base/color/dark/dark.json5 +1 -1
  58. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  59. package/src/tokens/base/color/light/light.json5 +1 -1
  60. package/src/tokens/base/typography/typography.json +28 -4
  61. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  62. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  63. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  64. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  65. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  66. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  67. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  68. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  72. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  73. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  74. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  75. package/src/tokens/functional/shadow/dark.json5 +1 -1
  76. package/src/tokens/functional/shadow/light.json5 +11 -11
  77. package/src/tokens/functional/typography/typography.json +242 -31
  78. package/src/transformers/floatToPixel.ts +33 -0
  79. 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/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": {},