@atlaskit/tokens 0.13.3 → 0.13.5

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 (107) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/css/atlassian-dark.css +321 -321
  3. package/css/atlassian-legacy-dark.css +321 -321
  4. package/css/atlassian-legacy-light.css +321 -321
  5. package/css/atlassian-light.css +321 -321
  6. package/css/atlassian-spacing.css +31 -31
  7. package/css/atlassian-typography.css +6 -6
  8. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +340 -340
  9. package/dist/cjs/artifacts/palettes-raw/palette.js +607 -607
  10. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +35 -35
  11. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +43 -43
  12. package/dist/cjs/artifacts/replacement-mapping.js +112 -112
  13. package/dist/cjs/artifacts/token-default-values.js +199 -199
  14. package/dist/cjs/artifacts/token-names.js +199 -199
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +80 -60
  21. package/dist/cjs/get-token-value.js +1 -1
  22. package/dist/cjs/get-token.js +1 -1
  23. package/dist/cjs/tokens/default/color/background.js +2 -2
  24. package/dist/cjs/tokens/default/color/border.js +1 -1
  25. package/dist/cjs/tokens/default/color/chart.js +94 -94
  26. package/dist/cjs/tokens/default/color/icon.js +1 -1
  27. package/dist/cjs/tokens/default/color/text.js +1 -1
  28. package/dist/cjs/version.json +1 -1
  29. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  30. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  31. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  32. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  33. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  34. package/dist/es2019/artifacts/token-default-values.js +199 -199
  35. package/dist/es2019/artifacts/token-names.js +199 -199
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  42. package/dist/es2019/get-token-value.js +1 -1
  43. package/dist/es2019/get-token.js +1 -1
  44. package/dist/es2019/tokens/default/color/background.js +2 -2
  45. package/dist/es2019/tokens/default/color/border.js +1 -1
  46. package/dist/es2019/tokens/default/color/chart.js +94 -94
  47. package/dist/es2019/tokens/default/color/icon.js +1 -1
  48. package/dist/es2019/tokens/default/color/text.js +1 -1
  49. package/dist/es2019/version.json +1 -1
  50. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  51. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  52. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  53. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  54. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  55. package/dist/esm/artifacts/token-default-values.js +199 -199
  56. package/dist/esm/artifacts/token-names.js +199 -199
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  58. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  59. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  60. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  61. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  62. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  63. package/dist/esm/get-token-value.js +1 -1
  64. package/dist/esm/get-token.js +1 -1
  65. package/dist/esm/tokens/default/color/background.js +2 -2
  66. package/dist/esm/tokens/default/color/border.js +1 -1
  67. package/dist/esm/tokens/default/color/chart.js +94 -94
  68. package/dist/esm/tokens/default/color/icon.js +1 -1
  69. package/dist/esm/tokens/default/color/text.js +1 -1
  70. package/dist/esm/version.json +1 -1
  71. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  72. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  73. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  74. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  75. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  76. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  77. package/dist/types/artifacts/token-names.d.ts +397 -397
  78. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  79. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  80. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  81. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  82. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  83. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  84. package/dist/types/artifacts/types-internal.d.ts +2 -2
  85. package/dist/types/artifacts/types.d.ts +2 -2
  86. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  87. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  88. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  89. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  90. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  91. package/figma/atlassian-dark.json +2733 -0
  92. package/figma/atlassian-legacy-dark.json +2733 -0
  93. package/figma/atlassian-legacy-light.json +2711 -0
  94. package/figma/atlassian-light.json +2711 -0
  95. package/figma/atlassian-spacing.json +956 -0
  96. package/figma/atlassian-typography.json +114 -0
  97. package/package.json +5 -3
  98. package/report.api.md +396 -396
  99. package/tmp/api-report-tmp.d.ts +396 -396
  100. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  101. package/dist/cjs/figma/types.js +0 -5
  102. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  103. package/dist/es2019/figma/types.js +0 -1
  104. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  105. package/dist/esm/figma/types.js +0 -1
  106. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  107. package/dist/types/figma/types.d.ts +0 -40
@@ -19,7 +19,7 @@ exports.default = void 0;
19
19
  * These changes will then be picked up by our tooling which will attempt to
20
20
  * migrate as many of these renames as possible.
21
21
  *
22
- * @codegen <<SignedSource::4e3a79269c9d9fac4349a3f424c0a224>>
22
+ * @codegen <<SignedSource::f641b000c13ad37f0b16624edf778c41>>
23
23
  * @codegenCommand yarn build tokens
24
24
  */
25
25
  var replacementMapper = [{
@@ -27,21 +27,21 @@ var replacementMapper = [{
27
27
  "state": "deleted",
28
28
  "replacement": "color.text.[default]"
29
29
  }, {
30
- "path": "color.text.mediumEmphasis",
31
- "state": "deleted",
32
- "replacement": "color.text.subtle"
33
- }, {
34
- "path": "color.text.lowEmphasis",
30
+ "path": "color.text.link.pressed",
35
31
  "state": "deleted",
36
- "replacement": "color.text.subtlest"
32
+ "replacement": "color.link.pressed"
37
33
  }, {
38
34
  "path": "color.text.link.resting",
39
35
  "state": "deleted",
40
36
  "replacement": "color.link.[default]"
41
37
  }, {
42
- "path": "color.text.link.pressed",
38
+ "path": "color.text.lowEmphasis",
43
39
  "state": "deleted",
44
- "replacement": "color.link.pressed"
40
+ "replacement": "color.text.subtlest"
41
+ }, {
42
+ "path": "color.text.mediumEmphasis",
43
+ "state": "deleted",
44
+ "replacement": "color.text.subtle"
45
45
  }, {
46
46
  "path": "color.text.onBold",
47
47
  "state": "deleted",
@@ -58,14 +58,6 @@ var replacementMapper = [{
58
58
  "path": "color.border.neutral",
59
59
  "state": "deleted",
60
60
  "replacement": "color.border.[default]"
61
- }, {
62
- "path": "color.background.accent.blue.[default]",
63
- "state": "deleted",
64
- "replacement": "color.background.accent.blue.subtler"
65
- }, {
66
- "path": "color.background.accent.blue.bold",
67
- "state": "deleted",
68
- "replacement": "color.background.accent.blue.subtle"
69
61
  }, {
70
62
  "path": "color.background.accent.red.[default]",
71
63
  "state": "deleted",
@@ -98,14 +90,6 @@ var replacementMapper = [{
98
90
  "path": "color.background.accent.green.bold",
99
91
  "state": "deleted",
100
92
  "replacement": "color.background.accent.green.subtle"
101
- }, {
102
- "path": "color.background.accent.purple.[default]",
103
- "state": "deleted",
104
- "replacement": "color.background.accent.purple.subtler"
105
- }, {
106
- "path": "color.background.accent.purple.bold",
107
- "state": "deleted",
108
- "replacement": "color.background.accent.purple.subtle"
109
93
  }, {
110
94
  "path": "color.background.accent.teal.[default]",
111
95
  "state": "deleted",
@@ -115,45 +99,33 @@ var replacementMapper = [{
115
99
  "state": "deleted",
116
100
  "replacement": "color.background.accent.teal.subtle"
117
101
  }, {
118
- "path": "color.background.accent.magenta.[default]",
119
- "state": "deleted",
120
- "replacement": "color.background.accent.magenta.subtler"
121
- }, {
122
- "path": "color.background.accent.magenta.bold",
123
- "state": "deleted",
124
- "replacement": "color.background.accent.magenta.subtle"
125
- }, {
126
- "path": "color.background.inverse.[default]",
102
+ "path": "color.background.accent.blue.[default]",
127
103
  "state": "deleted",
128
- "replacement": "color.background.inverse.subtle.[default]"
104
+ "replacement": "color.background.accent.blue.subtler"
129
105
  }, {
130
- "path": "color.background.brand.[default].[default]",
106
+ "path": "color.background.accent.blue.bold",
131
107
  "state": "deleted",
132
- "replacement": "color.background.selected.[default].[default]"
108
+ "replacement": "color.background.accent.blue.subtle"
133
109
  }, {
134
- "path": "color.background.brand.[default].hovered",
110
+ "path": "color.background.accent.purple.[default]",
135
111
  "state": "deleted",
136
- "replacement": "color.background.selected.[default].hovered"
112
+ "replacement": "color.background.accent.purple.subtler"
137
113
  }, {
138
- "path": "color.background.brand.[default].pressed",
114
+ "path": "color.background.accent.purple.bold",
139
115
  "state": "deleted",
140
- "replacement": "color.background.selected.[default].pressed"
116
+ "replacement": "color.background.accent.purple.subtle"
141
117
  }, {
142
- "path": "color.background.selected.resting",
118
+ "path": "color.background.accent.magenta.[default]",
143
119
  "state": "deleted",
144
- "replacement": "color.background.selected.[default].[default]"
120
+ "replacement": "color.background.accent.magenta.subtler"
145
121
  }, {
146
- "path": "color.background.selected.hover",
122
+ "path": "color.background.accent.magenta.bold",
147
123
  "state": "deleted",
148
- "replacement": "color.background.selected.[default].hovered"
124
+ "replacement": "color.background.accent.magenta.subtle"
149
125
  }, {
150
126
  "path": "color.background.blanket",
151
127
  "state": "deleted",
152
128
  "replacement": "color.blanket.[default]"
153
- }, {
154
- "path": "color.background.boldBrand.resting",
155
- "state": "deleted",
156
- "replacement": "color.background.brand.bold.[default]"
157
129
  }, {
158
130
  "path": "color.background.boldBrand.hover",
159
131
  "state": "deleted",
@@ -163,9 +135,9 @@ var replacementMapper = [{
163
135
  "state": "deleted",
164
136
  "replacement": "color.background.brand.bold.pressed"
165
137
  }, {
166
- "path": "color.background.boldDanger.resting",
138
+ "path": "color.background.boldBrand.resting",
167
139
  "state": "deleted",
168
- "replacement": "color.background.danger.bold.[default]"
140
+ "replacement": "color.background.brand.bold.[default]"
169
141
  }, {
170
142
  "path": "color.background.boldDanger.hover",
171
143
  "state": "deleted",
@@ -175,9 +147,9 @@ var replacementMapper = [{
175
147
  "state": "deleted",
176
148
  "replacement": "color.background.danger.bold.pressed"
177
149
  }, {
178
- "path": "color.background.boldDiscovery.resting",
150
+ "path": "color.background.boldDanger.resting",
179
151
  "state": "deleted",
180
- "replacement": "color.background.discovery.bold.[default]"
152
+ "replacement": "color.background.danger.bold.[default]"
181
153
  }, {
182
154
  "path": "color.background.boldDiscovery.hover",
183
155
  "state": "deleted",
@@ -187,9 +159,9 @@ var replacementMapper = [{
187
159
  "state": "deleted",
188
160
  "replacement": "color.background.discovery.bold.pressed"
189
161
  }, {
190
- "path": "color.background.boldNeutral.resting",
162
+ "path": "color.background.boldDiscovery.resting",
191
163
  "state": "deleted",
192
- "replacement": "color.background.neutral.bold.[default]"
164
+ "replacement": "color.background.discovery.bold.[default]"
193
165
  }, {
194
166
  "path": "color.background.boldNeutral.hover",
195
167
  "state": "deleted",
@@ -199,9 +171,9 @@ var replacementMapper = [{
199
171
  "state": "deleted",
200
172
  "replacement": "color.background.neutral.bold.pressed"
201
173
  }, {
202
- "path": "color.background.boldSuccess.resting",
174
+ "path": "color.background.boldNeutral.resting",
203
175
  "state": "deleted",
204
- "replacement": "color.background.success.bold.[default]"
176
+ "replacement": "color.background.neutral.bold.[default]"
205
177
  }, {
206
178
  "path": "color.background.boldSuccess.hover",
207
179
  "state": "deleted",
@@ -211,9 +183,9 @@ var replacementMapper = [{
211
183
  "state": "deleted",
212
184
  "replacement": "color.background.success.bold.pressed"
213
185
  }, {
214
- "path": "color.background.boldWarning.resting",
186
+ "path": "color.background.boldSuccess.resting",
215
187
  "state": "deleted",
216
- "replacement": "color.background.warning.bold.[default]"
188
+ "replacement": "color.background.success.bold.[default]"
217
189
  }, {
218
190
  "path": "color.background.boldWarning.hover",
219
191
  "state": "deleted",
@@ -223,29 +195,41 @@ var replacementMapper = [{
223
195
  "state": "deleted",
224
196
  "replacement": "color.background.warning.bold.pressed"
225
197
  }, {
226
- "path": "color.background.default",
198
+ "path": "color.background.boldWarning.resting",
227
199
  "state": "deleted",
228
- "replacement": "elevation.surface.[default].[default]"
200
+ "replacement": "color.background.warning.bold.[default]"
229
201
  }, {
230
202
  "path": "color.background.card",
231
203
  "state": "deleted",
232
204
  "replacement": "elevation.surface.raised.[default]"
205
+ }, {
206
+ "path": "color.background.default",
207
+ "state": "deleted",
208
+ "replacement": "elevation.surface.[default].[default]"
209
+ }, {
210
+ "path": "color.background.inverse.[default]",
211
+ "state": "deleted",
212
+ "replacement": "color.background.inverse.subtle.[default]"
233
213
  }, {
234
214
  "path": "color.background.overlay",
235
215
  "state": "deleted",
236
216
  "replacement": "elevation.surface.overlay.[default]"
237
217
  }, {
238
- "path": "color.background.subtleBorderedNeutral.resting",
218
+ "path": "color.background.selected.hover",
239
219
  "state": "deleted",
240
- "replacement": "color.background.input.[default]"
220
+ "replacement": "color.background.selected.[default].hovered"
221
+ }, {
222
+ "path": "color.background.selected.resting",
223
+ "state": "deleted",
224
+ "replacement": "color.background.selected.[default].[default]"
241
225
  }, {
242
226
  "path": "color.background.subtleBorderedNeutral.pressed",
243
227
  "state": "deleted",
244
228
  "replacement": "color.background.input.pressed"
245
229
  }, {
246
- "path": "color.background.subtleBrand.resting",
230
+ "path": "color.background.subtleBorderedNeutral.resting",
247
231
  "state": "deleted",
248
- "replacement": "color.background.selected.[default].[default]"
232
+ "replacement": "color.background.input.[default]"
249
233
  }, {
250
234
  "path": "color.background.subtleBrand.hover",
251
235
  "state": "deleted",
@@ -255,9 +239,9 @@ var replacementMapper = [{
255
239
  "state": "deleted",
256
240
  "replacement": "color.background.selected.[default].pressed"
257
241
  }, {
258
- "path": "color.background.subtleDanger.resting",
242
+ "path": "color.background.subtleBrand.resting",
259
243
  "state": "deleted",
260
- "replacement": "color.background.danger.[default].[default]"
244
+ "replacement": "color.background.selected.[default].[default]"
261
245
  }, {
262
246
  "path": "color.background.subtleDanger.hover",
263
247
  "state": "deleted",
@@ -267,9 +251,9 @@ var replacementMapper = [{
267
251
  "state": "deleted",
268
252
  "replacement": "color.background.danger.[default].pressed"
269
253
  }, {
270
- "path": "color.background.subtleDiscovery.resting",
254
+ "path": "color.background.subtleDanger.resting",
271
255
  "state": "deleted",
272
- "replacement": "color.background.discovery.[default].[default]"
256
+ "replacement": "color.background.danger.[default].[default]"
273
257
  }, {
274
258
  "path": "color.background.subtleDiscovery.hover",
275
259
  "state": "deleted",
@@ -279,9 +263,9 @@ var replacementMapper = [{
279
263
  "state": "deleted",
280
264
  "replacement": "color.background.discovery.[default].pressed"
281
265
  }, {
282
- "path": "color.background.subtleNeutral.resting",
266
+ "path": "color.background.subtleDiscovery.resting",
283
267
  "state": "deleted",
284
- "replacement": "color.background.neutral.[default].[default]"
268
+ "replacement": "color.background.discovery.[default].[default]"
285
269
  }, {
286
270
  "path": "color.background.subtleNeutral.hover",
287
271
  "state": "deleted",
@@ -291,9 +275,9 @@ var replacementMapper = [{
291
275
  "state": "deleted",
292
276
  "replacement": "color.background.neutral.[default].pressed"
293
277
  }, {
294
- "path": "color.background.subtleSuccess.resting",
278
+ "path": "color.background.subtleNeutral.resting",
295
279
  "state": "deleted",
296
- "replacement": "color.background.success.[default].[default]"
280
+ "replacement": "color.background.neutral.[default].[default]"
297
281
  }, {
298
282
  "path": "color.background.subtleSuccess.hover",
299
283
  "state": "deleted",
@@ -303,9 +287,9 @@ var replacementMapper = [{
303
287
  "state": "deleted",
304
288
  "replacement": "color.background.success.[default].pressed"
305
289
  }, {
306
- "path": "color.background.subtleWarning.resting",
290
+ "path": "color.background.subtleSuccess.resting",
307
291
  "state": "deleted",
308
- "replacement": "color.background.warning.[default].[default]"
292
+ "replacement": "color.background.success.[default].[default]"
309
293
  }, {
310
294
  "path": "color.background.subtleWarning.hover",
311
295
  "state": "deleted",
@@ -314,6 +298,10 @@ var replacementMapper = [{
314
298
  "path": "color.background.subtleWarning.pressed",
315
299
  "state": "deleted",
316
300
  "replacement": "color.background.warning.[default].pressed"
301
+ }, {
302
+ "path": "color.background.subtleWarning.resting",
303
+ "state": "deleted",
304
+ "replacement": "color.background.warning.[default].[default]"
317
305
  }, {
318
306
  "path": "color.background.sunken",
319
307
  "state": "deleted",
@@ -326,6 +314,18 @@ var replacementMapper = [{
326
314
  "path": "color.background.transparentNeutral.pressed",
327
315
  "state": "deleted",
328
316
  "replacement": "color.background.neutral.subtle.pressed"
317
+ }, {
318
+ "path": "color.background.brand.[default].[default]",
319
+ "state": "deleted",
320
+ "replacement": "color.background.selected.[default].[default]"
321
+ }, {
322
+ "path": "color.background.brand.[default].hovered",
323
+ "state": "deleted",
324
+ "replacement": "color.background.selected.[default].hovered"
325
+ }, {
326
+ "path": "color.background.brand.[default].pressed",
327
+ "state": "deleted",
328
+ "replacement": "color.background.selected.[default].pressed"
329
329
  }, {
330
330
  "path": "color.interaction.inverse.hovered",
331
331
  "state": "deleted",
@@ -519,21 +519,29 @@ var replacementMapper = [{
519
519
  "state": "experimental",
520
520
  "replacement": "48px"
521
521
  }, {
522
- "path": "spacing.ecl.element.2",
522
+ "path": "spacing.gap.100",
523
523
  "state": "experimental",
524
- "replacement": "2px"
524
+ "replacement": "8px"
525
525
  }, {
526
- "path": "spacing.ecl.element.4",
526
+ "path": "spacing.gap.200",
527
527
  "state": "experimental",
528
- "replacement": "4px"
528
+ "replacement": "16px"
529
529
  }, {
530
- "path": "spacing.ecl.element.6",
530
+ "path": "spacing.gap.300",
531
531
  "state": "experimental",
532
- "replacement": "6px"
532
+ "replacement": "24px"
533
533
  }, {
534
- "path": "spacing.ecl.element.8",
534
+ "path": "spacing.inset.100",
535
535
  "state": "experimental",
536
536
  "replacement": "8px"
537
+ }, {
538
+ "path": "spacing.inset.200",
539
+ "state": "experimental",
540
+ "replacement": "16px"
541
+ }, {
542
+ "path": "spacing.inset.300",
543
+ "state": "experimental",
544
+ "replacement": "24px"
537
545
  }, {
538
546
  "path": "spacing.ecl.container.12",
539
547
  "state": "experimental",
@@ -550,6 +558,22 @@ var replacementMapper = [{
550
558
  "path": "spacing.ecl.container.24",
551
559
  "state": "experimental",
552
560
  "replacement": "24px"
561
+ }, {
562
+ "path": "spacing.ecl.element.2",
563
+ "state": "experimental",
564
+ "replacement": "2px"
565
+ }, {
566
+ "path": "spacing.ecl.element.4",
567
+ "state": "experimental",
568
+ "replacement": "4px"
569
+ }, {
570
+ "path": "spacing.ecl.element.6",
571
+ "state": "experimental",
572
+ "replacement": "6px"
573
+ }, {
574
+ "path": "spacing.ecl.element.8",
575
+ "state": "experimental",
576
+ "replacement": "8px"
553
577
  }, {
554
578
  "path": "spacing.ecl.layout.32",
555
579
  "state": "experimental",
@@ -578,22 +602,6 @@ var replacementMapper = [{
578
602
  "path": "spacing.ccc.component.8",
579
603
  "state": "experimental",
580
604
  "replacement": "8px"
581
- }, {
582
- "path": "spacing.ccc.content.12",
583
- "state": "experimental",
584
- "replacement": "12px"
585
- }, {
586
- "path": "spacing.ccc.content.16",
587
- "state": "experimental",
588
- "replacement": "16px"
589
- }, {
590
- "path": "spacing.ccc.content.20",
591
- "state": "experimental",
592
- "replacement": "20px"
593
- }, {
594
- "path": "spacing.ccc.content.24",
595
- "state": "experimental",
596
- "replacement": "24px"
597
605
  }, {
598
606
  "path": "spacing.ccc.container.32",
599
607
  "state": "experimental",
@@ -607,27 +615,19 @@ var replacementMapper = [{
607
615
  "state": "experimental",
608
616
  "replacement": "48px"
609
617
  }, {
610
- "path": "spacing.gap.100",
618
+ "path": "spacing.ccc.content.12",
611
619
  "state": "experimental",
612
- "replacement": "8px"
620
+ "replacement": "12px"
613
621
  }, {
614
- "path": "spacing.gap.200",
622
+ "path": "spacing.ccc.content.16",
615
623
  "state": "experimental",
616
624
  "replacement": "16px"
617
625
  }, {
618
- "path": "spacing.gap.300",
619
- "state": "experimental",
620
- "replacement": "24px"
621
- }, {
622
- "path": "spacing.inset.100",
623
- "state": "experimental",
624
- "replacement": "8px"
625
- }, {
626
- "path": "spacing.inset.200",
626
+ "path": "spacing.ccc.content.20",
627
627
  "state": "experimental",
628
- "replacement": "16px"
628
+ "replacement": "20px"
629
629
  }, {
630
- "path": "spacing.inset.300",
630
+ "path": "spacing.ccc.content.24",
631
631
  "state": "experimental",
632
632
  "replacement": "24px"
633
633
  }];