@atlaskit/tokens 0.10.29 → 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.
Files changed (43) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/atlassian-spacing.css +65 -2
  3. package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  4. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  5. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  6. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  7. package/dist/cjs/get-token.js +1 -1
  8. package/dist/cjs/tokens/atlassian-spacing/spacing.js +218 -5
  9. package/dist/cjs/tokens/default/spacing/spacing.js +612 -11
  10. package/dist/cjs/version.json +1 -1
  11. package/dist/es2019/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  12. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  13. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  14. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  15. package/dist/es2019/get-token.js +1 -1
  16. package/dist/es2019/tokens/atlassian-spacing/spacing.js +218 -5
  17. package/dist/es2019/tokens/default/spacing/spacing.js +612 -11
  18. package/dist/es2019/version.json +1 -1
  19. package/dist/esm/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  20. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  21. package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  22. package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  23. package/dist/esm/get-token.js +1 -1
  24. package/dist/esm/tokens/atlassian-spacing/spacing.js +218 -5
  25. package/dist/esm/tokens/default/spacing/spacing.js +612 -11
  26. package/dist/esm/version.json +1 -1
  27. package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  28. package/dist/types/artifacts/token-default-values.d.ts +64 -1
  29. package/dist/types/artifacts/token-names.d.ts +64 -1
  30. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  31. package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  32. package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  33. package/dist/types/types.d.ts +104 -3
  34. package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  35. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +64 -1
  36. package/dist/types-ts4.0/artifacts/token-names.d.ts +64 -1
  37. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  38. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  39. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  40. package/dist/types-ts4.0/types.d.ts +104 -3
  41. package/package.json +2 -3
  42. package/report.api.md +129 -3
  43. package/tmp/api-report-tmp.d.ts +128 -2
@@ -4,11 +4,10 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light spacing').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::e575bc332dcc60d3fe9e378605bc9100>>
7
+ * @codegen <<SignedSource::05c2fcc3d0dba0931605dc98f7540009>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  var defaultTokenValues = {
11
- 'spacing.container.gutter': '8px',
12
11
  'spacing.scale.0': '0px',
13
12
  'spacing.scale.100': '8px',
14
13
  'spacing.scale.150': '12px',
@@ -20,6 +19,70 @@ var defaultTokenValues = {
20
19
  'spacing.scale.600': '48px',
21
20
  'spacing.scale.025': '2px',
22
21
  'spacing.scale.050': '4px',
23
- 'spacing.scale.075': '6px'
22
+ 'spacing.scale.075': '6px',
23
+ 'spacing.scaleLinear.0': '0px',
24
+ 'spacing.scaleLinear.100': '2px',
25
+ 'spacing.scaleLinear.200': '4px',
26
+ 'spacing.scaleLinear.300': '6px',
27
+ 'spacing.scaleLinear.400': '8px',
28
+ 'spacing.scaleLinear.500': '12px',
29
+ 'spacing.scaleLinear.600': '16px',
30
+ 'spacing.scaleLinear.700': '20px',
31
+ 'spacing.scaleLinear.800': '24px',
32
+ 'spacing.scaleLinear.900': '32px',
33
+ 'spacing.scaleLinear.1000': '40px',
34
+ 'spacing.scaleLinear.1100': '48px',
35
+ 'spacing.pixel.0': '0px',
36
+ 'spacing.pixel.2': '2px',
37
+ 'spacing.pixel.4': '4px',
38
+ 'spacing.pixel.6': '6px',
39
+ 'spacing.pixel.8': '8px',
40
+ 'spacing.pixel.12': '12px',
41
+ 'spacing.pixel.16': '16px',
42
+ 'spacing.pixel.20': '20px',
43
+ 'spacing.pixel.24': '24px',
44
+ 'spacing.pixel.32': '32px',
45
+ 'spacing.pixel.40': '40px',
46
+ 'spacing.pixel.48': '48px',
47
+ 'spacing.size.none': '0px',
48
+ 'spacing.size.xxxxSmall': '2px',
49
+ 'spacing.size.xxxSmall': '4px',
50
+ 'spacing.size.xxSmall': '6px',
51
+ 'spacing.size.xsmall': '8px',
52
+ 'spacing.size.small': '12px',
53
+ 'spacing.size.medium': '16px',
54
+ 'spacing.size.large': '20px',
55
+ 'spacing.size.xlarge': '24px',
56
+ 'spacing.size.xxlarge': '32px',
57
+ 'spacing.size.xxxlarge': '40px',
58
+ 'spacing.size.xxxxlarge': '48px',
59
+ 'spacing.ecl.element.2': '2px',
60
+ 'spacing.ecl.element.4': '4px',
61
+ 'spacing.ecl.element.6': '6px',
62
+ 'spacing.ecl.element.8': '8px',
63
+ 'spacing.ecl.container.12': '12px',
64
+ 'spacing.ecl.container.16': '16px',
65
+ 'spacing.ecl.container.20': '20px',
66
+ 'spacing.ecl.container.24': '24px',
67
+ 'spacing.ecl.layout.32': '32px',
68
+ 'spacing.ecl.layout.40': '40px',
69
+ 'spacing.ecl.layout.64': '48px',
70
+ 'spacing.ccc.component.2': '2px',
71
+ 'spacing.ccc.component.4': '4px',
72
+ 'spacing.ccc.component.6': '6px',
73
+ 'spacing.ccc.component.8': '8px',
74
+ 'spacing.ccc.content.12': '12px',
75
+ 'spacing.ccc.content.16': '16px',
76
+ 'spacing.ccc.content.20': '20px',
77
+ 'spacing.ccc.content.24': '24px',
78
+ 'spacing.ccc.container.32': '32px',
79
+ 'spacing.ccc.container.40': '40px',
80
+ 'spacing.ccc.container.48': '48px',
81
+ 'spacing.gap.100': '8px',
82
+ 'spacing.gap.200': '16px',
83
+ 'spacing.gap.300': '24px',
84
+ 'spacing.inset.100': '8px',
85
+ 'spacing.inset.200': '16px',
86
+ 'spacing.inset.300': '24px'
24
87
  };
25
88
  export default defaultTokenValues;
@@ -1,10 +1,9 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::873e77ae05fb3ff2730f5f6110aaeae3>>
3
+ * @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = {
7
- 'spacing.container.gutter': '--ds-container-gutter',
8
7
  'spacing.scale.0': '--ds-scale-0',
9
8
  'spacing.scale.100': '--ds-scale-100',
10
9
  'spacing.scale.150': '--ds-scale-150',
@@ -16,6 +15,70 @@ var tokens = {
16
15
  'spacing.scale.600': '--ds-scale-600',
17
16
  'spacing.scale.025': '--ds-scale-025',
18
17
  'spacing.scale.050': '--ds-scale-050',
19
- 'spacing.scale.075': '--ds-scale-075'
18
+ 'spacing.scale.075': '--ds-scale-075',
19
+ 'spacing.scaleLinear.0': '--ds-scaleLinear-0',
20
+ 'spacing.scaleLinear.100': '--ds-scaleLinear-100',
21
+ 'spacing.scaleLinear.200': '--ds-scaleLinear-200',
22
+ 'spacing.scaleLinear.300': '--ds-scaleLinear-300',
23
+ 'spacing.scaleLinear.400': '--ds-scaleLinear-400',
24
+ 'spacing.scaleLinear.500': '--ds-scaleLinear-500',
25
+ 'spacing.scaleLinear.600': '--ds-scaleLinear-600',
26
+ 'spacing.scaleLinear.700': '--ds-scaleLinear-700',
27
+ 'spacing.scaleLinear.800': '--ds-scaleLinear-800',
28
+ 'spacing.scaleLinear.900': '--ds-scaleLinear-900',
29
+ 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000',
30
+ 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100',
31
+ 'spacing.pixel.0': '--ds-pixel-0',
32
+ 'spacing.pixel.2': '--ds-pixel-2',
33
+ 'spacing.pixel.4': '--ds-pixel-4',
34
+ 'spacing.pixel.6': '--ds-pixel-6',
35
+ 'spacing.pixel.8': '--ds-pixel-8',
36
+ 'spacing.pixel.12': '--ds-pixel-12',
37
+ 'spacing.pixel.16': '--ds-pixel-16',
38
+ 'spacing.pixel.20': '--ds-pixel-20',
39
+ 'spacing.pixel.24': '--ds-pixel-24',
40
+ 'spacing.pixel.32': '--ds-pixel-32',
41
+ 'spacing.pixel.40': '--ds-pixel-40',
42
+ 'spacing.pixel.48': '--ds-pixel-48',
43
+ 'spacing.size.none': '--ds-size-none',
44
+ 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall',
45
+ 'spacing.size.xxxSmall': '--ds-size-xxxSmall',
46
+ 'spacing.size.xxSmall': '--ds-size-xxSmall',
47
+ 'spacing.size.xsmall': '--ds-size-xsmall',
48
+ 'spacing.size.small': '--ds-size-small',
49
+ 'spacing.size.medium': '--ds-size-medium',
50
+ 'spacing.size.large': '--ds-size-large',
51
+ 'spacing.size.xlarge': '--ds-size-xlarge',
52
+ 'spacing.size.xxlarge': '--ds-size-xxlarge',
53
+ 'spacing.size.xxxlarge': '--ds-size-xxxlarge',
54
+ 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge',
55
+ 'spacing.ecl.element.2': '--ds-ecl-element-2',
56
+ 'spacing.ecl.element.4': '--ds-ecl-element-4',
57
+ 'spacing.ecl.element.6': '--ds-ecl-element-6',
58
+ 'spacing.ecl.element.8': '--ds-ecl-element-8',
59
+ 'spacing.ecl.container.12': '--ds-ecl-container-12',
60
+ 'spacing.ecl.container.16': '--ds-ecl-container-16',
61
+ 'spacing.ecl.container.20': '--ds-ecl-container-20',
62
+ 'spacing.ecl.container.24': '--ds-ecl-container-24',
63
+ 'spacing.ecl.layout.32': '--ds-ecl-layout-32',
64
+ 'spacing.ecl.layout.40': '--ds-ecl-layout-40',
65
+ 'spacing.ecl.layout.64': '--ds-ecl-layout-64',
66
+ 'spacing.ccc.component.2': '--ds-ccc-component-2',
67
+ 'spacing.ccc.component.4': '--ds-ccc-component-4',
68
+ 'spacing.ccc.component.6': '--ds-ccc-component-6',
69
+ 'spacing.ccc.component.8': '--ds-ccc-component-8',
70
+ 'spacing.ccc.content.12': '--ds-ccc-content-12',
71
+ 'spacing.ccc.content.16': '--ds-ccc-content-16',
72
+ 'spacing.ccc.content.20': '--ds-ccc-content-20',
73
+ 'spacing.ccc.content.24': '--ds-ccc-content-24',
74
+ 'spacing.ccc.container.32': '--ds-ccc-container-32',
75
+ 'spacing.ccc.container.40': '--ds-ccc-container-40',
76
+ 'spacing.ccc.container.48': '--ds-ccc-container-48',
77
+ 'spacing.gap.100': '--ds-gap-100',
78
+ 'spacing.gap.200': '--ds-gap-200',
79
+ 'spacing.gap.300': '--ds-gap-300',
80
+ 'spacing.inset.100': '--ds-inset-100',
81
+ 'spacing.inset.200': '--ds-inset-200',
82
+ 'spacing.inset.300': '--ds-inset-300'
20
83
  };
21
84
  export default tokens;
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  var name = "@atlaskit/tokens";
5
- var version = "0.10.29";
5
+ var version = "0.10.30";
6
6
 
7
7
  function token(path, fallback) {
8
8
  var token = tokens[path];
@@ -1,10 +1,5 @@
1
1
  var spacing = {
2
2
  spacing: {
3
- container: {
4
- gutter: {
5
- value: 'Space100'
6
- }
7
- },
8
3
  scale: {
9
4
  '0': {
10
5
  value: 'Space0'
@@ -42,6 +37,224 @@ var spacing = {
42
37
  '600': {
43
38
  value: 'Space600'
44
39
  }
40
+ },
41
+ scaleLinear: {
42
+ '0': {
43
+ value: 'Space0'
44
+ },
45
+ '100': {
46
+ value: 'Space025'
47
+ },
48
+ '200': {
49
+ value: 'Space050'
50
+ },
51
+ '300': {
52
+ value: 'Space075'
53
+ },
54
+ '400': {
55
+ value: 'Space100'
56
+ },
57
+ '500': {
58
+ value: 'Space150'
59
+ },
60
+ '600': {
61
+ value: 'Space200'
62
+ },
63
+ '700': {
64
+ value: 'Space250'
65
+ },
66
+ '800': {
67
+ value: 'Space300'
68
+ },
69
+ '900': {
70
+ value: 'Space400'
71
+ },
72
+ '1000': {
73
+ value: 'Space500'
74
+ },
75
+ '1100': {
76
+ value: 'Space600'
77
+ }
78
+ },
79
+ pixel: {
80
+ '0': {
81
+ value: 'Space0'
82
+ },
83
+ '2': {
84
+ value: 'Space025'
85
+ },
86
+ '4': {
87
+ value: 'Space050'
88
+ },
89
+ '6': {
90
+ value: 'Space075'
91
+ },
92
+ '8': {
93
+ value: 'Space100'
94
+ },
95
+ '12': {
96
+ value: 'Space150'
97
+ },
98
+ '16': {
99
+ value: 'Space200'
100
+ },
101
+ '20': {
102
+ value: 'Space250'
103
+ },
104
+ '24': {
105
+ value: 'Space300'
106
+ },
107
+ '32': {
108
+ value: 'Space400'
109
+ },
110
+ '40': {
111
+ value: 'Space500'
112
+ },
113
+ '48': {
114
+ value: 'Space600'
115
+ }
116
+ },
117
+ size: {
118
+ none: {
119
+ value: 'Space0'
120
+ },
121
+ xxxxSmall: {
122
+ value: 'Space025'
123
+ },
124
+ xxxSmall: {
125
+ value: 'Space050'
126
+ },
127
+ xxSmall: {
128
+ value: 'Space075'
129
+ },
130
+ xsmall: {
131
+ value: 'Space100'
132
+ },
133
+ small: {
134
+ value: 'Space150'
135
+ },
136
+ medium: {
137
+ value: 'Space200'
138
+ },
139
+ large: {
140
+ value: 'Space250'
141
+ },
142
+ xlarge: {
143
+ value: 'Space300'
144
+ },
145
+ xxlarge: {
146
+ value: 'Space400'
147
+ },
148
+ xxxlarge: {
149
+ value: 'Space500'
150
+ },
151
+ xxxxlarge: {
152
+ value: 'Space600'
153
+ }
154
+ },
155
+ ecl: {
156
+ element: {
157
+ '2': {
158
+ value: 'Space025'
159
+ },
160
+ '4': {
161
+ value: 'Space050'
162
+ },
163
+ '6': {
164
+ value: 'Space075'
165
+ },
166
+ '8': {
167
+ value: 'Space100'
168
+ }
169
+ },
170
+ container: {
171
+ '12': {
172
+ value: 'Space150'
173
+ },
174
+ '16': {
175
+ value: 'Space200'
176
+ },
177
+ '20': {
178
+ value: 'Space250'
179
+ },
180
+ '24': {
181
+ value: 'Space300'
182
+ }
183
+ },
184
+ layout: {
185
+ '32': {
186
+ value: 'Space400'
187
+ },
188
+ '40': {
189
+ value: 'Space500'
190
+ },
191
+ '64': {
192
+ value: 'Space600'
193
+ }
194
+ }
195
+ },
196
+ ccc: {
197
+ component: {
198
+ '2': {
199
+ value: 'Space025'
200
+ },
201
+ '4': {
202
+ value: 'Space050'
203
+ },
204
+ '6': {
205
+ value: 'Space075'
206
+ },
207
+ '8': {
208
+ value: 'Space100'
209
+ }
210
+ },
211
+ content: {
212
+ '12': {
213
+ value: 'Space150'
214
+ },
215
+ '16': {
216
+ value: 'Space200'
217
+ },
218
+ '20': {
219
+ value: 'Space250'
220
+ },
221
+ '24': {
222
+ value: 'Space300'
223
+ }
224
+ },
225
+ container: {
226
+ '32': {
227
+ value: 'Space400'
228
+ },
229
+ '40': {
230
+ value: 'Space500'
231
+ },
232
+ '48': {
233
+ value: 'Space600'
234
+ }
235
+ }
236
+ },
237
+ gap: {
238
+ 100: {
239
+ value: 'Space100'
240
+ },
241
+ 200: {
242
+ value: 'Space200'
243
+ },
244
+ 300: {
245
+ value: 'Space300'
246
+ }
247
+ },
248
+ inset: {
249
+ 100: {
250
+ value: 'Space100'
251
+ },
252
+ 200: {
253
+ value: 'Space200'
254
+ },
255
+ 300: {
256
+ value: 'Space300'
257
+ }
45
258
  }
46
259
  }
47
260
  };