@atlaskit/tokens 0.13.3 → 0.13.4

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 (106) hide show
  1. package/CHANGELOG.md +7 -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/entry-points/figma-sync.js +23 -0
  22. package/dist/cjs/get-token-value.js +1 -1
  23. package/dist/cjs/get-token.js +1 -1
  24. package/dist/cjs/tokens/default/color/background.js +2 -2
  25. package/dist/cjs/tokens/default/color/border.js +1 -1
  26. package/dist/cjs/tokens/default/color/chart.js +94 -94
  27. package/dist/cjs/tokens/default/color/icon.js +1 -1
  28. package/dist/cjs/tokens/default/color/text.js +1 -1
  29. package/dist/cjs/version.json +1 -1
  30. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  31. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  32. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  33. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  34. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  35. package/dist/es2019/artifacts/token-default-values.js +199 -199
  36. package/dist/es2019/artifacts/token-names.js +199 -199
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  43. package/dist/es2019/entry-points/figma-sync.js +3 -0
  44. package/dist/es2019/get-token-value.js +1 -1
  45. package/dist/es2019/get-token.js +1 -1
  46. package/dist/es2019/tokens/default/color/background.js +2 -2
  47. package/dist/es2019/tokens/default/color/border.js +1 -1
  48. package/dist/es2019/tokens/default/color/chart.js +94 -94
  49. package/dist/es2019/tokens/default/color/icon.js +1 -1
  50. package/dist/es2019/tokens/default/color/text.js +1 -1
  51. package/dist/es2019/version.json +1 -1
  52. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  53. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  54. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  55. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  56. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  57. package/dist/esm/artifacts/token-default-values.js +199 -199
  58. package/dist/esm/artifacts/token-names.js +199 -199
  59. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  60. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  61. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  62. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  63. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  64. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  65. package/dist/esm/entry-points/figma-sync.js +3 -0
  66. package/dist/esm/get-token-value.js +1 -1
  67. package/dist/esm/get-token.js +1 -1
  68. package/dist/esm/tokens/default/color/background.js +2 -2
  69. package/dist/esm/tokens/default/color/border.js +1 -1
  70. package/dist/esm/tokens/default/color/chart.js +94 -94
  71. package/dist/esm/tokens/default/color/icon.js +1 -1
  72. package/dist/esm/tokens/default/color/text.js +1 -1
  73. package/dist/esm/version.json +1 -1
  74. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  75. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  76. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  77. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  78. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  79. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  80. package/dist/types/artifacts/token-names.d.ts +397 -397
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  82. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  83. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  84. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  85. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  86. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  87. package/dist/types/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types/artifacts/types.d.ts +2 -2
  89. package/dist/types/entry-points/figma-sync.d.ts +3 -0
  90. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  91. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  92. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  93. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  94. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  95. package/figma-sync/package.json +17 -0
  96. package/package.json +4 -3
  97. package/report.api.md +396 -396
  98. package/tmp/api-report-tmp.d.ts +396 -396
  99. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  100. package/dist/cjs/figma/types.js +0 -5
  101. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  102. package/dist/es2019/figma/types.js +0 -1
  103. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  104. package/dist/esm/figma/types.js +0 -1
  105. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  106. 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
  }];