@atlaskit/tokens 0.10.28 → 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 (72) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/css/atlassian-dark.css +298 -2
  3. package/css/atlassian-legacy-dark.css +298 -2
  4. package/css/atlassian-legacy-light.css +298 -2
  5. package/css/atlassian-light.css +298 -2
  6. package/css/atlassian-spacing.css +66 -3
  7. package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  9. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  10. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  11. package/dist/cjs/constants.js +4 -13
  12. package/dist/cjs/get-token.js +1 -1
  13. package/dist/cjs/index.js +8 -0
  14. package/dist/cjs/set-global-theme.js +30 -4
  15. package/dist/cjs/theme-change-observer.js +3 -2
  16. package/dist/cjs/theme-config.js +95 -0
  17. package/dist/cjs/tokens/atlassian-spacing/spacing.js +218 -5
  18. package/dist/cjs/tokens/default/spacing/spacing.js +612 -11
  19. package/dist/cjs/version.json +1 -1
  20. package/dist/es2019/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  21. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  22. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  23. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  24. package/dist/es2019/constants.js +2 -10
  25. package/dist/es2019/get-token.js +1 -1
  26. package/dist/es2019/index.js +1 -0
  27. package/dist/es2019/set-global-theme.js +25 -5
  28. package/dist/es2019/theme-change-observer.js +5 -3
  29. package/dist/es2019/theme-config.js +87 -0
  30. package/dist/es2019/tokens/atlassian-spacing/spacing.js +218 -5
  31. package/dist/es2019/tokens/default/spacing/spacing.js +612 -11
  32. package/dist/es2019/version.json +1 -1
  33. package/dist/esm/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  34. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  35. package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  36. package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  37. package/dist/esm/constants.js +2 -10
  38. package/dist/esm/get-token.js +1 -1
  39. package/dist/esm/index.js +1 -0
  40. package/dist/esm/set-global-theme.js +28 -5
  41. package/dist/esm/theme-change-observer.js +5 -3
  42. package/dist/esm/theme-config.js +87 -0
  43. package/dist/esm/tokens/atlassian-spacing/spacing.js +218 -5
  44. package/dist/esm/tokens/default/spacing/spacing.js +612 -11
  45. package/dist/esm/version.json +1 -1
  46. package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  47. package/dist/types/artifacts/token-default-values.d.ts +64 -1
  48. package/dist/types/artifacts/token-names.d.ts +64 -1
  49. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  50. package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  51. package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  52. package/dist/types/constants.d.ts +1 -8
  53. package/dist/types/index.d.ts +2 -1
  54. package/dist/types/set-global-theme.d.ts +2 -2
  55. package/dist/types/theme-change-observer.d.ts +4 -3
  56. package/dist/types/theme-config.d.ts +53 -0
  57. package/dist/types/types.d.ts +104 -6
  58. package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  59. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +64 -1
  60. package/dist/types-ts4.0/artifacts/token-names.d.ts +64 -1
  61. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  62. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  63. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  64. package/dist/types-ts4.0/constants.d.ts +1 -14
  65. package/dist/types-ts4.0/index.d.ts +2 -1
  66. package/dist/types-ts4.0/set-global-theme.d.ts +2 -2
  67. package/dist/types-ts4.0/theme-change-observer.d.ts +4 -3
  68. package/dist/types-ts4.0/theme-config.d.ts +53 -0
  69. package/dist/types-ts4.0/types.d.ts +104 -6
  70. package/package.json +3 -3
  71. package/report.api.md +180 -17
  72. package/tmp/api-report-tmp.d.ts +164 -10
@@ -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::9dce6673b453f80c53c6dbd73faae3e1>>
3
+ * @codegen <<SignedSource::fc645435a8895c0e5215cd03f54f38d6>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- html[data-spacing-theme="spacing"] {
7
- --ds-container-gutter: 8px;
6
+ html[data-theme~="spacing"] {
8
7
  --ds-scale-0: 0px;
9
8
  --ds-scale-100: 8px;
10
9
  --ds-scale-150: 12px;
@@ -17,4 +16,68 @@ html[data-spacing-theme="spacing"] {
17
16
  --ds-scale-025: 2px;
18
17
  --ds-scale-050: 4px;
19
18
  --ds-scale-075: 6px;
19
+ --ds-scaleLinear-0: 0px;
20
+ --ds-scaleLinear-100: 2px;
21
+ --ds-scaleLinear-200: 4px;
22
+ --ds-scaleLinear-300: 6px;
23
+ --ds-scaleLinear-400: 8px;
24
+ --ds-scaleLinear-500: 12px;
25
+ --ds-scaleLinear-600: 16px;
26
+ --ds-scaleLinear-700: 20px;
27
+ --ds-scaleLinear-800: 24px;
28
+ --ds-scaleLinear-900: 32px;
29
+ --ds-scaleLinear-1000: 40px;
30
+ --ds-scaleLinear-1100: 48px;
31
+ --ds-pixel-0: 0px;
32
+ --ds-pixel-2: 2px;
33
+ --ds-pixel-4: 4px;
34
+ --ds-pixel-6: 6px;
35
+ --ds-pixel-8: 8px;
36
+ --ds-pixel-12: 12px;
37
+ --ds-pixel-16: 16px;
38
+ --ds-pixel-20: 20px;
39
+ --ds-pixel-24: 24px;
40
+ --ds-pixel-32: 32px;
41
+ --ds-pixel-40: 40px;
42
+ --ds-pixel-48: 48px;
43
+ --ds-size-none: 0px;
44
+ --ds-size-xxxxSmall: 2px;
45
+ --ds-size-xxxSmall: 4px;
46
+ --ds-size-xxSmall: 6px;
47
+ --ds-size-xsmall: 8px;
48
+ --ds-size-small: 12px;
49
+ --ds-size-medium: 16px;
50
+ --ds-size-large: 20px;
51
+ --ds-size-xlarge: 24px;
52
+ --ds-size-xxlarge: 32px;
53
+ --ds-size-xxxlarge: 40px;
54
+ --ds-size-xxxxlarge: 48px;
55
+ --ds-ecl-element-2: 2px;
56
+ --ds-ecl-element-4: 4px;
57
+ --ds-ecl-element-6: 6px;
58
+ --ds-ecl-element-8: 8px;
59
+ --ds-ecl-container-12: 12px;
60
+ --ds-ecl-container-16: 16px;
61
+ --ds-ecl-container-20: 20px;
62
+ --ds-ecl-container-24: 24px;
63
+ --ds-ecl-layout-32: 32px;
64
+ --ds-ecl-layout-40: 40px;
65
+ --ds-ecl-layout-64: 48px;
66
+ --ds-ccc-component-2: 2px;
67
+ --ds-ccc-component-4: 4px;
68
+ --ds-ccc-component-6: 6px;
69
+ --ds-ccc-component-8: 8px;
70
+ --ds-ccc-content-12: 12px;
71
+ --ds-ccc-content-16: 16px;
72
+ --ds-ccc-content-20: 20px;
73
+ --ds-ccc-content-24: 24px;
74
+ --ds-ccc-container-32: 32px;
75
+ --ds-ccc-container-40: 40px;
76
+ --ds-ccc-container-48: 48px;
77
+ --ds-gap-100: 8px;
78
+ --ds-gap-200: 16px;
79
+ --ds-gap-300: 24px;
80
+ --ds-inset-100: 8px;
81
+ --ds-inset-200: 16px;
82
+ --ds-inset-300: 24px;
20
83
  }
@@ -19,13 +19,265 @@ 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::a90d6d19262ac37cb4095da71ba3035c>>
22
+ * @codegen <<SignedSource::96edd04d9850fc284b2e4b66f4c91d07>>
23
23
  * @codegenCommand yarn build tokens
24
24
  */
25
25
  var renameMapper = [{
26
- "path": "spacing.container.gutter",
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.pixel.0",
75
+ "state": "experimental",
76
+ "replacement": "0"
77
+ }, {
78
+ "path": "spacing.pixel.2",
79
+ "state": "experimental",
80
+ "replacement": "2px"
81
+ }, {
82
+ "path": "spacing.pixel.4",
83
+ "state": "experimental",
84
+ "replacement": "4px"
85
+ }, {
86
+ "path": "spacing.pixel.6",
87
+ "state": "experimental",
88
+ "replacement": "6px"
89
+ }, {
90
+ "path": "spacing.pixel.8",
27
91
  "state": "experimental",
28
92
  "replacement": "8px"
93
+ }, {
94
+ "path": "spacing.pixel.12",
95
+ "state": "experimental",
96
+ "replacement": "12px"
97
+ }, {
98
+ "path": "spacing.pixel.16",
99
+ "state": "experimental",
100
+ "replacement": "16px"
101
+ }, {
102
+ "path": "spacing.pixel.20",
103
+ "state": "experimental",
104
+ "replacement": "20px"
105
+ }, {
106
+ "path": "spacing.pixel.24",
107
+ "state": "experimental",
108
+ "replacement": "24px"
109
+ }, {
110
+ "path": "spacing.pixel.32",
111
+ "state": "experimental",
112
+ "replacement": "32px"
113
+ }, {
114
+ "path": "spacing.pixel.40",
115
+ "state": "experimental",
116
+ "replacement": "40px"
117
+ }, {
118
+ "path": "spacing.pixel.48",
119
+ "state": "experimental",
120
+ "replacement": "48px"
121
+ }, {
122
+ "path": "spacing.size.none",
123
+ "state": "experimental",
124
+ "replacement": "0"
125
+ }, {
126
+ "path": "spacing.size.xxxxSmall",
127
+ "state": "experimental",
128
+ "replacement": "2px"
129
+ }, {
130
+ "path": "spacing.size.xxxSmall",
131
+ "state": "experimental",
132
+ "replacement": "4px"
133
+ }, {
134
+ "path": "spacing.size.xxSmall",
135
+ "state": "experimental",
136
+ "replacement": "6px"
137
+ }, {
138
+ "path": "spacing.size.xsmall",
139
+ "state": "experimental",
140
+ "replacement": "8px"
141
+ }, {
142
+ "path": "spacing.size.small",
143
+ "state": "experimental",
144
+ "replacement": "12px"
145
+ }, {
146
+ "path": "spacing.size.medium",
147
+ "state": "experimental",
148
+ "replacement": "16px"
149
+ }, {
150
+ "path": "spacing.size.large",
151
+ "state": "experimental",
152
+ "replacement": "20px"
153
+ }, {
154
+ "path": "spacing.size.xlarge",
155
+ "state": "experimental",
156
+ "replacement": "24px"
157
+ }, {
158
+ "path": "spacing.size.xxlarge",
159
+ "state": "experimental",
160
+ "replacement": "32px"
161
+ }, {
162
+ "path": "spacing.size.xxxlarge",
163
+ "state": "experimental",
164
+ "replacement": "40px"
165
+ }, {
166
+ "path": "spacing.size.xxxxlarge",
167
+ "state": "experimental",
168
+ "replacement": "48px"
169
+ }, {
170
+ "path": "spacing.ecl.element.2",
171
+ "state": "experimental",
172
+ "replacement": "2px"
173
+ }, {
174
+ "path": "spacing.ecl.element.4",
175
+ "state": "experimental",
176
+ "replacement": "4px"
177
+ }, {
178
+ "path": "spacing.ecl.element.6",
179
+ "state": "experimental",
180
+ "replacement": "6px"
181
+ }, {
182
+ "path": "spacing.ecl.element.8",
183
+ "state": "experimental",
184
+ "replacement": "8px"
185
+ }, {
186
+ "path": "spacing.ecl.container.12",
187
+ "state": "experimental",
188
+ "replacement": "12px"
189
+ }, {
190
+ "path": "spacing.ecl.container.16",
191
+ "state": "experimental",
192
+ "replacement": "16px"
193
+ }, {
194
+ "path": "spacing.ecl.container.20",
195
+ "state": "experimental",
196
+ "replacement": "20px"
197
+ }, {
198
+ "path": "spacing.ecl.container.24",
199
+ "state": "experimental",
200
+ "replacement": "24px"
201
+ }, {
202
+ "path": "spacing.ecl.layout.32",
203
+ "state": "experimental",
204
+ "replacement": "32px"
205
+ }, {
206
+ "path": "spacing.ecl.layout.40",
207
+ "state": "experimental",
208
+ "replacement": "40px"
209
+ }, {
210
+ "path": "spacing.ecl.layout.64",
211
+ "state": "experimental",
212
+ "replacement": "64px"
213
+ }, {
214
+ "path": "spacing.ccc.component.2",
215
+ "state": "experimental",
216
+ "replacement": "2px"
217
+ }, {
218
+ "path": "spacing.ccc.component.4",
219
+ "state": "experimental",
220
+ "replacement": "4px"
221
+ }, {
222
+ "path": "spacing.ccc.component.6",
223
+ "state": "experimental",
224
+ "replacement": "6px"
225
+ }, {
226
+ "path": "spacing.ccc.component.8",
227
+ "state": "experimental",
228
+ "replacement": "8px"
229
+ }, {
230
+ "path": "spacing.ccc.content.12",
231
+ "state": "experimental",
232
+ "replacement": "12px"
233
+ }, {
234
+ "path": "spacing.ccc.content.16",
235
+ "state": "experimental",
236
+ "replacement": "16px"
237
+ }, {
238
+ "path": "spacing.ccc.content.20",
239
+ "state": "experimental",
240
+ "replacement": "20px"
241
+ }, {
242
+ "path": "spacing.ccc.content.24",
243
+ "state": "experimental",
244
+ "replacement": "24px"
245
+ }, {
246
+ "path": "spacing.ccc.container.32",
247
+ "state": "experimental",
248
+ "replacement": "32px"
249
+ }, {
250
+ "path": "spacing.ccc.container.40",
251
+ "state": "experimental",
252
+ "replacement": "40px"
253
+ }, {
254
+ "path": "spacing.ccc.container.48",
255
+ "state": "experimental",
256
+ "replacement": "48px"
257
+ }, {
258
+ "path": "spacing.gap.100",
259
+ "state": "experimental",
260
+ "replacement": "8px"
261
+ }, {
262
+ "path": "spacing.gap.200",
263
+ "state": "experimental",
264
+ "replacement": "16px"
265
+ }, {
266
+ "path": "spacing.gap.300",
267
+ "state": "experimental",
268
+ "replacement": "24px"
269
+ }, {
270
+ "path": "spacing.inset.100",
271
+ "state": "experimental",
272
+ "replacement": "8px"
273
+ }, {
274
+ "path": "spacing.inset.200",
275
+ "state": "experimental",
276
+ "replacement": "16px"
277
+ }, {
278
+ "path": "spacing.inset.300",
279
+ "state": "experimental",
280
+ "replacement": "24px"
29
281
  }];
30
282
  var _default = renameMapper;
31
283
  exports.default = _default;