@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
@@ -0,0 +1,266 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 20 Apr 2022 16:47:27 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "base": {
8
+ "size": {
9
+ "4": {
10
+ "value": "0.25rem",
11
+ "filePath": "tokens/base/size/size.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "4px"
15
+ },
16
+ "name": "4",
17
+ "attributes": {},
18
+ "path": [
19
+ "base",
20
+ "size",
21
+ "4"
22
+ ]
23
+ },
24
+ "8": {
25
+ "value": "0.5rem",
26
+ "filePath": "tokens/base/size/size.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "8px"
30
+ },
31
+ "name": "8",
32
+ "attributes": {},
33
+ "path": [
34
+ "base",
35
+ "size",
36
+ "8"
37
+ ]
38
+ },
39
+ "12": {
40
+ "value": "0.75rem",
41
+ "filePath": "tokens/base/size/size.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "12px"
45
+ },
46
+ "name": "12",
47
+ "attributes": {},
48
+ "path": [
49
+ "base",
50
+ "size",
51
+ "12"
52
+ ]
53
+ },
54
+ "16": {
55
+ "value": "1rem",
56
+ "filePath": "tokens/base/size/size.json",
57
+ "isSource": true,
58
+ "original": {
59
+ "value": "16px"
60
+ },
61
+ "name": "16",
62
+ "attributes": {},
63
+ "path": [
64
+ "base",
65
+ "size",
66
+ "16"
67
+ ]
68
+ },
69
+ "20": {
70
+ "value": "1.25rem",
71
+ "filePath": "tokens/base/size/size.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "20px"
75
+ },
76
+ "name": "20",
77
+ "attributes": {},
78
+ "path": [
79
+ "base",
80
+ "size",
81
+ "20"
82
+ ]
83
+ },
84
+ "24": {
85
+ "value": "1.5rem",
86
+ "filePath": "tokens/base/size/size.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "24px"
90
+ },
91
+ "name": "24",
92
+ "attributes": {},
93
+ "path": [
94
+ "base",
95
+ "size",
96
+ "24"
97
+ ]
98
+ },
99
+ "28": {
100
+ "value": "1.75rem",
101
+ "filePath": "tokens/base/size/size.json",
102
+ "isSource": true,
103
+ "original": {
104
+ "value": "28px"
105
+ },
106
+ "name": "28",
107
+ "attributes": {},
108
+ "path": [
109
+ "base",
110
+ "size",
111
+ "28"
112
+ ]
113
+ },
114
+ "32": {
115
+ "value": "2rem",
116
+ "filePath": "tokens/base/size/size.json",
117
+ "isSource": true,
118
+ "original": {
119
+ "value": "32px"
120
+ },
121
+ "name": "32",
122
+ "attributes": {},
123
+ "path": [
124
+ "base",
125
+ "size",
126
+ "32"
127
+ ]
128
+ },
129
+ "36": {
130
+ "value": "2.25rem",
131
+ "filePath": "tokens/base/size/size.json",
132
+ "isSource": true,
133
+ "original": {
134
+ "value": "36px"
135
+ },
136
+ "name": "36",
137
+ "attributes": {},
138
+ "path": [
139
+ "base",
140
+ "size",
141
+ "36"
142
+ ]
143
+ },
144
+ "40": {
145
+ "value": "2.5rem",
146
+ "filePath": "tokens/base/size/size.json",
147
+ "isSource": true,
148
+ "original": {
149
+ "value": "40px"
150
+ },
151
+ "name": "40",
152
+ "attributes": {},
153
+ "path": [
154
+ "base",
155
+ "size",
156
+ "40"
157
+ ]
158
+ },
159
+ "44": {
160
+ "value": "2.75rem",
161
+ "filePath": "tokens/base/size/size.json",
162
+ "isSource": true,
163
+ "original": {
164
+ "value": "44px"
165
+ },
166
+ "name": "44",
167
+ "attributes": {},
168
+ "path": [
169
+ "base",
170
+ "size",
171
+ "44"
172
+ ]
173
+ },
174
+ "48": {
175
+ "value": "3rem",
176
+ "filePath": "tokens/base/size/size.json",
177
+ "isSource": true,
178
+ "original": {
179
+ "value": "48px"
180
+ },
181
+ "name": "48",
182
+ "attributes": {},
183
+ "path": [
184
+ "base",
185
+ "size",
186
+ "48"
187
+ ]
188
+ },
189
+ "64": {
190
+ "value": "4rem",
191
+ "filePath": "tokens/base/size/size.json",
192
+ "isSource": true,
193
+ "original": {
194
+ "value": "64px"
195
+ },
196
+ "name": "64",
197
+ "attributes": {},
198
+ "path": [
199
+ "base",
200
+ "size",
201
+ "64"
202
+ ]
203
+ },
204
+ "80": {
205
+ "value": "5rem",
206
+ "filePath": "tokens/base/size/size.json",
207
+ "isSource": true,
208
+ "original": {
209
+ "value": "80px"
210
+ },
211
+ "name": "80",
212
+ "attributes": {},
213
+ "path": [
214
+ "base",
215
+ "size",
216
+ "80"
217
+ ]
218
+ },
219
+ "96": {
220
+ "value": "6rem",
221
+ "filePath": "tokens/base/size/size.json",
222
+ "isSource": true,
223
+ "original": {
224
+ "value": "96px"
225
+ },
226
+ "name": "96",
227
+ "attributes": {},
228
+ "path": [
229
+ "base",
230
+ "size",
231
+ "96"
232
+ ]
233
+ },
234
+ "112": {
235
+ "value": "7rem",
236
+ "filePath": "tokens/base/size/size.json",
237
+ "isSource": true,
238
+ "original": {
239
+ "value": "112px"
240
+ },
241
+ "name": "112",
242
+ "attributes": {},
243
+ "path": [
244
+ "base",
245
+ "size",
246
+ "112"
247
+ ]
248
+ },
249
+ "128": {
250
+ "value": "8rem",
251
+ "filePath": "tokens/base/size/size.json",
252
+ "isSource": true,
253
+ "original": {
254
+ "value": "128px"
255
+ },
256
+ "name": "128",
257
+ "attributes": {},
258
+ "path": [
259
+ "base",
260
+ "size",
261
+ "128"
262
+ ]
263
+ }
264
+ }
265
+ }
266
+ };
@@ -0,0 +1,77 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 20 Apr 2022 16:47:27 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "base": {
8
+ "text": {
9
+ "weight": {
10
+ "light": {
11
+ "value": "300",
12
+ "filePath": "tokens/base/typography/typography.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": "300"
16
+ },
17
+ "name": "light",
18
+ "attributes": {},
19
+ "path": [
20
+ "base",
21
+ "text",
22
+ "weight",
23
+ "light"
24
+ ]
25
+ },
26
+ "normal": {
27
+ "value": "400",
28
+ "filePath": "tokens/base/typography/typography.json",
29
+ "isSource": true,
30
+ "original": {
31
+ "value": "400"
32
+ },
33
+ "name": "normal",
34
+ "attributes": {},
35
+ "path": [
36
+ "base",
37
+ "text",
38
+ "weight",
39
+ "normal"
40
+ ]
41
+ },
42
+ "medium": {
43
+ "value": "500",
44
+ "filePath": "tokens/base/typography/typography.json",
45
+ "isSource": true,
46
+ "original": {
47
+ "value": "500"
48
+ },
49
+ "name": "medium",
50
+ "attributes": {},
51
+ "path": [
52
+ "base",
53
+ "text",
54
+ "weight",
55
+ "medium"
56
+ ]
57
+ },
58
+ "semibold": {
59
+ "value": "600",
60
+ "filePath": "tokens/base/typography/typography.json",
61
+ "isSource": true,
62
+ "original": {
63
+ "value": "600"
64
+ },
65
+ "name": "semibold",
66
+ "attributes": {},
67
+ "path": [
68
+ "base",
69
+ "text",
70
+ "weight",
71
+ "semibold"
72
+ ]
73
+ }
74
+ }
75
+ }
76
+ }
77
+ };
@@ -0,0 +1,165 @@
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
+ "borderInset": {
9
+ "thin": {
10
+ "value": "inset 0 0 0 max(1px, 0.0625rem)",
11
+ "filePath": "tokens/functional/size/border.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "inset 0 0 0 {primer.borderWidth.thin}"
15
+ },
16
+ "name": "thin",
17
+ "attributes": {},
18
+ "path": [
19
+ "primer",
20
+ "borderInset",
21
+ "thin"
22
+ ]
23
+ },
24
+ "normal": {
25
+ "value": "inset 0 0 0 max(2px, 0.125rem)",
26
+ "filePath": "tokens/functional/size/border.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "inset 0 0 0 {primer.borderWidth.normal}"
30
+ },
31
+ "name": "normal",
32
+ "attributes": {},
33
+ "path": [
34
+ "primer",
35
+ "borderInset",
36
+ "normal"
37
+ ]
38
+ },
39
+ "thick": {
40
+ "value": "inset 0 0 0 max(4px, 0.25rem)",
41
+ "filePath": "tokens/functional/size/border.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "inset 0 0 0 {primer.borderWidth.thick}"
45
+ },
46
+ "name": "thick",
47
+ "attributes": {},
48
+ "path": [
49
+ "primer",
50
+ "borderInset",
51
+ "thick"
52
+ ]
53
+ }
54
+ },
55
+ "borderWidth": {
56
+ "thin": {
57
+ "value": "max(1px, 0.0625rem)",
58
+ "filePath": "tokens/functional/size/border.json",
59
+ "isSource": true,
60
+ "original": {
61
+ "value": "max(1px, 0.0625rem)"
62
+ },
63
+ "name": "thin",
64
+ "attributes": {},
65
+ "path": [
66
+ "primer",
67
+ "borderWidth",
68
+ "thin"
69
+ ]
70
+ },
71
+ "normal": {
72
+ "value": "max(2px, 0.125rem)",
73
+ "filePath": "tokens/functional/size/border.json",
74
+ "isSource": true,
75
+ "original": {
76
+ "value": "max(2px, 0.125rem)"
77
+ },
78
+ "name": "normal",
79
+ "attributes": {},
80
+ "path": [
81
+ "primer",
82
+ "borderWidth",
83
+ "normal"
84
+ ]
85
+ },
86
+ "thick": {
87
+ "value": "max(4px, 0.25rem)",
88
+ "filePath": "tokens/functional/size/border.json",
89
+ "isSource": true,
90
+ "original": {
91
+ "value": "max(4px, 0.25rem)"
92
+ },
93
+ "name": "thick",
94
+ "attributes": {},
95
+ "path": [
96
+ "primer",
97
+ "borderWidth",
98
+ "thick"
99
+ ]
100
+ }
101
+ },
102
+ "borderRadius": {
103
+ "small": {
104
+ "value": "0.1875rem",
105
+ "filePath": "tokens/functional/size/border.json",
106
+ "isSource": true,
107
+ "original": {
108
+ "value": "3px"
109
+ },
110
+ "name": "small",
111
+ "attributes": {},
112
+ "path": [
113
+ "primer",
114
+ "borderRadius",
115
+ "small"
116
+ ]
117
+ },
118
+ "medium": {
119
+ "value": "0.375rem",
120
+ "filePath": "tokens/functional/size/border.json",
121
+ "isSource": true,
122
+ "original": {
123
+ "value": "6px"
124
+ },
125
+ "name": "medium",
126
+ "attributes": {},
127
+ "path": [
128
+ "primer",
129
+ "borderRadius",
130
+ "medium"
131
+ ]
132
+ },
133
+ "large": {
134
+ "value": "0.75rem",
135
+ "filePath": "tokens/functional/size/border.json",
136
+ "isSource": true,
137
+ "original": {
138
+ "value": "12px"
139
+ },
140
+ "name": "large",
141
+ "attributes": {},
142
+ "path": [
143
+ "primer",
144
+ "borderRadius",
145
+ "large"
146
+ ]
147
+ },
148
+ "full": {
149
+ "value": "100vh",
150
+ "filePath": "tokens/functional/size/border.json",
151
+ "isSource": true,
152
+ "original": {
153
+ "value": "100vh"
154
+ },
155
+ "name": "full",
156
+ "attributes": {},
157
+ "path": [
158
+ "primer",
159
+ "borderRadius",
160
+ "full"
161
+ ]
162
+ }
163
+ }
164
+ }
165
+ };
@@ -0,0 +1,101 @@
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
+ "breakpoint": {
9
+ "xsmall": {
10
+ "value": "20rem",
11
+ "filePath": "tokens/functional/size/breakpoints.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "320px"
15
+ },
16
+ "name": "xsmall",
17
+ "attributes": {},
18
+ "path": [
19
+ "primer",
20
+ "breakpoint",
21
+ "xsmall"
22
+ ]
23
+ },
24
+ "small": {
25
+ "value": "34rem",
26
+ "filePath": "tokens/functional/size/breakpoints.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "544px"
30
+ },
31
+ "name": "small",
32
+ "attributes": {},
33
+ "path": [
34
+ "primer",
35
+ "breakpoint",
36
+ "small"
37
+ ]
38
+ },
39
+ "medium": {
40
+ "value": "48rem",
41
+ "filePath": "tokens/functional/size/breakpoints.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "768px"
45
+ },
46
+ "name": "medium",
47
+ "attributes": {},
48
+ "path": [
49
+ "primer",
50
+ "breakpoint",
51
+ "medium"
52
+ ]
53
+ },
54
+ "large": {
55
+ "value": "63.25rem",
56
+ "filePath": "tokens/functional/size/breakpoints.json",
57
+ "isSource": true,
58
+ "original": {
59
+ "value": "1012px"
60
+ },
61
+ "name": "large",
62
+ "attributes": {},
63
+ "path": [
64
+ "primer",
65
+ "breakpoint",
66
+ "large"
67
+ ]
68
+ },
69
+ "xlarge": {
70
+ "value": "80rem",
71
+ "filePath": "tokens/functional/size/breakpoints.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "1280px"
75
+ },
76
+ "name": "xlarge",
77
+ "attributes": {},
78
+ "path": [
79
+ "primer",
80
+ "breakpoint",
81
+ "xlarge"
82
+ ]
83
+ },
84
+ "xxlarge": {
85
+ "value": "90rem",
86
+ "filePath": "tokens/functional/size/breakpoints.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "1440px"
90
+ },
91
+ "name": "xxlarge",
92
+ "attributes": {},
93
+ "path": [
94
+ "primer",
95
+ "breakpoint",
96
+ "xxlarge"
97
+ ]
98
+ }
99
+ }
100
+ }
101
+ };
@@ -0,0 +1,73 @@
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
+ "control": {
9
+ "minTarget": {
10
+ "auto": {
11
+ "value": "1rem",
12
+ "filePath": "tokens/functional/size/size-fine.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": "{base.size.16}"
16
+ },
17
+ "name": "auto",
18
+ "attributes": {},
19
+ "path": [
20
+ "primer",
21
+ "control",
22
+ "minTarget",
23
+ "auto"
24
+ ]
25
+ }
26
+ }
27
+ },
28
+ "controlStack": {
29
+ "small": {
30
+ "gap": {
31
+ "auto": {
32
+ "value": "0.5rem",
33
+ "filePath": "tokens/functional/size/size-fine.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "{base.size.8}"
37
+ },
38
+ "name": "auto",
39
+ "attributes": {},
40
+ "path": [
41
+ "primer",
42
+ "controlStack",
43
+ "small",
44
+ "gap",
45
+ "auto"
46
+ ]
47
+ }
48
+ }
49
+ },
50
+ "medium": {
51
+ "gap": {
52
+ "auto": {
53
+ "value": "0.5rem",
54
+ "filePath": "tokens/functional/size/size-fine.json",
55
+ "isSource": true,
56
+ "original": {
57
+ "value": "{base.size.8}"
58
+ },
59
+ "name": "auto",
60
+ "attributes": {},
61
+ "path": [
62
+ "primer",
63
+ "controlStack",
64
+ "medium",
65
+ "gap",
66
+ "auto"
67
+ ]
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
73
+ };