@primer/primitives 7.7.0 → 7.8.0-rc.b3d89b6

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