@atlaskit/tokens 6.5.0 → 7.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 (82) hide show
  1. package/CHANGELOG.md +49 -40
  2. package/dist/cjs/artifacts/palettes-raw/palette.js +307 -1
  3. package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -31
  4. package/dist/cjs/artifacts/replacement-mapping.js +2 -32
  5. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  6. package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  9. package/dist/cjs/artifacts/token-default-values.js +1 -11
  10. package/dist/cjs/artifacts/token-names.js +1 -11
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -241
  14. package/dist/cjs/babel-plugin/plugin.js +2 -2
  15. package/dist/cjs/entry-points/palettes-raw.js +7 -0
  16. package/dist/cjs/entry-points/token-metadata.codegen.js +1 -51
  17. package/dist/cjs/theme-config.js +1 -17
  18. package/dist/es2019/artifacts/palettes-raw/palette.js +307 -1
  19. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -31
  20. package/dist/es2019/artifacts/replacement-mapping.js +2 -32
  21. package/dist/es2019/artifacts/theme-import-map.js +1 -5
  22. package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +1 -11
  23. package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +1 -11
  24. package/dist/es2019/artifacts/themes/atlassian-shape.js +1 -11
  25. package/dist/es2019/artifacts/token-default-values.js +1 -11
  26. package/dist/es2019/artifacts/token-names.js +1 -11
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -241
  30. package/dist/es2019/babel-plugin/plugin.js +2 -2
  31. package/dist/es2019/entry-points/palettes-raw.js +1 -0
  32. package/dist/es2019/entry-points/token-metadata.codegen.js +1 -51
  33. package/dist/es2019/theme-config.js +1 -17
  34. package/dist/esm/artifacts/palettes-raw/palette.js +307 -1
  35. package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -31
  36. package/dist/esm/artifacts/replacement-mapping.js +2 -32
  37. package/dist/esm/artifacts/theme-import-map.js +1 -9
  38. package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +2 -2
  39. package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  41. package/dist/esm/artifacts/token-default-values.js +1 -11
  42. package/dist/esm/artifacts/token-names.js +1 -11
  43. package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  44. package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  45. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -241
  46. package/dist/esm/babel-plugin/plugin.js +2 -2
  47. package/dist/esm/entry-points/palettes-raw.js +1 -0
  48. package/dist/esm/entry-points/token-metadata.codegen.js +1 -51
  49. package/dist/esm/theme-config.js +1 -17
  50. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  51. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  52. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  53. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  54. package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
  55. package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
  56. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  57. package/dist/types/artifacts/token-default-values.d.ts +1 -11
  58. package/dist/types/artifacts/token-names.d.ts +1 -21
  59. package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
  60. package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  62. package/dist/types/entry-points/palettes-raw.d.ts +1 -0
  63. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  64. package/dist/types/theme-config.d.ts +4 -4
  65. package/dist/types/types.d.ts +0 -12
  66. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  67. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  68. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  69. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  70. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -11
  74. package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -21
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  78. package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +1 -0
  79. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  80. package/dist/types-ts4.5/theme-config.d.ts +2 -6
  81. package/dist/types-ts4.5/types.d.ts +0 -12
  82. package/package.json +11 -11
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::ed8b341bea9e633d9bf846cc430b9b60>>
3
+ * @codegen <<SignedSource::884d9496e85b87859f0c8ef41167280b>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
 
@@ -170,174 +170,6 @@ const tokens = [{
170
170
  "name": "radius.tile",
171
171
  "path": ["radius", "tile"],
172
172
  "cleanName": "radius.tile"
173
- }, {
174
- "attributes": {
175
- "group": "shape",
176
- "state": "deprecated",
177
- "introduced": "1.5.2",
178
- "deprecated": "6.1.0",
179
- "description": "The default border radius."
180
- },
181
- "value": "4px",
182
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
183
- "isSource": true,
184
- "original": {
185
- "attributes": {
186
- "group": "shape",
187
- "state": "deprecated",
188
- "introduced": "1.5.2",
189
- "deprecated": "6.1.0",
190
- "description": "The default border radius."
191
- },
192
- "value": "Radius04"
193
- },
194
- "name": "border.radius.[default]",
195
- "path": ["border", "radius", "[default]"],
196
- "cleanName": "border.radius"
197
- }, {
198
- "attributes": {
199
- "group": "shape",
200
- "state": "deprecated",
201
- "introduced": "1.1.0",
202
- "deprecated": "6.1.0",
203
- "description": "Used for selection indicators, like tabs."
204
- },
205
- "value": "2px",
206
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
207
- "isSource": true,
208
- "original": {
209
- "attributes": {
210
- "group": "shape",
211
- "state": "deprecated",
212
- "introduced": "1.1.0",
213
- "deprecated": "6.1.0",
214
- "description": "Used for selection indicators, like tabs."
215
- },
216
- "value": "Radius02"
217
- },
218
- "name": "border.radius.050",
219
- "path": ["border", "radius", "050"],
220
- "cleanName": "border.radius.050"
221
- }, {
222
- "attributes": {
223
- "group": "shape",
224
- "state": "deprecated",
225
- "introduced": "1.1.0",
226
- "deprecated": "6.1.0",
227
- "description": "Used for buttons and inputs."
228
- },
229
- "value": "4px",
230
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
231
- "isSource": true,
232
- "original": {
233
- "attributes": {
234
- "group": "shape",
235
- "state": "deprecated",
236
- "introduced": "1.1.0",
237
- "deprecated": "6.1.0",
238
- "description": "Used for buttons and inputs."
239
- },
240
- "value": "Radius04"
241
- },
242
- "name": "border.radius.100",
243
- "path": ["border", "radius", "100"],
244
- "cleanName": "border.radius.100"
245
- }, {
246
- "attributes": {
247
- "group": "shape",
248
- "state": "deprecated",
249
- "introduced": "1.1.0",
250
- "deprecated": "6.1.0",
251
- "description": "Used for smaller cards."
252
- },
253
- "value": "8px",
254
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
255
- "isSource": true,
256
- "original": {
257
- "attributes": {
258
- "group": "shape",
259
- "state": "deprecated",
260
- "introduced": "1.1.0",
261
- "deprecated": "6.1.0",
262
- "description": "Used for smaller cards."
263
- },
264
- "value": "Radius08"
265
- },
266
- "name": "border.radius.200",
267
- "path": ["border", "radius", "200"],
268
- "cleanName": "border.radius.200"
269
- }, {
270
- "attributes": {
271
- "group": "shape",
272
- "state": "deprecated",
273
- "introduced": "1.1.0",
274
- "deprecated": "6.1.0",
275
- "description": "Used for cards and larger containers."
276
- },
277
- "value": "12px",
278
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
279
- "isSource": true,
280
- "original": {
281
- "attributes": {
282
- "group": "shape",
283
- "state": "deprecated",
284
- "introduced": "1.1.0",
285
- "deprecated": "6.1.0",
286
- "description": "Used for cards and larger containers."
287
- },
288
- "value": "Radius12"
289
- },
290
- "name": "border.radius.300",
291
- "path": ["border", "radius", "300"],
292
- "cleanName": "border.radius.300"
293
- }, {
294
- "attributes": {
295
- "group": "shape",
296
- "state": "deprecated",
297
- "introduced": "1.1.0",
298
- "deprecated": "6.1.0",
299
- "description": "Used for modals."
300
- },
301
- "value": "16px",
302
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
303
- "isSource": true,
304
- "original": {
305
- "attributes": {
306
- "group": "shape",
307
- "state": "deprecated",
308
- "introduced": "1.1.0",
309
- "deprecated": "6.1.0",
310
- "description": "Used for modals."
311
- },
312
- "value": "Radius16"
313
- },
314
- "name": "border.radius.400",
315
- "path": ["border", "radius", "400"],
316
- "cleanName": "border.radius.400"
317
- }, {
318
- "attributes": {
319
- "group": "shape",
320
- "state": "deprecated",
321
- "introduced": "1.1.0",
322
- "deprecated": "6.1.0",
323
- "description": "Used for circular containers, like a rounded button."
324
- },
325
- "value": "9999px",
326
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
327
- "isSource": true,
328
- "original": {
329
- "attributes": {
330
- "group": "shape",
331
- "state": "deprecated",
332
- "introduced": "1.1.0",
333
- "deprecated": "6.1.0",
334
- "description": "Used for circular containers, like a rounded button."
335
- },
336
- "value": "Radius99"
337
- },
338
- "name": "border.radius.circle",
339
- "path": ["border", "radius", "circle"],
340
- "cleanName": "border.radius.circle"
341
173
  }, {
342
174
  "attributes": {
343
175
  "group": "shape",
@@ -362,78 +194,6 @@ const tokens = [{
362
194
  "name": "border.width.[default]",
363
195
  "path": ["border", "width", "[default]"],
364
196
  "cleanName": "border.width"
365
- }, {
366
- "attributes": {
367
- "group": "shape",
368
- "state": "deprecated",
369
- "introduced": "1.2.1",
370
- "deprecated": "6.1.0",
371
- "description": "Used for zero width borders."
372
- },
373
- "value": "0px",
374
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
375
- "isSource": true,
376
- "original": {
377
- "attributes": {
378
- "group": "shape",
379
- "state": "deprecated",
380
- "introduced": "1.2.1",
381
- "deprecated": "6.1.0",
382
- "description": "Used for zero width borders."
383
- },
384
- "value": "Size0"
385
- },
386
- "name": "border.width.0",
387
- "path": ["border", "width", "0"],
388
- "cleanName": "border.width.0"
389
- }, {
390
- "attributes": {
391
- "group": "shape",
392
- "state": "deprecated",
393
- "introduced": "1.5.2",
394
- "deprecated": "6.1.0",
395
- "description": "Used for indicators like tab and menu selected states."
396
- },
397
- "value": "3px",
398
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
399
- "isSource": true,
400
- "original": {
401
- "attributes": {
402
- "group": "shape",
403
- "state": "deprecated",
404
- "introduced": "1.5.2",
405
- "deprecated": "6.1.0",
406
- "description": "Used for indicators like tab and menu selected states."
407
- },
408
- "value": "Size200"
409
- },
410
- "name": "border.width.indicator",
411
- "path": ["border", "width", "indicator"],
412
- "cleanName": "border.width.indicator"
413
- }, {
414
- "attributes": {
415
- "group": "shape",
416
- "state": "deprecated",
417
- "introduced": "1.5.2",
418
- "deprecated": "6.1.0",
419
- "description": "Used for focus, active or selected inputs."
420
- },
421
- "value": "2px",
422
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
423
- "isSource": true,
424
- "original": {
425
- "attributes": {
426
- "group": "shape",
427
- "state": "deprecated",
428
- "introduced": "1.5.2",
429
- "deprecated": "6.1.0",
430
- "description": "Used for focus, active or selected inputs."
431
- },
432
- "value": "BorderWidth2"
433
- },
434
- "name": "border.width.outline",
435
- "path": ["border", "width", "outline"],
436
- "cleanName": "border.width.outline"
437
197
  }, {
438
198
  "attributes": {
439
199
  "group": "shape",
@@ -100,9 +100,9 @@ export default function plugin() {
100
100
  }
101
101
  }
102
102
 
103
- // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live apps and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
103
+ // The radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live apps and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
104
104
  // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
105
- const forceAutoFallbackExemptions = ['border.radius', ...(state.opts.forceAutoFallbackExemptions || [])];
105
+ const forceAutoFallbackExemptions = ['radius', ...(state.opts.forceAutoFallbackExemptions || [])];
106
106
 
107
107
  // Handle fallbacks
108
108
  const fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
@@ -1,2 +1,3 @@
1
1
  export { default } from '../artifacts/palettes-raw/palette';
2
+ export { default as brandRefreshPalette } from '../artifacts/palettes-raw/palette-brand-refresh';
2
3
  export { default as typographyPalette } from '../artifacts/palettes-raw/typography-palette';
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
5
5
  *
6
- * @codegen <<SignedSource::1e5ee1932049c613950d3e1b7e5d6d3c>>
6
+ * @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
 
@@ -2232,61 +2232,11 @@ export const tokens = [{
2232
2232
  path: ['radius', 'tile'],
2233
2233
  description: 'Used for tiles only.',
2234
2234
  exampleValue: '25%'
2235
- }, {
2236
- name: 'border.radius',
2237
- path: ['border', 'radius', '[default]'],
2238
- description: 'The default border radius.',
2239
- exampleValue: '0.25rem'
2240
- }, {
2241
- name: 'border.radius.050',
2242
- path: ['border', 'radius', '050'],
2243
- description: 'Used for selection indicators, like tabs.',
2244
- exampleValue: '0.125rem'
2245
- }, {
2246
- name: 'border.radius.100',
2247
- path: ['border', 'radius', '100'],
2248
- description: 'Used for buttons and inputs.',
2249
- exampleValue: '0.25rem'
2250
- }, {
2251
- name: 'border.radius.200',
2252
- path: ['border', 'radius', '200'],
2253
- description: 'Used for smaller cards.',
2254
- exampleValue: '0.5rem'
2255
- }, {
2256
- name: 'border.radius.300',
2257
- path: ['border', 'radius', '300'],
2258
- description: 'Used for cards and larger containers.',
2259
- exampleValue: '0.75rem'
2260
- }, {
2261
- name: 'border.radius.400',
2262
- path: ['border', 'radius', '400'],
2263
- description: 'Used for modals.',
2264
- exampleValue: '1rem'
2265
- }, {
2266
- name: 'border.radius.circle',
2267
- path: ['border', 'radius', 'circle'],
2268
- description: 'Used for circular containers, like a rounded button.',
2269
- exampleValue: '624.9375rem'
2270
2235
  }, {
2271
2236
  name: 'border.width',
2272
2237
  path: ['border', 'width', '[default]'],
2273
2238
  description: 'The default width for all standard component borders and dividers.',
2274
2239
  exampleValue: '0.0625rem'
2275
- }, {
2276
- name: 'border.width.0',
2277
- path: ['border', 'width', '0'],
2278
- description: 'Used for zero width borders.',
2279
- exampleValue: '0rem'
2280
- }, {
2281
- name: 'border.width.indicator',
2282
- path: ['border', 'width', 'indicator'],
2283
- description: 'Used for indicators like tab and menu selected states.',
2284
- exampleValue: '0.1875rem'
2285
- }, {
2286
- name: 'border.width.outline',
2287
- path: ['border', 'width', 'outline'],
2288
- description: 'Used for focus, active or selected inputs.',
2289
- exampleValue: '0.125rem'
2290
2240
  }, {
2291
2241
  name: 'border.width.selected',
2292
2242
  path: ['border', 'width', 'selected'],
@@ -40,7 +40,7 @@ const themeContrastModes = ['more', 'no-preference', 'auto'];
40
40
  *
41
41
  * These ids must be kebab case
42
42
  */
43
- export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'shape-rounder', 'shape-roundest', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
43
+ export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
44
44
  /**
45
45
  * Theme override ids: the equivalent of themeIds for theme overrides.
46
46
  * Theme overrides are temporary and there may not be any defined at times.
@@ -176,22 +176,6 @@ const themeConfig = {
176
176
  type: 'shape'
177
177
  }
178
178
  },
179
- 'atlassian-shape-rounder': {
180
- id: 'shape-rounder',
181
- displayName: 'Shape (Rounder)',
182
- palette: 'shapePalette',
183
- attributes: {
184
- type: 'shape'
185
- }
186
- },
187
- 'atlassian-shape-roundest': {
188
- id: 'shape-roundest',
189
- displayName: 'Shape (Roundest)',
190
- palette: 'shapePalette',
191
- attributes: {
192
- type: 'shape'
193
- }
194
- },
195
179
  'atlassian-typography-modernized': {
196
180
  id: 'typography-modernized',
197
181
  displayName: 'Atlassian Typography (Modernized)',