@atlaskit/tokens 0.10.28 → 0.10.30
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.
- package/CHANGELOG.md +67 -0
- package/css/atlassian-dark.css +298 -2
- package/css/atlassian-legacy-dark.css +298 -2
- package/css/atlassian-legacy-light.css +298 -2
- package/css/atlassian-light.css +298 -2
- package/css/atlassian-spacing.css +66 -3
- package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js +254 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
- package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
- package/dist/cjs/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
- package/dist/cjs/constants.js +4 -13
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/set-global-theme.js +30 -4
- package/dist/cjs/theme-change-observer.js +3 -2
- package/dist/cjs/theme-config.js +95 -0
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +218 -5
- package/dist/cjs/tokens/default/spacing/spacing.js +612 -11
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping/atlassian-spacing.js +254 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
- package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
- package/dist/es2019/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
- package/dist/es2019/constants.js +2 -10
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/set-global-theme.js +25 -5
- package/dist/es2019/theme-change-observer.js +5 -3
- package/dist/es2019/theme-config.js +87 -0
- package/dist/es2019/tokens/atlassian-spacing/spacing.js +218 -5
- package/dist/es2019/tokens/default/spacing/spacing.js +612 -11
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping/atlassian-spacing.js +254 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
- package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
- package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
- package/dist/esm/constants.js +2 -10
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/set-global-theme.js +28 -5
- package/dist/esm/theme-change-observer.js +5 -3
- package/dist/esm/theme-config.js +87 -0
- package/dist/esm/tokens/atlassian-spacing/spacing.js +218 -5
- package/dist/esm/tokens/default/spacing/spacing.js +612 -11
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +64 -1
- package/dist/types/artifacts/token-names.d.ts +64 -1
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
- package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
- package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
- package/dist/types/constants.d.ts +1 -8
- package/dist/types/index.d.ts +2 -1
- package/dist/types/set-global-theme.d.ts +2 -2
- package/dist/types/theme-change-observer.d.ts +4 -3
- package/dist/types/theme-config.d.ts +53 -0
- package/dist/types/types.d.ts +104 -6
- package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
- package/dist/types-ts4.0/artifacts/token-default-values.d.ts +64 -1
- package/dist/types-ts4.0/artifacts/token-names.d.ts +64 -1
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
- package/dist/types-ts4.0/constants.d.ts +1 -14
- package/dist/types-ts4.0/index.d.ts +2 -1
- package/dist/types-ts4.0/set-global-theme.d.ts +2 -2
- package/dist/types-ts4.0/theme-change-observer.d.ts +4 -3
- package/dist/types-ts4.0/theme-config.d.ts +53 -0
- package/dist/types-ts4.0/types.d.ts +104 -6
- package/package.json +3 -3
- package/report.api.md +180 -17
- package/tmp/api-report-tmp.d.ts +164 -10
|
@@ -1,16 +1,5 @@
|
|
|
1
1
|
const spacing = {
|
|
2
2
|
spacing: {
|
|
3
|
-
container: {
|
|
4
|
-
gutter: {
|
|
5
|
-
attributes: {
|
|
6
|
-
group: 'spacing',
|
|
7
|
-
state: 'experimental',
|
|
8
|
-
replacement: '8px',
|
|
9
|
-
introduced: '0.10.16',
|
|
10
|
-
description: 'Helpful guidance goes here. This is an example of a more semantic token over the top of our scale. It uses the same underlying base tokens as the scale.x tokens use.'
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
3
|
scale: {
|
|
15
4
|
'0': {
|
|
16
5
|
attributes: {
|
|
@@ -24,6 +13,7 @@ const spacing = {
|
|
|
24
13
|
attributes: {
|
|
25
14
|
group: 'spacing',
|
|
26
15
|
state: 'active',
|
|
16
|
+
suggest: ['1px', '3px'],
|
|
27
17
|
introduced: '0.10.16',
|
|
28
18
|
description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
|
|
29
19
|
}
|
|
@@ -32,6 +22,7 @@ const spacing = {
|
|
|
32
22
|
attributes: {
|
|
33
23
|
group: 'spacing',
|
|
34
24
|
state: 'active',
|
|
25
|
+
suggest: ['3px', '5px'],
|
|
35
26
|
introduced: '0.10.16',
|
|
36
27
|
description: 'Helpful guidance goes here'
|
|
37
28
|
}
|
|
@@ -40,6 +31,7 @@ const spacing = {
|
|
|
40
31
|
attributes: {
|
|
41
32
|
group: 'spacing',
|
|
42
33
|
state: 'active',
|
|
34
|
+
suggest: ['5px', '7px'],
|
|
43
35
|
introduced: '0.10.16',
|
|
44
36
|
description: 'Helpful guidance goes here'
|
|
45
37
|
}
|
|
@@ -48,6 +40,7 @@ const spacing = {
|
|
|
48
40
|
attributes: {
|
|
49
41
|
group: 'spacing',
|
|
50
42
|
state: 'active',
|
|
43
|
+
suggest: ['7px', '9px'],
|
|
51
44
|
introduced: '0.10.16',
|
|
52
45
|
description: 'Helpful guidance goes here'
|
|
53
46
|
}
|
|
@@ -56,6 +49,7 @@ const spacing = {
|
|
|
56
49
|
attributes: {
|
|
57
50
|
group: 'spacing',
|
|
58
51
|
state: 'active',
|
|
52
|
+
suggest: ['10px', '11px', '13px', '14px'],
|
|
59
53
|
introduced: '0.10.16',
|
|
60
54
|
description: 'Helpful guidance goes here'
|
|
61
55
|
}
|
|
@@ -64,6 +58,7 @@ const spacing = {
|
|
|
64
58
|
attributes: {
|
|
65
59
|
group: 'spacing',
|
|
66
60
|
state: 'active',
|
|
61
|
+
suggest: ['14px', '15px', '17px', '18px'],
|
|
67
62
|
introduced: '0.10.16',
|
|
68
63
|
description: 'Helpful guidance goes here'
|
|
69
64
|
}
|
|
@@ -72,6 +67,7 @@ const spacing = {
|
|
|
72
67
|
attributes: {
|
|
73
68
|
group: 'spacing',
|
|
74
69
|
state: 'active',
|
|
70
|
+
suggest: ['19px', '21px', '22px', '23px'],
|
|
75
71
|
introduced: '0.10.16',
|
|
76
72
|
description: 'Helpful guidance goes here'
|
|
77
73
|
}
|
|
@@ -80,6 +76,7 @@ const spacing = {
|
|
|
80
76
|
attributes: {
|
|
81
77
|
group: 'spacing',
|
|
82
78
|
state: 'active',
|
|
79
|
+
suggest: ['23px', '25px', '26px', '27px', '28px'],
|
|
83
80
|
introduced: '0.10.16',
|
|
84
81
|
description: 'Helpful guidance goes here'
|
|
85
82
|
}
|
|
@@ -88,6 +85,7 @@ const spacing = {
|
|
|
88
85
|
attributes: {
|
|
89
86
|
group: 'spacing',
|
|
90
87
|
state: 'active',
|
|
88
|
+
suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
|
|
91
89
|
introduced: '0.10.16',
|
|
92
90
|
description: 'Helpful guidance goes here'
|
|
93
91
|
}
|
|
@@ -96,6 +94,7 @@ const spacing = {
|
|
|
96
94
|
attributes: {
|
|
97
95
|
group: 'spacing',
|
|
98
96
|
state: 'active',
|
|
97
|
+
suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
|
|
99
98
|
introduced: '0.10.16',
|
|
100
99
|
description: 'Helpful guidance goes here'
|
|
101
100
|
}
|
|
@@ -108,6 +107,608 @@ const spacing = {
|
|
|
108
107
|
description: 'Helpful guidance goes here'
|
|
109
108
|
}
|
|
110
109
|
}
|
|
110
|
+
},
|
|
111
|
+
scaleLinear: {
|
|
112
|
+
'0': {
|
|
113
|
+
attributes: {
|
|
114
|
+
group: 'spacing',
|
|
115
|
+
state: 'experimental',
|
|
116
|
+
replacement: '0',
|
|
117
|
+
introduced: '0.10.28',
|
|
118
|
+
description: 'Helpful guidance goes here'
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
'100': {
|
|
122
|
+
attributes: {
|
|
123
|
+
group: 'spacing',
|
|
124
|
+
state: 'experimental',
|
|
125
|
+
replacement: '2px',
|
|
126
|
+
introduced: '0.10.28',
|
|
127
|
+
description: 'Helpful guidance goes here'
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
'200': {
|
|
131
|
+
attributes: {
|
|
132
|
+
group: 'spacing',
|
|
133
|
+
state: 'experimental',
|
|
134
|
+
replacement: '4px',
|
|
135
|
+
introduced: '0.10.28',
|
|
136
|
+
description: 'Helpful guidance goes here'
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
'300': {
|
|
140
|
+
attributes: {
|
|
141
|
+
group: 'spacing',
|
|
142
|
+
state: 'experimental',
|
|
143
|
+
replacement: '6px',
|
|
144
|
+
introduced: '0.10.28',
|
|
145
|
+
description: 'Helpful guidance goes here'
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
'400': {
|
|
149
|
+
attributes: {
|
|
150
|
+
group: 'spacing',
|
|
151
|
+
state: 'experimental',
|
|
152
|
+
replacement: '8px',
|
|
153
|
+
introduced: '0.10.28',
|
|
154
|
+
description: 'Helpful guidance goes here'
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
'500': {
|
|
158
|
+
attributes: {
|
|
159
|
+
group: 'spacing',
|
|
160
|
+
state: 'experimental',
|
|
161
|
+
replacement: '12px',
|
|
162
|
+
introduced: '0.10.28',
|
|
163
|
+
description: 'Helpful guidance goes here'
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
'600': {
|
|
167
|
+
attributes: {
|
|
168
|
+
group: 'spacing',
|
|
169
|
+
state: 'experimental',
|
|
170
|
+
replacement: '16px',
|
|
171
|
+
introduced: '0.10.28',
|
|
172
|
+
description: 'Helpful guidance goes here'
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
'700': {
|
|
176
|
+
attributes: {
|
|
177
|
+
group: 'spacing',
|
|
178
|
+
state: 'experimental',
|
|
179
|
+
replacement: '20px',
|
|
180
|
+
introduced: '0.10.28',
|
|
181
|
+
description: 'Helpful guidance goes here'
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
'800': {
|
|
185
|
+
attributes: {
|
|
186
|
+
group: 'spacing',
|
|
187
|
+
state: 'experimental',
|
|
188
|
+
replacement: '24px',
|
|
189
|
+
introduced: '0.10.28',
|
|
190
|
+
description: 'Helpful guidance goes here'
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
'900': {
|
|
194
|
+
attributes: {
|
|
195
|
+
group: 'spacing',
|
|
196
|
+
state: 'experimental',
|
|
197
|
+
replacement: '32px',
|
|
198
|
+
introduced: '0.10.28',
|
|
199
|
+
description: 'Helpful guidance goes here'
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
'1000': {
|
|
203
|
+
attributes: {
|
|
204
|
+
group: 'spacing',
|
|
205
|
+
state: 'experimental',
|
|
206
|
+
replacement: '40px',
|
|
207
|
+
introduced: '0.10.28',
|
|
208
|
+
description: 'Helpful guidance goes here'
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
'1100': {
|
|
212
|
+
attributes: {
|
|
213
|
+
group: 'spacing',
|
|
214
|
+
state: 'experimental',
|
|
215
|
+
replacement: '48px',
|
|
216
|
+
introduced: '0.10.28',
|
|
217
|
+
description: 'Helpful guidance goes here'
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
pixel: {
|
|
222
|
+
'0': {
|
|
223
|
+
attributes: {
|
|
224
|
+
group: 'spacing',
|
|
225
|
+
state: 'experimental',
|
|
226
|
+
replacement: '0',
|
|
227
|
+
introduced: '0.10.28',
|
|
228
|
+
description: 'Helpful guidance goes here'
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
'2': {
|
|
232
|
+
attributes: {
|
|
233
|
+
group: 'spacing',
|
|
234
|
+
state: 'experimental',
|
|
235
|
+
replacement: '2px',
|
|
236
|
+
introduced: '0.10.28',
|
|
237
|
+
description: 'Helpful guidance goes here'
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
'4': {
|
|
241
|
+
attributes: {
|
|
242
|
+
group: 'spacing',
|
|
243
|
+
state: 'experimental',
|
|
244
|
+
replacement: '4px',
|
|
245
|
+
introduced: '0.10.28',
|
|
246
|
+
description: 'Helpful guidance goes here'
|
|
247
|
+
}
|
|
248
|
+
},
|
|
249
|
+
'6': {
|
|
250
|
+
attributes: {
|
|
251
|
+
group: 'spacing',
|
|
252
|
+
state: 'experimental',
|
|
253
|
+
replacement: '6px',
|
|
254
|
+
introduced: '0.10.28',
|
|
255
|
+
description: 'Helpful guidance goes here'
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
'8': {
|
|
259
|
+
attributes: {
|
|
260
|
+
group: 'spacing',
|
|
261
|
+
state: 'experimental',
|
|
262
|
+
replacement: '8px',
|
|
263
|
+
introduced: '0.10.28',
|
|
264
|
+
description: 'Helpful guidance goes here'
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
'12': {
|
|
268
|
+
attributes: {
|
|
269
|
+
group: 'spacing',
|
|
270
|
+
state: 'experimental',
|
|
271
|
+
replacement: '12px',
|
|
272
|
+
introduced: '0.10.28',
|
|
273
|
+
description: 'Helpful guidance goes here'
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
'16': {
|
|
277
|
+
attributes: {
|
|
278
|
+
group: 'spacing',
|
|
279
|
+
state: 'experimental',
|
|
280
|
+
replacement: '16px',
|
|
281
|
+
introduced: '0.10.28',
|
|
282
|
+
description: 'Helpful guidance goes here'
|
|
283
|
+
}
|
|
284
|
+
},
|
|
285
|
+
'20': {
|
|
286
|
+
attributes: {
|
|
287
|
+
group: 'spacing',
|
|
288
|
+
state: 'experimental',
|
|
289
|
+
replacement: '20px',
|
|
290
|
+
introduced: '0.10.28',
|
|
291
|
+
description: 'Helpful guidance goes here'
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
'24': {
|
|
295
|
+
attributes: {
|
|
296
|
+
group: 'spacing',
|
|
297
|
+
state: 'experimental',
|
|
298
|
+
replacement: '24px',
|
|
299
|
+
introduced: '0.10.28',
|
|
300
|
+
description: 'Helpful guidance goes here'
|
|
301
|
+
}
|
|
302
|
+
},
|
|
303
|
+
'32': {
|
|
304
|
+
attributes: {
|
|
305
|
+
group: 'spacing',
|
|
306
|
+
state: 'experimental',
|
|
307
|
+
replacement: '32px',
|
|
308
|
+
introduced: '0.10.28',
|
|
309
|
+
description: 'Helpful guidance goes here'
|
|
310
|
+
}
|
|
311
|
+
},
|
|
312
|
+
'40': {
|
|
313
|
+
attributes: {
|
|
314
|
+
group: 'spacing',
|
|
315
|
+
state: 'experimental',
|
|
316
|
+
replacement: '40px',
|
|
317
|
+
introduced: '0.10.28',
|
|
318
|
+
description: 'Helpful guidance goes here'
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
'48': {
|
|
322
|
+
attributes: {
|
|
323
|
+
group: 'spacing',
|
|
324
|
+
state: 'experimental',
|
|
325
|
+
replacement: '48px',
|
|
326
|
+
introduced: '0.10.28',
|
|
327
|
+
description: 'Helpful guidance goes here'
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
},
|
|
331
|
+
size: {
|
|
332
|
+
none: {
|
|
333
|
+
attributes: {
|
|
334
|
+
group: 'spacing',
|
|
335
|
+
state: 'experimental',
|
|
336
|
+
replacement: '0',
|
|
337
|
+
introduced: '0.10.28',
|
|
338
|
+
description: 'Helpful guidance goes here'
|
|
339
|
+
}
|
|
340
|
+
},
|
|
341
|
+
xxxxSmall: {
|
|
342
|
+
attributes: {
|
|
343
|
+
group: 'spacing',
|
|
344
|
+
state: 'experimental',
|
|
345
|
+
replacement: '2px',
|
|
346
|
+
introduced: '0.10.28',
|
|
347
|
+
description: 'Helpful guidance goes here'
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
xxxSmall: {
|
|
351
|
+
attributes: {
|
|
352
|
+
group: 'spacing',
|
|
353
|
+
state: 'experimental',
|
|
354
|
+
replacement: '4px',
|
|
355
|
+
introduced: '0.10.28',
|
|
356
|
+
description: 'Helpful guidance goes here'
|
|
357
|
+
}
|
|
358
|
+
},
|
|
359
|
+
xxSmall: {
|
|
360
|
+
attributes: {
|
|
361
|
+
group: 'spacing',
|
|
362
|
+
state: 'experimental',
|
|
363
|
+
replacement: '6px',
|
|
364
|
+
introduced: '0.10.28',
|
|
365
|
+
description: 'Helpful guidance goes here'
|
|
366
|
+
}
|
|
367
|
+
},
|
|
368
|
+
xsmall: {
|
|
369
|
+
attributes: {
|
|
370
|
+
group: 'spacing',
|
|
371
|
+
state: 'experimental',
|
|
372
|
+
replacement: '8px',
|
|
373
|
+
introduced: '0.10.28',
|
|
374
|
+
description: 'Helpful guidance goes here'
|
|
375
|
+
}
|
|
376
|
+
},
|
|
377
|
+
small: {
|
|
378
|
+
attributes: {
|
|
379
|
+
group: 'spacing',
|
|
380
|
+
state: 'experimental',
|
|
381
|
+
replacement: '12px',
|
|
382
|
+
introduced: '0.10.28',
|
|
383
|
+
description: 'Helpful guidance goes here'
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
medium: {
|
|
387
|
+
attributes: {
|
|
388
|
+
group: 'spacing',
|
|
389
|
+
state: 'experimental',
|
|
390
|
+
replacement: '16px',
|
|
391
|
+
introduced: '0.10.28',
|
|
392
|
+
description: 'Helpful guidance goes here'
|
|
393
|
+
}
|
|
394
|
+
},
|
|
395
|
+
large: {
|
|
396
|
+
attributes: {
|
|
397
|
+
group: 'spacing',
|
|
398
|
+
state: 'experimental',
|
|
399
|
+
replacement: '20px',
|
|
400
|
+
introduced: '0.10.28',
|
|
401
|
+
description: 'Helpful guidance goes here'
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
xlarge: {
|
|
405
|
+
attributes: {
|
|
406
|
+
group: 'spacing',
|
|
407
|
+
state: 'experimental',
|
|
408
|
+
replacement: '24px',
|
|
409
|
+
introduced: '0.10.28',
|
|
410
|
+
description: 'Helpful guidance goes here'
|
|
411
|
+
}
|
|
412
|
+
},
|
|
413
|
+
xxlarge: {
|
|
414
|
+
attributes: {
|
|
415
|
+
group: 'spacing',
|
|
416
|
+
state: 'experimental',
|
|
417
|
+
replacement: '32px',
|
|
418
|
+
introduced: '0.10.28',
|
|
419
|
+
description: 'Helpful guidance goes here'
|
|
420
|
+
}
|
|
421
|
+
},
|
|
422
|
+
xxxlarge: {
|
|
423
|
+
attributes: {
|
|
424
|
+
group: 'spacing',
|
|
425
|
+
state: 'experimental',
|
|
426
|
+
replacement: '40px',
|
|
427
|
+
introduced: '0.10.28',
|
|
428
|
+
description: 'Helpful guidance goes here'
|
|
429
|
+
}
|
|
430
|
+
},
|
|
431
|
+
xxxxlarge: {
|
|
432
|
+
attributes: {
|
|
433
|
+
group: 'spacing',
|
|
434
|
+
state: 'experimental',
|
|
435
|
+
replacement: '48px',
|
|
436
|
+
introduced: '0.10.28',
|
|
437
|
+
description: 'Helpful guidance goes here'
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
},
|
|
441
|
+
ecl: {
|
|
442
|
+
element: {
|
|
443
|
+
'2': {
|
|
444
|
+
attributes: {
|
|
445
|
+
group: 'spacing',
|
|
446
|
+
state: 'experimental',
|
|
447
|
+
replacement: '2px',
|
|
448
|
+
introduced: '0.10.28',
|
|
449
|
+
description: 'Helpful guidance goes here'
|
|
450
|
+
}
|
|
451
|
+
},
|
|
452
|
+
'4': {
|
|
453
|
+
attributes: {
|
|
454
|
+
group: 'spacing',
|
|
455
|
+
state: 'experimental',
|
|
456
|
+
replacement: '4px',
|
|
457
|
+
introduced: '0.10.28',
|
|
458
|
+
description: 'Helpful guidance goes here'
|
|
459
|
+
}
|
|
460
|
+
},
|
|
461
|
+
'6': {
|
|
462
|
+
attributes: {
|
|
463
|
+
group: 'spacing',
|
|
464
|
+
state: 'experimental',
|
|
465
|
+
replacement: '6px',
|
|
466
|
+
introduced: '0.10.28',
|
|
467
|
+
description: 'Helpful guidance goes here'
|
|
468
|
+
}
|
|
469
|
+
},
|
|
470
|
+
'8': {
|
|
471
|
+
attributes: {
|
|
472
|
+
group: 'spacing',
|
|
473
|
+
state: 'experimental',
|
|
474
|
+
replacement: '8px',
|
|
475
|
+
introduced: '0.10.28',
|
|
476
|
+
description: 'Helpful guidance goes here'
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
},
|
|
480
|
+
container: {
|
|
481
|
+
'12': {
|
|
482
|
+
attributes: {
|
|
483
|
+
group: 'spacing',
|
|
484
|
+
state: 'experimental',
|
|
485
|
+
replacement: '12px',
|
|
486
|
+
introduced: '0.10.28',
|
|
487
|
+
description: 'Helpful guidance goes here'
|
|
488
|
+
}
|
|
489
|
+
},
|
|
490
|
+
'16': {
|
|
491
|
+
attributes: {
|
|
492
|
+
group: 'spacing',
|
|
493
|
+
state: 'experimental',
|
|
494
|
+
replacement: '16px',
|
|
495
|
+
introduced: '0.10.28',
|
|
496
|
+
description: 'Helpful guidance goes here'
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
'20': {
|
|
500
|
+
attributes: {
|
|
501
|
+
group: 'spacing',
|
|
502
|
+
state: 'experimental',
|
|
503
|
+
replacement: '20px',
|
|
504
|
+
introduced: '0.10.28',
|
|
505
|
+
description: 'Helpful guidance goes here'
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
'24': {
|
|
509
|
+
attributes: {
|
|
510
|
+
group: 'spacing',
|
|
511
|
+
state: 'experimental',
|
|
512
|
+
replacement: '24px',
|
|
513
|
+
introduced: '0.10.28',
|
|
514
|
+
description: 'Helpful guidance goes here'
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
layout: {
|
|
519
|
+
'32': {
|
|
520
|
+
attributes: {
|
|
521
|
+
group: 'spacing',
|
|
522
|
+
state: 'experimental',
|
|
523
|
+
replacement: '32px',
|
|
524
|
+
introduced: '0.10.28',
|
|
525
|
+
description: 'Helpful guidance goes here'
|
|
526
|
+
}
|
|
527
|
+
},
|
|
528
|
+
'40': {
|
|
529
|
+
attributes: {
|
|
530
|
+
group: 'spacing',
|
|
531
|
+
state: 'experimental',
|
|
532
|
+
replacement: '40px',
|
|
533
|
+
introduced: '0.10.28',
|
|
534
|
+
description: 'Helpful guidance goes here'
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
'64': {
|
|
538
|
+
attributes: {
|
|
539
|
+
group: 'spacing',
|
|
540
|
+
state: 'experimental',
|
|
541
|
+
replacement: '64px',
|
|
542
|
+
introduced: '0.10.28',
|
|
543
|
+
description: 'Helpful guidance goes here'
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
}
|
|
547
|
+
},
|
|
548
|
+
ccc: {
|
|
549
|
+
component: {
|
|
550
|
+
'2': {
|
|
551
|
+
attributes: {
|
|
552
|
+
group: 'spacing',
|
|
553
|
+
state: 'experimental',
|
|
554
|
+
replacement: '2px',
|
|
555
|
+
introduced: '0.10.28',
|
|
556
|
+
description: 'Helpful guidance goes here'
|
|
557
|
+
}
|
|
558
|
+
},
|
|
559
|
+
'4': {
|
|
560
|
+
attributes: {
|
|
561
|
+
group: 'spacing',
|
|
562
|
+
state: 'experimental',
|
|
563
|
+
replacement: '4px',
|
|
564
|
+
introduced: '0.10.28',
|
|
565
|
+
description: 'Helpful guidance goes here'
|
|
566
|
+
}
|
|
567
|
+
},
|
|
568
|
+
'6': {
|
|
569
|
+
attributes: {
|
|
570
|
+
group: 'spacing',
|
|
571
|
+
state: 'experimental',
|
|
572
|
+
replacement: '6px',
|
|
573
|
+
introduced: '0.10.28',
|
|
574
|
+
description: 'Helpful guidance goes here'
|
|
575
|
+
}
|
|
576
|
+
},
|
|
577
|
+
'8': {
|
|
578
|
+
attributes: {
|
|
579
|
+
group: 'spacing',
|
|
580
|
+
state: 'experimental',
|
|
581
|
+
replacement: '8px',
|
|
582
|
+
introduced: '0.10.28',
|
|
583
|
+
description: 'Helpful guidance goes here'
|
|
584
|
+
}
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
content: {
|
|
588
|
+
'12': {
|
|
589
|
+
attributes: {
|
|
590
|
+
group: 'spacing',
|
|
591
|
+
state: 'experimental',
|
|
592
|
+
replacement: '12px',
|
|
593
|
+
introduced: '0.10.28',
|
|
594
|
+
description: 'Helpful guidance goes here'
|
|
595
|
+
}
|
|
596
|
+
},
|
|
597
|
+
'16': {
|
|
598
|
+
attributes: {
|
|
599
|
+
group: 'spacing',
|
|
600
|
+
state: 'experimental',
|
|
601
|
+
replacement: '16px',
|
|
602
|
+
introduced: '0.10.28',
|
|
603
|
+
description: 'Helpful guidance goes here'
|
|
604
|
+
}
|
|
605
|
+
},
|
|
606
|
+
'20': {
|
|
607
|
+
attributes: {
|
|
608
|
+
group: 'spacing',
|
|
609
|
+
state: 'experimental',
|
|
610
|
+
replacement: '20px',
|
|
611
|
+
introduced: '0.10.28',
|
|
612
|
+
description: 'Helpful guidance goes here'
|
|
613
|
+
}
|
|
614
|
+
},
|
|
615
|
+
'24': {
|
|
616
|
+
attributes: {
|
|
617
|
+
group: 'spacing',
|
|
618
|
+
state: 'experimental',
|
|
619
|
+
replacement: '24px',
|
|
620
|
+
introduced: '0.10.28',
|
|
621
|
+
description: 'Helpful guidance goes here'
|
|
622
|
+
}
|
|
623
|
+
}
|
|
624
|
+
},
|
|
625
|
+
container: {
|
|
626
|
+
'32': {
|
|
627
|
+
attributes: {
|
|
628
|
+
group: 'spacing',
|
|
629
|
+
state: 'experimental',
|
|
630
|
+
replacement: '32px',
|
|
631
|
+
introduced: '0.10.28',
|
|
632
|
+
description: 'Helpful guidance goes here'
|
|
633
|
+
}
|
|
634
|
+
},
|
|
635
|
+
'40': {
|
|
636
|
+
attributes: {
|
|
637
|
+
group: 'spacing',
|
|
638
|
+
state: 'experimental',
|
|
639
|
+
replacement: '40px',
|
|
640
|
+
introduced: '0.10.28',
|
|
641
|
+
description: 'Helpful guidance goes here'
|
|
642
|
+
}
|
|
643
|
+
},
|
|
644
|
+
'48': {
|
|
645
|
+
attributes: {
|
|
646
|
+
group: 'spacing',
|
|
647
|
+
state: 'experimental',
|
|
648
|
+
replacement: '48px',
|
|
649
|
+
introduced: '0.10.28',
|
|
650
|
+
description: 'Helpful guidance goes here'
|
|
651
|
+
}
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
},
|
|
655
|
+
gap: {
|
|
656
|
+
100: {
|
|
657
|
+
attributes: {
|
|
658
|
+
group: 'spacing',
|
|
659
|
+
state: 'experimental',
|
|
660
|
+
replacement: '8px',
|
|
661
|
+
introduced: '0.10.28',
|
|
662
|
+
description: 'Helpful guidance goes here'
|
|
663
|
+
}
|
|
664
|
+
},
|
|
665
|
+
200: {
|
|
666
|
+
attributes: {
|
|
667
|
+
group: 'spacing',
|
|
668
|
+
state: 'experimental',
|
|
669
|
+
replacement: '16px',
|
|
670
|
+
introduced: '0.10.28',
|
|
671
|
+
description: 'Helpful guidance goes here'
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
300: {
|
|
675
|
+
attributes: {
|
|
676
|
+
group: 'spacing',
|
|
677
|
+
state: 'experimental',
|
|
678
|
+
replacement: '24px',
|
|
679
|
+
introduced: '0.10.28',
|
|
680
|
+
description: 'Helpful guidance goes here'
|
|
681
|
+
}
|
|
682
|
+
}
|
|
683
|
+
},
|
|
684
|
+
inset: {
|
|
685
|
+
100: {
|
|
686
|
+
attributes: {
|
|
687
|
+
group: 'spacing',
|
|
688
|
+
state: 'experimental',
|
|
689
|
+
replacement: '8px',
|
|
690
|
+
introduced: '0.10.28',
|
|
691
|
+
description: 'Helpful guidance goes here'
|
|
692
|
+
}
|
|
693
|
+
},
|
|
694
|
+
200: {
|
|
695
|
+
attributes: {
|
|
696
|
+
group: 'spacing',
|
|
697
|
+
state: 'experimental',
|
|
698
|
+
replacement: '16px',
|
|
699
|
+
introduced: '0.10.28',
|
|
700
|
+
description: 'Helpful guidance goes here'
|
|
701
|
+
}
|
|
702
|
+
},
|
|
703
|
+
300: {
|
|
704
|
+
attributes: {
|
|
705
|
+
group: 'spacing',
|
|
706
|
+
state: 'experimental',
|
|
707
|
+
replacement: '24px',
|
|
708
|
+
introduced: '0.10.28',
|
|
709
|
+
description: 'Helpful guidance goes here'
|
|
710
|
+
}
|
|
711
|
+
}
|
|
111
712
|
}
|
|
112
713
|
}
|
|
113
714
|
};
|