@atlaskit/tokens 0.13.5 → 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 (196) hide show
  1. package/CHANGELOG.md +305 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +3 -611
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -170
  16. package/dist/cjs/artifacts/token-names.js +2 -170
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1582
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -228
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -621
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +3 -610
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/dist/es2019/artifacts/themes/atlassian-spacing.js +23 -0
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -169
  65. package/dist/es2019/artifacts/token-names.js +2 -169
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  71. package/dist/es2019/babel-plugin/plugin.js +17 -37
  72. package/dist/es2019/get-global-theme.js +20 -0
  73. package/dist/es2019/get-token-value.js +1 -6
  74. package/dist/es2019/get-token.js +3 -8
  75. package/dist/es2019/index.js +5 -2
  76. package/dist/es2019/palettes/legacy-palette.js +1 -0
  77. package/dist/es2019/palettes/spacing-scale.js +1 -0
  78. package/dist/es2019/palettes/typography-palette.js +2 -1
  79. package/dist/es2019/set-global-theme.js +162 -32
  80. package/dist/es2019/theme-config.js +5 -21
  81. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  82. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  86. package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
  87. package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
  88. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  89. package/dist/es2019/use-theme-observer.js +26 -0
  90. package/dist/es2019/utils/color-detection.js +3 -5
  91. package/dist/es2019/utils/theme-loading.js +18 -0
  92. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  93. package/dist/es2019/utils/token-ids.js +5 -4
  94. package/dist/es2019/version.json +1 -1
  95. package/dist/esm/artifacts/replacement-mapping.js +3 -610
  96. package/dist/esm/artifacts/theme-import-map.js +39 -0
  97. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  100. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  101. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  102. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  103. package/dist/esm/artifacts/token-default-values.js +2 -169
  104. package/dist/esm/artifacts/token-names.js +2 -169
  105. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  106. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  107. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  108. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  109. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  110. package/dist/esm/babel-plugin/plugin.js +17 -35
  111. package/dist/esm/get-global-theme.js +22 -0
  112. package/dist/esm/get-token-value.js +1 -6
  113. package/dist/esm/get-token.js +3 -8
  114. package/dist/esm/index.js +5 -2
  115. package/dist/esm/palettes/legacy-palette.js +1 -0
  116. package/dist/esm/palettes/spacing-scale.js +1 -0
  117. package/dist/esm/palettes/typography-palette.js +0 -3
  118. package/dist/esm/set-global-theme.js +263 -37
  119. package/dist/esm/theme-config.js +5 -21
  120. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  121. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  122. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  123. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  124. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  125. package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
  126. package/dist/esm/tokens/default/spacing/spacing.js +0 -620
  127. package/dist/esm/tokens/default/utility/utility.js +1 -9
  128. package/dist/esm/use-theme-observer.js +34 -0
  129. package/dist/esm/utils/color-detection.js +23 -30
  130. package/dist/esm/utils/theme-loading.js +60 -0
  131. package/dist/esm/utils/theme-state-transformer.js +64 -0
  132. package/dist/esm/utils/token-ids.js +5 -4
  133. package/dist/esm/version.json +1 -1
  134. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  135. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  136. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  137. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  138. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  139. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  140. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  141. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  142. package/dist/types/artifacts/token-default-values.d.ts +2 -169
  143. package/dist/types/artifacts/token-names.d.ts +3 -337
  144. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  145. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  146. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  147. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  148. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
  149. package/dist/types/artifacts/types-internal.d.ts +2 -2
  150. package/dist/types/artifacts/types.d.ts +2 -2
  151. package/dist/types/get-global-theme.d.ts +2 -0
  152. package/dist/types/index.d.ts +7 -3
  153. package/dist/types/set-global-theme.d.ts +63 -7
  154. package/dist/types/theme-config.d.ts +10 -7
  155. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  156. package/dist/types/types.d.ts +1 -286
  157. package/dist/types/use-theme-observer.d.ts +15 -0
  158. package/dist/types/utils/theme-loading.d.ts +3 -0
  159. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  160. package/figma/atlassian-dark.json +1 -102
  161. package/figma/atlassian-legacy-dark.json +1 -102
  162. package/figma/atlassian-legacy-light.json +1 -102
  163. package/figma/atlassian-light.json +1 -102
  164. package/figma/atlassian-spacing.json +1 -761
  165. package/package.json +5 -8
  166. package/report.api.md +85 -351
  167. package/tmp/api-report-tmp.d.ts +58 -342
  168. package/css/atlassian-dark.css +0 -786
  169. package/css/atlassian-legacy-dark.css +0 -786
  170. package/css/atlassian-legacy-light.css +0 -786
  171. package/css/atlassian-light.css +0 -786
  172. package/css/atlassian-spacing.css +0 -87
  173. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  174. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  175. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  176. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  177. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  178. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  179. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  180. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  181. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  182. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  183. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  184. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  185. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  186. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  187. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  188. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  189. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  190. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  191. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  192. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  193. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  194. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  195. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  196. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} RENAMED
@@ -1,13 +1,8 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
2
  import _createClass from "@babel/runtime/helpers/createClass";
4
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
- import { useEffect, useState } from 'react';
6
- import { THEME_DATA_ATTRIBUTE } from './constants';
7
-
8
- var getGlobalTheme = function getGlobalTheme() {
9
- return typeof document !== 'undefined' ? document.documentElement.getAttribute(THEME_DATA_ATTRIBUTE) : null;
10
- };
4
+ import { COLOR_MODE_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
5
+ import { getGlobalTheme } from './get-global-theme';
11
6
  /**
12
7
  * A MutationObserver which watches the `<html>` element for changes to the theme.
13
8
  *
@@ -21,32 +16,24 @@ var getGlobalTheme = function getGlobalTheme() {
21
16
  * observer.observe();
22
17
  * ```
23
18
  */
24
-
25
-
26
19
  export var ThemeMutationObserver = /*#__PURE__*/function () {
27
20
  function ThemeMutationObserver(callback) {
28
21
  _classCallCheck(this, ThemeMutationObserver);
29
-
30
22
  _defineProperty(this, "observer", null);
31
-
32
23
  _defineProperty(this, "mediaObserver", null);
33
-
34
24
  this.callback = callback;
35
25
  }
36
-
37
26
  _createClass(ThemeMutationObserver, [{
38
27
  key: "observe",
39
28
  value: function observe() {
40
29
  var _this = this;
41
-
42
30
  if (!this.observer) {
43
31
  this.observer = new MutationObserver(function () {
44
32
  _this.callback(getGlobalTheme());
45
33
  });
46
34
  }
47
-
48
35
  this.observer.observe(document.documentElement, {
49
- attributeFilter: [THEME_DATA_ATTRIBUTE]
36
+ attributeFilter: [THEME_DATA_ATTRIBUTE, COLOR_MODE_ATTRIBUTE]
50
37
  });
51
38
  }
52
39
  }, {
@@ -55,37 +42,5 @@ export var ThemeMutationObserver = /*#__PURE__*/function () {
55
42
  this.observer && this.observer.disconnect();
56
43
  }
57
44
  }]);
58
-
59
45
  return ThemeMutationObserver;
60
- }();
61
- /**
62
- * A React hook which returns the current theme set on `<html>`, or `null` if not set.
63
- *
64
- * @example
65
- * ```
66
- * const theme = useThemeObserver(); // Returns 'light' or 'dark'
67
- *
68
- * // Performing side effects when it changes
69
- * useEffect(() => {
70
- * console.log(`The theme has changed to ${theme}`);
71
- * }, [theme]);
72
- * ```
73
- */
74
-
75
- export var useThemeObserver = function useThemeObserver() {
76
- var _useState = useState(getGlobalTheme()),
77
- _useState2 = _slicedToArray(_useState, 2),
78
- theme = _useState2[0],
79
- setTheme = _useState2[1];
80
-
81
- useEffect(function () {
82
- var observer = new ThemeMutationObserver(function (theme) {
83
- return setTheme(theme);
84
- });
85
- observer.observe();
86
- return function () {
87
- return observer.disconnect();
88
- };
89
- }, []);
90
- return theme;
91
- };
46
+ }();
package/dist/esm/tokens/atlassian-dark/utility/utility.js CHANGED
@@ -1,10 +1,7 @@
1
1
  var utility = {
2
- UNSAFE_util: {
2
+ UNSAFE: {
3
3
  transparent: {
4
4
  value: 'transparent'
5
- },
6
- MISSING_TOKEN: {
7
- value: '#FA11F2'
8
5
  }
9
6
  }
10
7
  };
package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js CHANGED
@@ -1,10 +1,7 @@
1
1
  var utility = {
2
- UNSAFE_util: {
2
+ UNSAFE: {
3
3
  transparent: {
4
4
  value: 'transparent'
5
- },
6
- MISSING_TOKEN: {
7
- value: '#FA11F2'
8
5
  }
9
6
  }
10
7
  };
package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js CHANGED
@@ -1,10 +1,7 @@
1
1
  var utility = {
2
- UNSAFE_util: {
2
+ UNSAFE: {
3
3
  transparent: {
4
4
  value: 'transparent'
5
- },
6
- MISSING_TOKEN: {
7
- value: '#FA11F2'
8
5
  }
9
6
  }
10
7
  };
package/dist/esm/tokens/atlassian-light/utility/utility.js CHANGED
@@ -1,10 +1,7 @@
1
1
  var utility = {
2
- UNSAFE_util: {
2
+ UNSAFE: {
3
3
  transparent: {
4
4
  value: 'transparent'
5
- },
6
- MISSING_TOKEN: {
7
- value: '#FA11F2'
8
5
  }
9
6
  }
10
7
  };
package/dist/esm/tokens/atlassian-spacing/spacing.js CHANGED
@@ -49,233 +49,6 @@ var spacing = {
49
49
  '1000': {
50
50
  value: 'Space1000'
51
51
  }
52
- },
53
- // original namespace under 'spacing' this is the same as above
54
- spacing: {
55
- scale: {
56
- '0': {
57
- value: 'Space0'
58
- },
59
- '025': {
60
- value: 'Space025'
61
- },
62
- '050': {
63
- value: 'Space050'
64
- },
65
- '075': {
66
- value: 'Space075'
67
- },
68
- '100': {
69
- value: 'Space100'
70
- },
71
- '150': {
72
- value: 'Space150'
73
- },
74
- '200': {
75
- value: 'Space200'
76
- },
77
- '250': {
78
- value: 'Space250'
79
- },
80
- '300': {
81
- value: 'Space300'
82
- },
83
- '400': {
84
- value: 'Space400'
85
- },
86
- '500': {
87
- value: 'Space500'
88
- },
89
- '600': {
90
- value: 'Space600'
91
- },
92
- '800': {
93
- value: 'Space800'
94
- },
95
- '1000': {
96
- value: 'Space1000'
97
- }
98
- },
99
- scaleLinear: {
100
- '0': {
101
- value: 'Space0'
102
- },
103
- '100': {
104
- value: 'Space025'
105
- },
106
- '200': {
107
- value: 'Space050'
108
- },
109
- '300': {
110
- value: 'Space075'
111
- },
112
- '400': {
113
- value: 'Space100'
114
- },
115
- '500': {
116
- value: 'Space150'
117
- },
118
- '600': {
119
- value: 'Space200'
120
- },
121
- '700': {
122
- value: 'Space250'
123
- },
124
- '800': {
125
- value: 'Space300'
126
- },
127
- '900': {
128
- value: 'Space400'
129
- },
130
- '1000': {
131
- value: 'Space500'
132
- },
133
- '1100': {
134
- value: 'Space600'
135
- }
136
- },
137
- size: {
138
- none: {
139
- value: 'Space0'
140
- },
141
- xxxxSmall: {
142
- value: 'Space025'
143
- },
144
- xxxSmall: {
145
- value: 'Space050'
146
- },
147
- xxSmall: {
148
- value: 'Space075'
149
- },
150
- xsmall: {
151
- value: 'Space100'
152
- },
153
- small: {
154
- value: 'Space150'
155
- },
156
- medium: {
157
- value: 'Space200'
158
- },
159
- large: {
160
- value: 'Space250'
161
- },
162
- xlarge: {
163
- value: 'Space300'
164
- },
165
- xxlarge: {
166
- value: 'Space400'
167
- },
168
- xxxlarge: {
169
- value: 'Space500'
170
- },
171
- xxxxlarge: {
172
- value: 'Space600'
173
- }
174
- },
175
- ecl: {
176
- element: {
177
- '2': {
178
- value: 'Space025'
179
- },
180
- '4': {
181
- value: 'Space050'
182
- },
183
- '6': {
184
- value: 'Space075'
185
- },
186
- '8': {
187
- value: 'Space100'
188
- }
189
- },
190
- container: {
191
- '12': {
192
- value: 'Space150'
193
- },
194
- '16': {
195
- value: 'Space200'
196
- },
197
- '20': {
198
- value: 'Space250'
199
- },
200
- '24': {
201
- value: 'Space300'
202
- }
203
- },
204
- layout: {
205
- '32': {
206
- value: 'Space400'
207
- },
208
- '40': {
209
- value: 'Space500'
210
- },
211
- '64': {
212
- value: 'Space600'
213
- }
214
- }
215
- },
216
- ccc: {
217
- component: {
218
- '2': {
219
- value: 'Space025'
220
- },
221
- '4': {
222
- value: 'Space050'
223
- },
224
- '6': {
225
- value: 'Space075'
226
- },
227
- '8': {
228
- value: 'Space100'
229
- }
230
- },
231
- content: {
232
- '12': {
233
- value: 'Space150'
234
- },
235
- '16': {
236
- value: 'Space200'
237
- },
238
- '20': {
239
- value: 'Space250'
240
- },
241
- '24': {
242
- value: 'Space300'
243
- }
244
- },
245
- container: {
246
- '32': {
247
- value: 'Space400'
248
- },
249
- '40': {
250
- value: 'Space500'
251
- },
252
- '48': {
253
- value: 'Space600'
254
- }
255
- }
256
- },
257
- gap: {
258
- '100': {
259
- value: 'Space100'
260
- },
261
- '200': {
262
- value: 'Space200'
263
- },
264
- '300': {
265
- value: 'Space300'
266
- }
267
- },
268
- inset: {
269
- '100': {
270
- value: 'Space100'
271
- },
272
- '200': {
273
- value: 'Space200'
274
- },
275
- '300': {
276
- value: 'Space300'
277
- }
278
- }
279
52
  }
280
53
  };
281
54
  export default spacing;