@atlaskit/tokens 1.0.0 → 1.1.0

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 (43) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/artifacts/replacement-mapping.js +2 -210
  3. package/dist/cjs/artifacts/themes/atlassian-spacing.js +2 -2
  4. package/dist/cjs/artifacts/token-default-values.js +1 -67
  5. package/dist/cjs/artifacts/token-names.js +1 -67
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  7. package/dist/cjs/get-token-value.js +1 -1
  8. package/dist/cjs/get-token.js +1 -1
  9. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -227
  10. package/dist/cjs/tokens/default/spacing/spacing.js +0 -620
  11. package/dist/cjs/version.json +1 -1
  12. package/dist/es2019/artifacts/replacement-mapping.js +2 -210
  13. package/dist/es2019/artifacts/themes/atlassian-spacing.js +1 -67
  14. package/dist/es2019/artifacts/token-default-values.js +1 -67
  15. package/dist/es2019/artifacts/token-names.js +1 -67
  16. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  17. package/dist/es2019/get-token-value.js +1 -1
  18. package/dist/es2019/get-token.js +1 -1
  19. package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
  20. package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
  21. package/dist/es2019/version.json +1 -1
  22. package/dist/esm/artifacts/replacement-mapping.js +2 -210
  23. package/dist/esm/artifacts/themes/atlassian-spacing.js +2 -2
  24. package/dist/esm/artifacts/token-default-values.js +1 -67
  25. package/dist/esm/artifacts/token-names.js +1 -67
  26. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  27. package/dist/esm/get-token-value.js +1 -1
  28. package/dist/esm/get-token.js +1 -1
  29. package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
  30. package/dist/esm/tokens/default/spacing/spacing.js +0 -620
  31. package/dist/esm/version.json +1 -1
  32. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  33. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +2 -2
  34. package/dist/types/artifacts/token-default-values.d.ts +1 -67
  35. package/dist/types/artifacts/token-names.d.ts +1 -133
  36. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
  37. package/dist/types/artifacts/types-internal.d.ts +2 -2
  38. package/dist/types/artifacts/types.d.ts +2 -2
  39. package/dist/types/types.d.ts +0 -106
  40. package/figma/atlassian-spacing.json +1 -761
  41. package/package.json +1 -1
  42. package/report.api.md +0 -132
  43. package/tmp/api-report-tmp.d.ts +0 -132
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`4b9aea55b97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b9aea55b97) - Removed various unused experimental spacing tokens in favor of the `space.X` token format.
8
+
9
+ Removed:
10
+
11
+ - `spacing.scale`
12
+ - `spacing.scaleLinear`
13
+ - `spacing.size`
14
+ - `spacing.gap`
15
+ - `spacing.inset`
16
+ - `spacing.ecl`
17
+ - `spacing.ccc`
18
+
3
19
  ## 1.0.0
4
20
 
5
21
  ### Major Changes
@@ -18,218 +18,10 @@ exports.default = void 0;
18
18
  * These changes will then be picked up by our tooling which will attempt to
19
19
  * migrate as many of these renames as possible.
20
20
  *
21
- * @codegen <<SignedSource::6b49e32a168095446e0fc8a0f9b4ca39>>
21
+ * @codegen <<SignedSource::424b7eccf34d7d646da64d4755658ae1>>
22
22
  * @codegenCommand yarn build tokens
23
23
  */
24
24
 
25
- var replacementMapper = [{
26
- "path": "spacing.scaleLinear.0",
27
- "state": "experimental",
28
- "replacement": "0"
29
- }, {
30
- "path": "spacing.scaleLinear.100",
31
- "state": "experimental",
32
- "replacement": "2px"
33
- }, {
34
- "path": "spacing.scaleLinear.200",
35
- "state": "experimental",
36
- "replacement": "4px"
37
- }, {
38
- "path": "spacing.scaleLinear.300",
39
- "state": "experimental",
40
- "replacement": "6px"
41
- }, {
42
- "path": "spacing.scaleLinear.400",
43
- "state": "experimental",
44
- "replacement": "8px"
45
- }, {
46
- "path": "spacing.scaleLinear.500",
47
- "state": "experimental",
48
- "replacement": "12px"
49
- }, {
50
- "path": "spacing.scaleLinear.600",
51
- "state": "experimental",
52
- "replacement": "16px"
53
- }, {
54
- "path": "spacing.scaleLinear.700",
55
- "state": "experimental",
56
- "replacement": "20px"
57
- }, {
58
- "path": "spacing.scaleLinear.800",
59
- "state": "experimental",
60
- "replacement": "24px"
61
- }, {
62
- "path": "spacing.scaleLinear.900",
63
- "state": "experimental",
64
- "replacement": "32px"
65
- }, {
66
- "path": "spacing.scaleLinear.1000",
67
- "state": "experimental",
68
- "replacement": "40px"
69
- }, {
70
- "path": "spacing.scaleLinear.1100",
71
- "state": "experimental",
72
- "replacement": "48px"
73
- }, {
74
- "path": "spacing.size.none",
75
- "state": "experimental",
76
- "replacement": "0"
77
- }, {
78
- "path": "spacing.size.xxxxSmall",
79
- "state": "experimental",
80
- "replacement": "2px"
81
- }, {
82
- "path": "spacing.size.xxxSmall",
83
- "state": "experimental",
84
- "replacement": "4px"
85
- }, {
86
- "path": "spacing.size.xxSmall",
87
- "state": "experimental",
88
- "replacement": "6px"
89
- }, {
90
- "path": "spacing.size.xsmall",
91
- "state": "experimental",
92
- "replacement": "8px"
93
- }, {
94
- "path": "spacing.size.small",
95
- "state": "experimental",
96
- "replacement": "12px"
97
- }, {
98
- "path": "spacing.size.medium",
99
- "state": "experimental",
100
- "replacement": "16px"
101
- }, {
102
- "path": "spacing.size.large",
103
- "state": "experimental",
104
- "replacement": "20px"
105
- }, {
106
- "path": "spacing.size.xlarge",
107
- "state": "experimental",
108
- "replacement": "24px"
109
- }, {
110
- "path": "spacing.size.xxlarge",
111
- "state": "experimental",
112
- "replacement": "32px"
113
- }, {
114
- "path": "spacing.size.xxxlarge",
115
- "state": "experimental",
116
- "replacement": "40px"
117
- }, {
118
- "path": "spacing.size.xxxxlarge",
119
- "state": "experimental",
120
- "replacement": "48px"
121
- }, {
122
- "path": "spacing.gap.100",
123
- "state": "experimental",
124
- "replacement": "8px"
125
- }, {
126
- "path": "spacing.gap.200",
127
- "state": "experimental",
128
- "replacement": "16px"
129
- }, {
130
- "path": "spacing.gap.300",
131
- "state": "experimental",
132
- "replacement": "24px"
133
- }, {
134
- "path": "spacing.inset.100",
135
- "state": "experimental",
136
- "replacement": "8px"
137
- }, {
138
- "path": "spacing.inset.200",
139
- "state": "experimental",
140
- "replacement": "16px"
141
- }, {
142
- "path": "spacing.inset.300",
143
- "state": "experimental",
144
- "replacement": "24px"
145
- }, {
146
- "path": "spacing.ecl.container.12",
147
- "state": "experimental",
148
- "replacement": "12px"
149
- }, {
150
- "path": "spacing.ecl.container.16",
151
- "state": "experimental",
152
- "replacement": "16px"
153
- }, {
154
- "path": "spacing.ecl.container.20",
155
- "state": "experimental",
156
- "replacement": "20px"
157
- }, {
158
- "path": "spacing.ecl.container.24",
159
- "state": "experimental",
160
- "replacement": "24px"
161
- }, {
162
- "path": "spacing.ecl.element.2",
163
- "state": "experimental",
164
- "replacement": "2px"
165
- }, {
166
- "path": "spacing.ecl.element.4",
167
- "state": "experimental",
168
- "replacement": "4px"
169
- }, {
170
- "path": "spacing.ecl.element.6",
171
- "state": "experimental",
172
- "replacement": "6px"
173
- }, {
174
- "path": "spacing.ecl.element.8",
175
- "state": "experimental",
176
- "replacement": "8px"
177
- }, {
178
- "path": "spacing.ecl.layout.32",
179
- "state": "experimental",
180
- "replacement": "32px"
181
- }, {
182
- "path": "spacing.ecl.layout.40",
183
- "state": "experimental",
184
- "replacement": "40px"
185
- }, {
186
- "path": "spacing.ecl.layout.64",
187
- "state": "experimental",
188
- "replacement": "64px"
189
- }, {
190
- "path": "spacing.ccc.component.2",
191
- "state": "experimental",
192
- "replacement": "2px"
193
- }, {
194
- "path": "spacing.ccc.component.4",
195
- "state": "experimental",
196
- "replacement": "4px"
197
- }, {
198
- "path": "spacing.ccc.component.6",
199
- "state": "experimental",
200
- "replacement": "6px"
201
- }, {
202
- "path": "spacing.ccc.component.8",
203
- "state": "experimental",
204
- "replacement": "8px"
205
- }, {
206
- "path": "spacing.ccc.container.32",
207
- "state": "experimental",
208
- "replacement": "32px"
209
- }, {
210
- "path": "spacing.ccc.container.40",
211
- "state": "experimental",
212
- "replacement": "40px"
213
- }, {
214
- "path": "spacing.ccc.container.48",
215
- "state": "experimental",
216
- "replacement": "48px"
217
- }, {
218
- "path": "spacing.ccc.content.12",
219
- "state": "experimental",
220
- "replacement": "12px"
221
- }, {
222
- "path": "spacing.ccc.content.16",
223
- "state": "experimental",
224
- "replacement": "16px"
225
- }, {
226
- "path": "spacing.ccc.content.20",
227
- "state": "experimental",
228
- "replacement": "20px"
229
- }, {
230
- "path": "spacing.ccc.content.24",
231
- "state": "experimental",
232
- "replacement": "24px"
233
- }];
25
+ var replacementMapper = [];
234
26
  var _default = replacementMapper;
235
27
  exports.default = _default;
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::ed28b9b768bb331ea1aeff3cb426b59b>>
9
+ * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = "\nhtml[data-theme~=\"spacing:spacing\"] {\n --ds-scale-0: 0;\n --ds-scale-025: 0.125rem;\n --ds-scale-050: 0.25rem;\n --ds-scale-075: 0.375rem;\n --ds-scale-100: 0.5rem;\n --ds-scale-150: 0.75rem;\n --ds-scale-200: 1rem;\n --ds-scale-250: 1.25rem;\n --ds-scale-300: 1.5rem;\n --ds-scale-400: 2rem;\n --ds-scale-500: 2.5rem;\n --ds-scale-600: 3rem;\n --ds-scale-800: 4rem;\n --ds-scale-1000: 5rem;\n --ds-scaleLinear-0: 0;\n --ds-scaleLinear-100: 0.125rem;\n --ds-scaleLinear-200: 0.25rem;\n --ds-scaleLinear-300: 0.375rem;\n --ds-scaleLinear-400: 0.5rem;\n --ds-scaleLinear-500: 0.75rem;\n --ds-scaleLinear-600: 1rem;\n --ds-scaleLinear-700: 1.25rem;\n --ds-scaleLinear-800: 1.5rem;\n --ds-scaleLinear-900: 2rem;\n --ds-scaleLinear-1000: 2.5rem;\n --ds-scaleLinear-1100: 3rem;\n --ds-size-none: 0;\n --ds-size-xxxxSmall: 0.125rem;\n --ds-size-xxxSmall: 0.25rem;\n --ds-size-xxSmall: 0.375rem;\n --ds-size-xsmall: 0.5rem;\n --ds-size-small: 0.75rem;\n --ds-size-medium: 1rem;\n --ds-size-large: 1.25rem;\n --ds-size-xlarge: 1.5rem;\n --ds-size-xxlarge: 2rem;\n --ds-size-xxxlarge: 2.5rem;\n --ds-size-xxxxlarge: 3rem;\n --ds-gap-100: 0.5rem;\n --ds-gap-200: 1rem;\n --ds-gap-300: 1.5rem;\n --ds-inset-100: 0.5rem;\n --ds-inset-200: 1rem;\n --ds-inset-300: 1.5rem;\n --ds-ecl-container-12: 0.75rem;\n --ds-ecl-container-16: 1rem;\n --ds-ecl-container-20: 1.25rem;\n --ds-ecl-container-24: 1.5rem;\n --ds-ecl-element-2: 0.125rem;\n --ds-ecl-element-4: 0.25rem;\n --ds-ecl-element-6: 0.375rem;\n --ds-ecl-element-8: 0.5rem;\n --ds-ecl-layout-32: 2rem;\n --ds-ecl-layout-40: 2.5rem;\n --ds-ecl-layout-64: 3rem;\n --ds-ccc-component-2: 0.125rem;\n --ds-ccc-component-4: 0.25rem;\n --ds-ccc-component-6: 0.375rem;\n --ds-ccc-component-8: 0.5rem;\n --ds-ccc-container-32: 2rem;\n --ds-ccc-container-40: 2.5rem;\n --ds-ccc-container-48: 3rem;\n --ds-ccc-content-12: 0.75rem;\n --ds-ccc-content-16: 1rem;\n --ds-ccc-content-20: 1.25rem;\n --ds-ccc-content-24: 1.5rem;\n --ds-space-0: 0;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n}\n";
12
+ var _default = "\nhtml[data-theme~=\"spacing:spacing\"] {\n --ds-space-0: 0;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n}\n";
13
13
  exports.default = _default;
@@ -10,7 +10,7 @@ exports.default = void 0;
10
10
  * Token names mapped to their value in the default Atlassian themes ('light').
11
11
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
12
12
  *
13
- * @codegen <<SignedSource::8db81f08f270c144c38da4157ea447a1>>
13
+ * @codegen <<SignedSource::1481aae8495313f724d4e6c09ccaac8d>>
14
14
  * @codegenCommand yarn build tokens
15
15
  */
16
16
  var defaultTokenValues = {
@@ -300,72 +300,6 @@ var defaultTokenValues = {
300
300
  'opacity.disabled': '0.4',
301
301
  'opacity.loading': '0.2',
302
302
  'utility.UNSAFE.transparent': 'transparent',
303
- 'spacing.scale.0': '0',
304
- 'spacing.scale.025': '0.125rem',
305
- 'spacing.scale.050': '0.25rem',
306
- 'spacing.scale.075': '0.375rem',
307
- 'spacing.scale.100': '0.5rem',
308
- 'spacing.scale.150': '0.75rem',
309
- 'spacing.scale.200': '1rem',
310
- 'spacing.scale.250': '1.25rem',
311
- 'spacing.scale.300': '1.5rem',
312
- 'spacing.scale.400': '2rem',
313
- 'spacing.scale.500': '2.5rem',
314
- 'spacing.scale.600': '3rem',
315
- 'spacing.scale.800': '4rem',
316
- 'spacing.scale.1000': '5rem',
317
- 'spacing.scaleLinear.0': '0',
318
- 'spacing.scaleLinear.100': '0.125rem',
319
- 'spacing.scaleLinear.200': '0.25rem',
320
- 'spacing.scaleLinear.300': '0.375rem',
321
- 'spacing.scaleLinear.400': '0.5rem',
322
- 'spacing.scaleLinear.500': '0.75rem',
323
- 'spacing.scaleLinear.600': '1rem',
324
- 'spacing.scaleLinear.700': '1.25rem',
325
- 'spacing.scaleLinear.800': '1.5rem',
326
- 'spacing.scaleLinear.900': '2rem',
327
- 'spacing.scaleLinear.1000': '2.5rem',
328
- 'spacing.scaleLinear.1100': '3rem',
329
- 'spacing.size.none': '0',
330
- 'spacing.size.xxxxSmall': '0.125rem',
331
- 'spacing.size.xxxSmall': '0.25rem',
332
- 'spacing.size.xxSmall': '0.375rem',
333
- 'spacing.size.xsmall': '0.5rem',
334
- 'spacing.size.small': '0.75rem',
335
- 'spacing.size.medium': '1rem',
336
- 'spacing.size.large': '1.25rem',
337
- 'spacing.size.xlarge': '1.5rem',
338
- 'spacing.size.xxlarge': '2rem',
339
- 'spacing.size.xxxlarge': '2.5rem',
340
- 'spacing.size.xxxxlarge': '3rem',
341
- 'spacing.gap.100': '0.5rem',
342
- 'spacing.gap.200': '1rem',
343
- 'spacing.gap.300': '1.5rem',
344
- 'spacing.inset.100': '0.5rem',
345
- 'spacing.inset.200': '1rem',
346
- 'spacing.inset.300': '1.5rem',
347
- 'spacing.ecl.container.12': '0.75rem',
348
- 'spacing.ecl.container.16': '1rem',
349
- 'spacing.ecl.container.20': '1.25rem',
350
- 'spacing.ecl.container.24': '1.5rem',
351
- 'spacing.ecl.element.2': '0.125rem',
352
- 'spacing.ecl.element.4': '0.25rem',
353
- 'spacing.ecl.element.6': '0.375rem',
354
- 'spacing.ecl.element.8': '0.5rem',
355
- 'spacing.ecl.layout.32': '2rem',
356
- 'spacing.ecl.layout.40': '2.5rem',
357
- 'spacing.ecl.layout.64': '3rem',
358
- 'spacing.ccc.component.2': '0.125rem',
359
- 'spacing.ccc.component.4': '0.25rem',
360
- 'spacing.ccc.component.6': '0.375rem',
361
- 'spacing.ccc.component.8': '0.5rem',
362
- 'spacing.ccc.container.32': '2rem',
363
- 'spacing.ccc.container.40': '2.5rem',
364
- 'spacing.ccc.container.48': '3rem',
365
- 'spacing.ccc.content.12': '0.75rem',
366
- 'spacing.ccc.content.16': '1rem',
367
- 'spacing.ccc.content.20': '1.25rem',
368
- 'spacing.ccc.content.24': '1.5rem',
369
303
  'space.0': '0',
370
304
  'space.025': '0.125rem',
371
305
  'space.050': '0.25rem',
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::d7c48176fa0191c3d90f3742086ec10e>>
9
+ * @codegen <<SignedSource::7d8f37c15df01017e141b2e709521993>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = {
@@ -296,72 +296,6 @@ var tokens = {
296
296
  'opacity.disabled': '--ds-opacity-disabled',
297
297
  'opacity.loading': '--ds-opacity-loading',
298
298
  'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
299
- 'spacing.scale.0': '--ds-scale-0',
300
- 'spacing.scale.025': '--ds-scale-025',
301
- 'spacing.scale.050': '--ds-scale-050',
302
- 'spacing.scale.075': '--ds-scale-075',
303
- 'spacing.scale.100': '--ds-scale-100',
304
- 'spacing.scale.150': '--ds-scale-150',
305
- 'spacing.scale.200': '--ds-scale-200',
306
- 'spacing.scale.250': '--ds-scale-250',
307
- 'spacing.scale.300': '--ds-scale-300',
308
- 'spacing.scale.400': '--ds-scale-400',
309
- 'spacing.scale.500': '--ds-scale-500',
310
- 'spacing.scale.600': '--ds-scale-600',
311
- 'spacing.scale.800': '--ds-scale-800',
312
- 'spacing.scale.1000': '--ds-scale-1000',
313
- 'spacing.scaleLinear.0': '--ds-scaleLinear-0',
314
- 'spacing.scaleLinear.100': '--ds-scaleLinear-100',
315
- 'spacing.scaleLinear.200': '--ds-scaleLinear-200',
316
- 'spacing.scaleLinear.300': '--ds-scaleLinear-300',
317
- 'spacing.scaleLinear.400': '--ds-scaleLinear-400',
318
- 'spacing.scaleLinear.500': '--ds-scaleLinear-500',
319
- 'spacing.scaleLinear.600': '--ds-scaleLinear-600',
320
- 'spacing.scaleLinear.700': '--ds-scaleLinear-700',
321
- 'spacing.scaleLinear.800': '--ds-scaleLinear-800',
322
- 'spacing.scaleLinear.900': '--ds-scaleLinear-900',
323
- 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000',
324
- 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100',
325
- 'spacing.size.none': '--ds-size-none',
326
- 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall',
327
- 'spacing.size.xxxSmall': '--ds-size-xxxSmall',
328
- 'spacing.size.xxSmall': '--ds-size-xxSmall',
329
- 'spacing.size.xsmall': '--ds-size-xsmall',
330
- 'spacing.size.small': '--ds-size-small',
331
- 'spacing.size.medium': '--ds-size-medium',
332
- 'spacing.size.large': '--ds-size-large',
333
- 'spacing.size.xlarge': '--ds-size-xlarge',
334
- 'spacing.size.xxlarge': '--ds-size-xxlarge',
335
- 'spacing.size.xxxlarge': '--ds-size-xxxlarge',
336
- 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge',
337
- 'spacing.gap.100': '--ds-gap-100',
338
- 'spacing.gap.200': '--ds-gap-200',
339
- 'spacing.gap.300': '--ds-gap-300',
340
- 'spacing.inset.100': '--ds-inset-100',
341
- 'spacing.inset.200': '--ds-inset-200',
342
- 'spacing.inset.300': '--ds-inset-300',
343
- 'spacing.ecl.container.12': '--ds-ecl-container-12',
344
- 'spacing.ecl.container.16': '--ds-ecl-container-16',
345
- 'spacing.ecl.container.20': '--ds-ecl-container-20',
346
- 'spacing.ecl.container.24': '--ds-ecl-container-24',
347
- 'spacing.ecl.element.2': '--ds-ecl-element-2',
348
- 'spacing.ecl.element.4': '--ds-ecl-element-4',
349
- 'spacing.ecl.element.6': '--ds-ecl-element-6',
350
- 'spacing.ecl.element.8': '--ds-ecl-element-8',
351
- 'spacing.ecl.layout.32': '--ds-ecl-layout-32',
352
- 'spacing.ecl.layout.40': '--ds-ecl-layout-40',
353
- 'spacing.ecl.layout.64': '--ds-ecl-layout-64',
354
- 'spacing.ccc.component.2': '--ds-ccc-component-2',
355
- 'spacing.ccc.component.4': '--ds-ccc-component-4',
356
- 'spacing.ccc.component.6': '--ds-ccc-component-6',
357
- 'spacing.ccc.component.8': '--ds-ccc-component-8',
358
- 'spacing.ccc.container.32': '--ds-ccc-container-32',
359
- 'spacing.ccc.container.40': '--ds-ccc-container-40',
360
- 'spacing.ccc.container.48': '--ds-ccc-container-48',
361
- 'spacing.ccc.content.12': '--ds-ccc-content-12',
362
- 'spacing.ccc.content.16': '--ds-ccc-content-16',
363
- 'spacing.ccc.content.20': '--ds-ccc-content-20',
364
- 'spacing.ccc.content.24': '--ds-ccc-content-24',
365
299
  'space.0': '--ds-space-0',
366
300
  'space.025': '--ds-space-025',
367
301
  'space.050': '--ds-space-050',