@primer/primitives 10.8.0-rc.c5ac4ae1 → 10.8.0-rc.f296f65b

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 (54) hide show
  1. package/dist/css/base/motion/motion.css +4 -4
  2. package/dist/css/functional/size/border.css +2 -2
  3. package/dist/css/functional/typography/typography.css +11 -11
  4. package/dist/css/primitives.css +17 -17
  5. package/dist/docs/base/motion/motion.json +48 -32
  6. package/dist/docs/base/size/size.json +95 -76
  7. package/dist/docs/base/typography/typography.json +12 -8
  8. package/dist/docs/functional/size/border.json +42 -28
  9. package/dist/docs/functional/size/breakpoints.json +18 -12
  10. package/dist/docs/functional/size/size-coarse.json +9 -6
  11. package/dist/docs/functional/size/size-fine.json +9 -6
  12. package/dist/docs/functional/size/size.json +198 -132
  13. package/dist/docs/functional/size/viewport.json +18 -12
  14. package/dist/docs/functional/themes/dark-colorblind.json +2472 -1648
  15. package/dist/docs/functional/themes/dark-dimmed.json +2472 -1648
  16. package/dist/docs/functional/themes/dark-high-contrast.json +2472 -1648
  17. package/dist/docs/functional/themes/dark-tritanopia.json +2472 -1648
  18. package/dist/docs/functional/themes/dark.json +2472 -1648
  19. package/dist/docs/functional/themes/light-colorblind.json +2472 -1648
  20. package/dist/docs/functional/themes/light-high-contrast.json +2472 -1648
  21. package/dist/docs/functional/themes/light-tritanopia.json +2472 -1648
  22. package/dist/docs/functional/themes/light.json +2472 -1648
  23. package/dist/docs/functional/typography/typography.json +138 -92
  24. package/dist/figma/dimension/dimension.json +19 -19
  25. package/dist/internalCss/dark-colorblind.css +4 -4
  26. package/dist/internalCss/dark-dimmed.css +4 -4
  27. package/dist/internalCss/dark-high-contrast.css +4 -4
  28. package/dist/internalCss/dark-tritanopia.css +4 -4
  29. package/dist/internalCss/dark.css +4 -4
  30. package/dist/internalCss/light-colorblind.css +4 -4
  31. package/dist/internalCss/light-high-contrast.css +4 -4
  32. package/dist/internalCss/light-tritanopia.css +4 -4
  33. package/dist/internalCss/light.css +4 -4
  34. package/dist/styleLint/base/motion/motion.json +64 -48
  35. package/dist/styleLint/base/size/size.json +114 -95
  36. package/dist/styleLint/base/typography/typography.json +16 -12
  37. package/dist/styleLint/functional/size/border.json +59 -45
  38. package/dist/styleLint/functional/size/breakpoints.json +24 -18
  39. package/dist/styleLint/functional/size/size-coarse.json +12 -9
  40. package/dist/styleLint/functional/size/size-fine.json +12 -9
  41. package/dist/styleLint/functional/size/size.json +264 -198
  42. package/dist/styleLint/functional/size/viewport.json +28 -22
  43. package/dist/styleLint/functional/themes/dark-colorblind.json +3296 -2472
  44. package/dist/styleLint/functional/themes/dark-dimmed.json +3296 -2472
  45. package/dist/styleLint/functional/themes/dark-high-contrast.json +3296 -2472
  46. package/dist/styleLint/functional/themes/dark-tritanopia.json +3296 -2472
  47. package/dist/styleLint/functional/themes/dark.json +3296 -2472
  48. package/dist/styleLint/functional/themes/light-colorblind.json +3296 -2472
  49. package/dist/styleLint/functional/themes/light-high-contrast.json +3296 -2472
  50. package/dist/styleLint/functional/themes/light-tritanopia.json +3296 -2472
  51. package/dist/styleLint/functional/themes/light.json +3296 -2472
  52. package/dist/styleLint/functional/typography/typography.json +184 -138
  53. package/package.json +2 -3
  54. package/src/tokens/base/size/size.json5 +19 -19
package/dist/styleLint/base/motion/motion.json CHANGED
@@ -1,173 +1,186 @@
1
1
  {
2
2
  "base-duration-0": {
3
+ "key": "{base.duration.0}",
3
4
  "$value": "0ms",
4
5
  "$type": "duration",
5
6
  "filePath": "src/tokens/base/motion/timing.json5",
6
7
  "isSource": true,
7
8
  "original": {
8
9
  "$value": "0ms",
9
- "$type": "duration"
10
+ "$type": "duration",
11
+ "key": "{base.duration.0}"
10
12
  },
11
13
  "name": "base-duration-0",
12
14
  "attributes": {},
13
- "path": ["base", "duration", "0"],
14
- "key": "{base.duration.0}"
15
+ "path": ["base", "duration", "0"]
15
16
  },
16
17
  "base-duration-100": {
18
+ "key": "{base.duration.100}",
17
19
  "$value": "100ms",
18
20
  "$type": "duration",
19
21
  "filePath": "src/tokens/base/motion/timing.json5",
20
22
  "isSource": true,
21
23
  "original": {
22
24
  "$value": "100ms",
23
- "$type": "duration"
25
+ "$type": "duration",
26
+ "key": "{base.duration.100}"
24
27
  },
25
28
  "name": "base-duration-100",
26
29
  "attributes": {},
27
- "path": ["base", "duration", "100"],
28
- "key": "{base.duration.100}"
30
+ "path": ["base", "duration", "100"]
29
31
  },
30
32
  "base-duration-1000": {
33
+ "key": "{base.duration.1000}",
31
34
  "$value": "1000ms",
32
35
  "$type": "duration",
33
36
  "filePath": "src/tokens/base/motion/timing.json5",
34
37
  "isSource": true,
35
38
  "original": {
36
39
  "$value": "1000ms",
37
- "$type": "duration"
40
+ "$type": "duration",
41
+ "key": "{base.duration.1000}"
38
42
  },
39
43
  "name": "base-duration-1000",
40
44
  "attributes": {},
41
- "path": ["base", "duration", "1000"],
42
- "key": "{base.duration.1000}"
45
+ "path": ["base", "duration", "1000"]
43
46
  },
44
47
  "base-duration-200": {
48
+ "key": "{base.duration.200}",
45
49
  "$value": "200ms",
46
50
  "$type": "duration",
47
51
  "filePath": "src/tokens/base/motion/timing.json5",
48
52
  "isSource": true,
49
53
  "original": {
50
54
  "$value": "200ms",
51
- "$type": "duration"
55
+ "$type": "duration",
56
+ "key": "{base.duration.200}"
52
57
  },
53
58
  "name": "base-duration-200",
54
59
  "attributes": {},
55
- "path": ["base", "duration", "200"],
56
- "key": "{base.duration.200}"
60
+ "path": ["base", "duration", "200"]
57
61
  },
58
62
  "base-duration-300": {
63
+ "key": "{base.duration.300}",
59
64
  "$value": "300ms",
60
65
  "$type": "duration",
61
66
  "filePath": "src/tokens/base/motion/timing.json5",
62
67
  "isSource": true,
63
68
  "original": {
64
69
  "$value": "300ms",
65
- "$type": "duration"
70
+ "$type": "duration",
71
+ "key": "{base.duration.300}"
66
72
  },
67
73
  "name": "base-duration-300",
68
74
  "attributes": {},
69
- "path": ["base", "duration", "300"],
70
- "key": "{base.duration.300}"
75
+ "path": ["base", "duration", "300"]
71
76
  },
72
77
  "base-duration-400": {
78
+ "key": "{base.duration.400}",
73
79
  "$value": "400ms",
74
80
  "$type": "duration",
75
81
  "filePath": "src/tokens/base/motion/timing.json5",
76
82
  "isSource": true,
77
83
  "original": {
78
84
  "$value": "400ms",
79
- "$type": "duration"
85
+ "$type": "duration",
86
+ "key": "{base.duration.400}"
80
87
  },
81
88
  "name": "base-duration-400",
82
89
  "attributes": {},
83
- "path": ["base", "duration", "400"],
84
- "key": "{base.duration.400}"
90
+ "path": ["base", "duration", "400"]
85
91
  },
86
92
  "base-duration-50": {
93
+ "key": "{base.duration.50}",
87
94
  "$value": "50ms",
88
95
  "$type": "duration",
89
96
  "filePath": "src/tokens/base/motion/timing.json5",
90
97
  "isSource": true,
91
98
  "original": {
92
99
  "$value": "50ms",
93
- "$type": "duration"
100
+ "$type": "duration",
101
+ "key": "{base.duration.50}"
94
102
  },
95
103
  "name": "base-duration-50",
96
104
  "attributes": {},
97
- "path": ["base", "duration", "50"],
98
- "key": "{base.duration.50}"
105
+ "path": ["base", "duration", "50"]
99
106
  },
100
107
  "base-duration-500": {
108
+ "key": "{base.duration.500}",
101
109
  "$value": "500ms",
102
110
  "$type": "duration",
103
111
  "filePath": "src/tokens/base/motion/timing.json5",
104
112
  "isSource": true,
105
113
  "original": {
106
114
  "$value": "500ms",
107
- "$type": "duration"
115
+ "$type": "duration",
116
+ "key": "{base.duration.500}"
108
117
  },
109
118
  "name": "base-duration-500",
110
119
  "attributes": {},
111
- "path": ["base", "duration", "500"],
112
- "key": "{base.duration.500}"
120
+ "path": ["base", "duration", "500"]
113
121
  },
114
122
  "base-duration-600": {
123
+ "key": "{base.duration.600}",
115
124
  "$value": "600ms",
116
125
  "$type": "duration",
117
126
  "filePath": "src/tokens/base/motion/timing.json5",
118
127
  "isSource": true,
119
128
  "original": {
120
129
  "$value": "600ms",
121
- "$type": "duration"
130
+ "$type": "duration",
131
+ "key": "{base.duration.600}"
122
132
  },
123
133
  "name": "base-duration-600",
124
134
  "attributes": {},
125
- "path": ["base", "duration", "600"],
126
- "key": "{base.duration.600}"
135
+ "path": ["base", "duration", "600"]
127
136
  },
128
137
  "base-duration-700": {
138
+ "key": "{base.duration.700}",
129
139
  "$value": "700ms",
130
140
  "$type": "duration",
131
141
  "filePath": "src/tokens/base/motion/timing.json5",
132
142
  "isSource": true,
133
143
  "original": {
134
144
  "$value": "700ms",
135
- "$type": "duration"
145
+ "$type": "duration",
146
+ "key": "{base.duration.700}"
136
147
  },
137
148
  "name": "base-duration-700",
138
149
  "attributes": {},
139
- "path": ["base", "duration", "700"],
140
- "key": "{base.duration.700}"
150
+ "path": ["base", "duration", "700"]
141
151
  },
142
152
  "base-duration-800": {
153
+ "key": "{base.duration.800}",
143
154
  "$value": "800ms",
144
155
  "$type": "duration",
145
156
  "filePath": "src/tokens/base/motion/timing.json5",
146
157
  "isSource": true,
147
158
  "original": {
148
159
  "$value": "800ms",
149
- "$type": "duration"
160
+ "$type": "duration",
161
+ "key": "{base.duration.800}"
150
162
  },
151
163
  "name": "base-duration-800",
152
164
  "attributes": {},
153
- "path": ["base", "duration", "800"],
154
- "key": "{base.duration.800}"
165
+ "path": ["base", "duration", "800"]
155
166
  },
156
167
  "base-duration-900": {
168
+ "key": "{base.duration.900}",
157
169
  "$value": "900ms",
158
170
  "$type": "duration",
159
171
  "filePath": "src/tokens/base/motion/timing.json5",
160
172
  "isSource": true,
161
173
  "original": {
162
174
  "$value": "900ms",
163
- "$type": "duration"
175
+ "$type": "duration",
176
+ "key": "{base.duration.900}"
164
177
  },
165
178
  "name": "base-duration-900",
166
179
  "attributes": {},
167
- "path": ["base", "duration", "900"],
168
- "key": "{base.duration.900}"
180
+ "path": ["base", "duration", "900"]
169
181
  },
170
182
  "base-easing-easeIn": {
183
+ "key": "{base.easing.easeIn}",
171
184
  "$value": [0.7, 0.1, 0.75, 0.9],
172
185
  "$type": "cubicBezier",
173
186
  "$description": "Ideal for movement that starts on the page and ends off the page.",
@@ -176,14 +189,15 @@
176
189
  "original": {
177
190
  "$value": [0.7, 0.1, 0.75, 0.9],
178
191
  "$type": "cubicBezier",
179
- "$description": "Ideal for movement that starts on the page and ends off the page."
192
+ "$description": "Ideal for movement that starts on the page and ends off the page.",
193
+ "key": "{base.easing.easeIn}"
180
194
  },
181
195
  "name": "base-easing-easeIn",
182
196
  "attributes": {},
183
- "path": ["base", "easing", "easeIn"],
184
- "key": "{base.easing.easeIn}"
197
+ "path": ["base", "easing", "easeIn"]
185
198
  },
186
199
  "base-easing-easeInOut": {
200
+ "key": "{base.easing.easeInOut}",
187
201
  "$value": [0.6, 0, 0.2, 1],
188
202
  "$type": "cubicBezier",
189
203
  "$description": "Ideal for movement that starts and ends on the page.",
@@ -192,14 +206,15 @@
192
206
  "original": {
193
207
  "$value": [0.6, 0, 0.2, 1],
194
208
  "$type": "cubicBezier",
195
- "$description": "Ideal for movement that starts and ends on the page."
209
+ "$description": "Ideal for movement that starts and ends on the page.",
210
+ "key": "{base.easing.easeInOut}"
196
211
  },
197
212
  "name": "base-easing-easeInOut",
198
213
  "attributes": {},
199
- "path": ["base", "easing", "easeInOut"],
200
- "key": "{base.easing.easeInOut}"
214
+ "path": ["base", "easing", "easeInOut"]
201
215
  },
202
216
  "base-easing-easeOut": {
217
+ "key": "{base.easing.easeOut}",
203
218
  "$value": [0.3, 0.8, 0.6, 1],
204
219
  "$type": "cubicBezier",
205
220
  "$description": "Ideal for movement that starts off the page and ends on the page.",
@@ -208,14 +223,15 @@
208
223
  "original": {
209
224
  "$value": [0.3, 0.8, 0.6, 1],
210
225
  "$type": "cubicBezier",
211
- "$description": "Ideal for movement that starts off the page and ends on the page."
226
+ "$description": "Ideal for movement that starts off the page and ends on the page.",
227
+ "key": "{base.easing.easeOut}"
212
228
  },
213
229
  "name": "base-easing-easeOut",
214
230
  "attributes": {},
215
- "path": ["base", "easing", "easeOut"],
216
- "key": "{base.easing.easeOut}"
231
+ "path": ["base", "easing", "easeOut"]
217
232
  },
218
233
  "base-easing-linear": {
234
+ "key": "{base.easing.linear}",
219
235
  "$value": [0, 0, 1, 1],
220
236
  "$type": "cubicBezier",
221
237
  "$description": "Ideal for non-movement properties, like opacity or background color.",
@@ -224,11 +240,11 @@
224
240
  "original": {
225
241
  "$value": [0, 0, 1, 1],
226
242
  "$type": "cubicBezier",
227
- "$description": "Ideal for non-movement properties, like opacity or background color."
243
+ "$description": "Ideal for non-movement properties, like opacity or background color.",
244
+ "key": "{base.easing.linear}"
228
245
  },
229
246
  "name": "base-easing-linear",
230
247
  "attributes": {},
231
- "path": ["base", "easing", "linear"],
232
- "key": "{base.easing.linear}"
248
+ "path": ["base", "easing", "linear"]
233
249
  }
234
250
  }