@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
@@ -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::ed8b341bea9e633d9bf846cc430b9b60>>
9
+ * @codegen <<SignedSource::884d9496e85b87859f0c8ef41167280b>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
 
@@ -176,174 +176,6 @@ var tokens = [{
176
176
  "name": "radius.tile",
177
177
  "path": ["radius", "tile"],
178
178
  "cleanName": "radius.tile"
179
- }, {
180
- "attributes": {
181
- "group": "shape",
182
- "state": "deprecated",
183
- "introduced": "1.5.2",
184
- "deprecated": "6.1.0",
185
- "description": "The default border radius."
186
- },
187
- "value": "4px",
188
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
189
- "isSource": true,
190
- "original": {
191
- "attributes": {
192
- "group": "shape",
193
- "state": "deprecated",
194
- "introduced": "1.5.2",
195
- "deprecated": "6.1.0",
196
- "description": "The default border radius."
197
- },
198
- "value": "Radius04"
199
- },
200
- "name": "border.radius.[default]",
201
- "path": ["border", "radius", "[default]"],
202
- "cleanName": "border.radius"
203
- }, {
204
- "attributes": {
205
- "group": "shape",
206
- "state": "deprecated",
207
- "introduced": "1.1.0",
208
- "deprecated": "6.1.0",
209
- "description": "Used for selection indicators, like tabs."
210
- },
211
- "value": "2px",
212
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
213
- "isSource": true,
214
- "original": {
215
- "attributes": {
216
- "group": "shape",
217
- "state": "deprecated",
218
- "introduced": "1.1.0",
219
- "deprecated": "6.1.0",
220
- "description": "Used for selection indicators, like tabs."
221
- },
222
- "value": "Radius02"
223
- },
224
- "name": "border.radius.050",
225
- "path": ["border", "radius", "050"],
226
- "cleanName": "border.radius.050"
227
- }, {
228
- "attributes": {
229
- "group": "shape",
230
- "state": "deprecated",
231
- "introduced": "1.1.0",
232
- "deprecated": "6.1.0",
233
- "description": "Used for buttons and inputs."
234
- },
235
- "value": "4px",
236
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
237
- "isSource": true,
238
- "original": {
239
- "attributes": {
240
- "group": "shape",
241
- "state": "deprecated",
242
- "introduced": "1.1.0",
243
- "deprecated": "6.1.0",
244
- "description": "Used for buttons and inputs."
245
- },
246
- "value": "Radius04"
247
- },
248
- "name": "border.radius.100",
249
- "path": ["border", "radius", "100"],
250
- "cleanName": "border.radius.100"
251
- }, {
252
- "attributes": {
253
- "group": "shape",
254
- "state": "deprecated",
255
- "introduced": "1.1.0",
256
- "deprecated": "6.1.0",
257
- "description": "Used for smaller cards."
258
- },
259
- "value": "8px",
260
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
261
- "isSource": true,
262
- "original": {
263
- "attributes": {
264
- "group": "shape",
265
- "state": "deprecated",
266
- "introduced": "1.1.0",
267
- "deprecated": "6.1.0",
268
- "description": "Used for smaller cards."
269
- },
270
- "value": "Radius08"
271
- },
272
- "name": "border.radius.200",
273
- "path": ["border", "radius", "200"],
274
- "cleanName": "border.radius.200"
275
- }, {
276
- "attributes": {
277
- "group": "shape",
278
- "state": "deprecated",
279
- "introduced": "1.1.0",
280
- "deprecated": "6.1.0",
281
- "description": "Used for cards and larger containers."
282
- },
283
- "value": "12px",
284
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
285
- "isSource": true,
286
- "original": {
287
- "attributes": {
288
- "group": "shape",
289
- "state": "deprecated",
290
- "introduced": "1.1.0",
291
- "deprecated": "6.1.0",
292
- "description": "Used for cards and larger containers."
293
- },
294
- "value": "Radius12"
295
- },
296
- "name": "border.radius.300",
297
- "path": ["border", "radius", "300"],
298
- "cleanName": "border.radius.300"
299
- }, {
300
- "attributes": {
301
- "group": "shape",
302
- "state": "deprecated",
303
- "introduced": "1.1.0",
304
- "deprecated": "6.1.0",
305
- "description": "Used for modals."
306
- },
307
- "value": "16px",
308
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
309
- "isSource": true,
310
- "original": {
311
- "attributes": {
312
- "group": "shape",
313
- "state": "deprecated",
314
- "introduced": "1.1.0",
315
- "deprecated": "6.1.0",
316
- "description": "Used for modals."
317
- },
318
- "value": "Radius16"
319
- },
320
- "name": "border.radius.400",
321
- "path": ["border", "radius", "400"],
322
- "cleanName": "border.radius.400"
323
- }, {
324
- "attributes": {
325
- "group": "shape",
326
- "state": "deprecated",
327
- "introduced": "1.1.0",
328
- "deprecated": "6.1.0",
329
- "description": "Used for circular containers, like a rounded button."
330
- },
331
- "value": "9999px",
332
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
333
- "isSource": true,
334
- "original": {
335
- "attributes": {
336
- "group": "shape",
337
- "state": "deprecated",
338
- "introduced": "1.1.0",
339
- "deprecated": "6.1.0",
340
- "description": "Used for circular containers, like a rounded button."
341
- },
342
- "value": "Radius99"
343
- },
344
- "name": "border.radius.circle",
345
- "path": ["border", "radius", "circle"],
346
- "cleanName": "border.radius.circle"
347
179
  }, {
348
180
  "attributes": {
349
181
  "group": "shape",
@@ -368,78 +200,6 @@ var tokens = [{
368
200
  "name": "border.width.[default]",
369
201
  "path": ["border", "width", "[default]"],
370
202
  "cleanName": "border.width"
371
- }, {
372
- "attributes": {
373
- "group": "shape",
374
- "state": "deprecated",
375
- "introduced": "1.2.1",
376
- "deprecated": "6.1.0",
377
- "description": "Used for zero width borders."
378
- },
379
- "value": "0px",
380
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
381
- "isSource": true,
382
- "original": {
383
- "attributes": {
384
- "group": "shape",
385
- "state": "deprecated",
386
- "introduced": "1.2.1",
387
- "deprecated": "6.1.0",
388
- "description": "Used for zero width borders."
389
- },
390
- "value": "Size0"
391
- },
392
- "name": "border.width.0",
393
- "path": ["border", "width", "0"],
394
- "cleanName": "border.width.0"
395
- }, {
396
- "attributes": {
397
- "group": "shape",
398
- "state": "deprecated",
399
- "introduced": "1.5.2",
400
- "deprecated": "6.1.0",
401
- "description": "Used for indicators like tab and menu selected states."
402
- },
403
- "value": "3px",
404
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
405
- "isSource": true,
406
- "original": {
407
- "attributes": {
408
- "group": "shape",
409
- "state": "deprecated",
410
- "introduced": "1.5.2",
411
- "deprecated": "6.1.0",
412
- "description": "Used for indicators like tab and menu selected states."
413
- },
414
- "value": "Size200"
415
- },
416
- "name": "border.width.indicator",
417
- "path": ["border", "width", "indicator"],
418
- "cleanName": "border.width.indicator"
419
- }, {
420
- "attributes": {
421
- "group": "shape",
422
- "state": "deprecated",
423
- "introduced": "1.5.2",
424
- "deprecated": "6.1.0",
425
- "description": "Used for focus, active or selected inputs."
426
- },
427
- "value": "2px",
428
- "filePath": "schema/themes/atlassian-shape/shape.tsx",
429
- "isSource": true,
430
- "original": {
431
- "attributes": {
432
- "group": "shape",
433
- "state": "deprecated",
434
- "introduced": "1.5.2",
435
- "deprecated": "6.1.0",
436
- "description": "Used for focus, active or selected inputs."
437
- },
438
- "value": "BorderWidth2"
439
- },
440
- "name": "border.width.outline",
441
- "path": ["border", "width", "outline"],
442
- "cleanName": "border.width.outline"
443
203
  }, {
444
204
  "attributes": {
445
205
  "group": "shape",
@@ -123,9 +123,9 @@ function plugin() {
123
123
  }
124
124
  }
125
125
 
126
- // 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.
126
+ // 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.
127
127
  // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
128
- var forceAutoFallbackExemptions = ['border.radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
128
+ var forceAutoFallbackExemptions = ['radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
129
129
 
130
130
  // Handle fallbacks
131
131
  var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ Object.defineProperty(exports, "brandRefreshPalette", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _paletteBrandRefresh.default;
11
+ }
12
+ });
7
13
  Object.defineProperty(exports, "default", {
8
14
  enumerable: true,
9
15
  get: function get() {
@@ -17,4 +23,5 @@ Object.defineProperty(exports, "typographyPalette", {
17
23
  }
18
24
  });
19
25
  var _palette = _interopRequireDefault(require("../artifacts/palettes-raw/palette"));
26
+ var _paletteBrandRefresh = _interopRequireDefault(require("../artifacts/palettes-raw/palette-brand-refresh"));
20
27
  var _typographyPalette = _interopRequireDefault(require("../artifacts/palettes-raw/typography-palette"));
@@ -9,7 +9,7 @@ exports.tokens = void 0;
9
9
  *
10
10
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
11
11
  *
12
- * @codegen <<SignedSource::1e5ee1932049c613950d3e1b7e5d6d3c>>
12
+ * @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
13
13
  * @codegenCommand yarn build tokens
14
14
  */
15
15
 
@@ -2238,61 +2238,11 @@ var tokens = exports.tokens = [{
2238
2238
  path: ['radius', 'tile'],
2239
2239
  description: 'Used for tiles only.',
2240
2240
  exampleValue: '25%'
2241
- }, {
2242
- name: 'border.radius',
2243
- path: ['border', 'radius', '[default]'],
2244
- description: 'The default border radius.',
2245
- exampleValue: '0.25rem'
2246
- }, {
2247
- name: 'border.radius.050',
2248
- path: ['border', 'radius', '050'],
2249
- description: 'Used for selection indicators, like tabs.',
2250
- exampleValue: '0.125rem'
2251
- }, {
2252
- name: 'border.radius.100',
2253
- path: ['border', 'radius', '100'],
2254
- description: 'Used for buttons and inputs.',
2255
- exampleValue: '0.25rem'
2256
- }, {
2257
- name: 'border.radius.200',
2258
- path: ['border', 'radius', '200'],
2259
- description: 'Used for smaller cards.',
2260
- exampleValue: '0.5rem'
2261
- }, {
2262
- name: 'border.radius.300',
2263
- path: ['border', 'radius', '300'],
2264
- description: 'Used for cards and larger containers.',
2265
- exampleValue: '0.75rem'
2266
- }, {
2267
- name: 'border.radius.400',
2268
- path: ['border', 'radius', '400'],
2269
- description: 'Used for modals.',
2270
- exampleValue: '1rem'
2271
- }, {
2272
- name: 'border.radius.circle',
2273
- path: ['border', 'radius', 'circle'],
2274
- description: 'Used for circular containers, like a rounded button.',
2275
- exampleValue: '624.9375rem'
2276
2241
  }, {
2277
2242
  name: 'border.width',
2278
2243
  path: ['border', 'width', '[default]'],
2279
2244
  description: 'The default width for all standard component borders and dividers.',
2280
2245
  exampleValue: '0.0625rem'
2281
- }, {
2282
- name: 'border.width.0',
2283
- path: ['border', 'width', '0'],
2284
- description: 'Used for zero width borders.',
2285
- exampleValue: '0rem'
2286
- }, {
2287
- name: 'border.width.indicator',
2288
- path: ['border', 'width', 'indicator'],
2289
- description: 'Used for indicators like tab and menu selected states.',
2290
- exampleValue: '0.1875rem'
2291
- }, {
2292
- name: 'border.width.outline',
2293
- path: ['border', 'width', 'outline'],
2294
- description: 'Used for focus, active or selected inputs.',
2295
- exampleValue: '0.125rem'
2296
2246
  }, {
2297
2247
  name: 'border.width.selected',
2298
2248
  path: ['border', 'width', 'selected'],
@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
45
45
  *
46
46
  * These ids must be kebab case
47
47
  */
48
- var themeIds = exports.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'];
48
+ var themeIds = exports.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'];
49
49
  /**
50
50
  * Theme override ids: the equivalent of themeIds for theme overrides.
51
51
  * Theme overrides are temporary and there may not be any defined at times.
@@ -181,22 +181,6 @@ var themeConfig = {
181
181
  type: 'shape'
182
182
  }
183
183
  },
184
- 'atlassian-shape-rounder': {
185
- id: 'shape-rounder',
186
- displayName: 'Shape (Rounder)',
187
- palette: 'shapePalette',
188
- attributes: {
189
- type: 'shape'
190
- }
191
- },
192
- 'atlassian-shape-roundest': {
193
- id: 'shape-roundest',
194
- displayName: 'Shape (Roundest)',
195
- palette: 'shapePalette',
196
- attributes: {
197
- type: 'shape'
198
- }
199
- },
200
184
  'atlassian-typography-modernized': {
201
185
  id: 'typography-modernized',
202
186
  displayName: 'Atlassian Typography (Modernized)',