@primer/primitives 7.8.3 → 7.9.0-rc.5ddc3c4

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 (97) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build.js +11 -1
  3. package/dist/js/colors/dark.d.ts +14 -0
  4. package/dist/js/colors/dark.js +14 -0
  5. package/dist/js/colors/dark_colorblind.d.ts +14 -0
  6. package/dist/js/colors/dark_colorblind.js +14 -0
  7. package/dist/js/colors/dark_dimmed.d.ts +14 -0
  8. package/dist/js/colors/dark_dimmed.js +14 -0
  9. package/dist/js/colors/dark_high_contrast.d.ts +14 -0
  10. package/dist/js/colors/dark_high_contrast.js +14 -0
  11. package/dist/js/colors/dark_tritanopia.d.ts +14 -0
  12. package/dist/js/colors/dark_tritanopia.js +14 -0
  13. package/dist/js/colors/index.d.ts +126 -0
  14. package/dist/js/colors/light.d.ts +14 -0
  15. package/dist/js/colors/light.js +14 -0
  16. package/dist/js/colors/light_colorblind.d.ts +14 -0
  17. package/dist/js/colors/light_colorblind.js +14 -0
  18. package/dist/js/colors/light_high_contrast.d.ts +14 -0
  19. package/dist/js/colors/light_high_contrast.js +14 -0
  20. package/dist/js/colors/light_tritanopia.d.ts +14 -0
  21. package/dist/js/colors/light_tritanopia.js +14 -0
  22. package/dist/js/index.d.ts +126 -0
  23. package/dist/json/colors/dark.json +14 -0
  24. package/dist/json/colors/dark_colorblind.json +14 -0
  25. package/dist/json/colors/dark_dimmed.json +14 -0
  26. package/dist/json/colors/dark_high_contrast.json +14 -0
  27. package/dist/json/colors/dark_tritanopia.json +14 -0
  28. package/dist/json/colors/light.json +14 -0
  29. package/dist/json/colors/light_colorblind.json +14 -0
  30. package/dist/json/colors/light_high_contrast.json +14 -0
  31. package/dist/json/colors/light_tritanopia.json +14 -0
  32. package/dist/scss/colors/_dark.scss +4 -0
  33. package/dist/scss/colors/_dark_colorblind.scss +4 -0
  34. package/dist/scss/colors/_dark_dimmed.scss +4 -0
  35. package/dist/scss/colors/_dark_high_contrast.scss +4 -0
  36. package/dist/scss/colors/_dark_tritanopia.scss +4 -0
  37. package/dist/scss/colors/_light.scss +4 -0
  38. package/dist/scss/colors/_light_colorblind.scss +4 -0
  39. package/dist/scss/colors/_light_high_contrast.scss +4 -0
  40. package/dist/scss/colors/_light_tritanopia.scss +4 -0
  41. package/dist/ts/colors/dark.ts +14 -0
  42. package/dist/ts/colors/dark_colorblind.ts +14 -0
  43. package/dist/ts/colors/dark_dimmed.ts +14 -0
  44. package/dist/ts/colors/dark_high_contrast.ts +14 -0
  45. package/dist/ts/colors/dark_tritanopia.ts +14 -0
  46. package/dist/ts/colors/light.ts +14 -0
  47. package/dist/ts/colors/light_colorblind.ts +14 -0
  48. package/dist/ts/colors/light_high_contrast.ts +14 -0
  49. package/dist/ts/colors/light_tritanopia.ts +14 -0
  50. package/package.json +1 -1
  51. package/tokens/functional/size/border.json +5 -5
  52. package/tokens/functional/typography/typography.json +9 -10
  53. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  54. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/border.css +4 -4
  56. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  57. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  60. package/tokens-v2-private/css/tokens/functional/typography/typography.css +11 -11
  61. package/tokens-v2-private/docs/docValues.json +38 -39
  62. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/border.js +15 -15
  65. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +28 -30
  71. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  72. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/border.js +5 -5
  74. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/typography/typography.js +20 -20
  80. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  82. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +5 -5
  85. package/tokens-v2-private/ts/tokens/functional/size/border.js +5 -5
  86. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -2
  97. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +19 -20
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 29 Apr 2022 19:38:32 GMT
3
+ * Generated on Wed, 20 Jul 2022 23:50:51 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -14,12 +14,12 @@ module.exports = {
14
14
  "display": {
15
15
  "lineBoxHeight": "3.5rem",
16
16
  "size": "2.5rem",
17
- "lineHeight": "3.5rem",
17
+ "lineHeight": "calc(56/40)",
18
18
  "weight": "500",
19
19
  "shorthand": {
20
20
  "fontWeight": "500",
21
21
  "fontSize": "2.5rem",
22
- "lineHeight": "3.5rem",
22
+ "lineHeight": "calc(56/40)",
23
23
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
24
24
  }
25
25
  },
@@ -29,33 +29,33 @@ module.exports = {
29
29
  "medium": "1.25rem"
30
30
  },
31
31
  "lineHeight": {
32
- "large": "3rem",
33
- "medium": "2rem"
32
+ "large": "calc(48/32)",
33
+ "medium": "calc(32/20)"
34
34
  },
35
35
  "weight": "600",
36
36
  "shorthand": {
37
37
  "large": {
38
38
  "fontWeight": "600",
39
39
  "fontSize": "2rem",
40
- "lineHeight": "3rem",
40
+ "lineHeight": "calc(48/32)",
41
41
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
42
42
  },
43
43
  "medium": {
44
44
  "fontWeight": "600",
45
45
  "fontSize": "1.25rem",
46
- "lineHeight": "2rem",
46
+ "lineHeight": "calc(32/20)",
47
47
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
48
48
  }
49
49
  }
50
50
  },
51
51
  "subtitle": {
52
52
  "size": "1.25rem",
53
- "lineHeight": "2rem",
53
+ "lineHeight": "calc(32/20)",
54
54
  "weight": "400",
55
55
  "shorthand": {
56
56
  "fontWeight": "400",
57
57
  "fontSize": "1.25rem",
58
- "lineHeight": "2rem",
58
+ "lineHeight": "calc(32/20)",
59
59
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
60
60
  }
61
61
  },
@@ -66,51 +66,51 @@ module.exports = {
66
66
  "small": "0.75rem"
67
67
  },
68
68
  "lineHeight": {
69
- "large": "1.5rem",
70
- "medium": "1.25rem",
71
- "small": "1.25rem"
69
+ "large": "calc(24/16)",
70
+ "medium": "calc(20/14)",
71
+ "small": "calc(20/12)"
72
72
  },
73
73
  "weight": "400",
74
74
  "shorthand": {
75
75
  "large": {
76
76
  "fontWeight": "400",
77
77
  "fontSize": "1rem",
78
- "lineHeight": "1.5rem",
78
+ "lineHeight": "calc(24/16)",
79
79
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
80
80
  },
81
81
  "medium": {
82
82
  "fontWeight": "400",
83
83
  "fontSize": "0.875rem",
84
- "lineHeight": "1.25rem",
84
+ "lineHeight": "calc(20/14)",
85
85
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
86
86
  },
87
87
  "small": {
88
88
  "fontWeight": "400",
89
89
  "fontSize": "0.75rem",
90
- "lineHeight": "1.25rem",
90
+ "lineHeight": "calc(20/12)",
91
91
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
92
92
  }
93
93
  }
94
94
  },
95
95
  "caption": {
96
96
  "size": "0.75rem",
97
- "lineHeight": "1rem",
97
+ "lineHeight": "calc(16/12)",
98
98
  "weight": "400",
99
99
  "shorthand": {
100
100
  "fontWeight": "400",
101
101
  "fontSize": "0.75rem",
102
- "lineHeight": "1rem",
102
+ "lineHeight": "calc(16/12)",
103
103
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
104
104
  }
105
105
  },
106
106
  "codeBlock": {
107
107
  "size": "0.8125rem",
108
- "lineHeight": "1.25rem",
108
+ "lineHeight": "calc(20/13)",
109
109
  "weight": "400",
110
110
  "shorthand": {
111
111
  "fontWeight": "400",
112
112
  "fontSize": "0.8125rem",
113
- "lineHeight": "1.25rem",
113
+ "lineHeight": "calc(20/13)",
114
114
  "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
115
115
  }
116
116
  },
@@ -120,7 +120,6 @@ module.exports = {
120
120
  "shorthand": {
121
121
  "fontWeight": "400",
122
122
  "fontSize": "0.9285em",
123
- "lineHeight": "inherit",
124
123
  "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
125
124
  }
126
125
  }