@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 @@ var 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 @@ var 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",
@@ -114,9 +114,9 @@ export default function plugin() {
114
114
  }
115
115
  }
116
116
 
117
- // 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.
117
+ // 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.
118
118
  // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
119
- var forceAutoFallbackExemptions = ['border.radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
119
+ var forceAutoFallbackExemptions = ['radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
120
120
 
121
121
  // Handle fallbacks
122
122
  var 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 var 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 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
40
40
  *
41
41
  * These ids must be kebab case
42
42
  */
43
- export var 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 var 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 @@ var 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)',
@@ -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::48b1ab9881aaa7ef53aff6c97ebfc413>>
3
+ * @codegen <<SignedSource::f849f805d616c9bf8df9d8ec6afa5b0c>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number;
@@ -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::72feb1804c9c8d27535c172745ee1b9b>>
3
+ * @codegen <<SignedSource::0573206a0674f4e86073a4ec84cad3b9>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string;
@@ -12,7 +12,7 @@
12
12
  * These changes will then be picked up by our tooling which will attempt to
13
13
  * migrate as many of these renames as possible.
14
14
  *
15
- * @codegen <<SignedSource::7ca64db3c8d60ea8d78edec946e325bc>>
15
+ * @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
16
16
  * @codegenCommand yarn build tokens
17
17
  */
18
18
  import type tokens from './token-names';
@@ -6,7 +6,7 @@
6
6
  * This allows users to compose their themes and only use the tokens that are requested.
7
7
  * When a new theme is created, the import should automatically be added to the map
8
8
  *
9
- * @codegen <<SignedSource::3db020c00d91d31fe8e413b082708618>>
9
+ * @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::128da9031c125f03deb978cf4b9c3009>>
3
+ * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-radius: 0.25rem;\n --ds-border-radius-050: 0.125rem;\n --ds-border-radius-100: 0.25rem;\n --ds-border-radius-200: 0.5rem;\n --ds-border-radius-300: 0.75rem;\n --ds-border-radius-400: 1rem;\n --ds-border-radius-circle: 624.9375rem;\n --ds-border-width: 0.0625rem;\n --ds-border-width-0: 0rem;\n --ds-border-width-indicator: 0.1875rem;\n --ds-border-width-outline: 0.125rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
7
7
  export default _default;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::fe8e6647480782980a41e5b764ef573e>>
3
+ * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-radius: 0.25rem;\n --ds-border-radius-050: 0.125rem;\n --ds-border-radius-100: 0.25rem;\n --ds-border-radius-200: 0.5rem;\n --ds-border-radius-300: 0.75rem;\n --ds-border-radius-400: 1rem;\n --ds-border-radius-circle: 624.9375rem;\n --ds-border-width: 0.0625rem;\n --ds-border-width-0: 0rem;\n --ds-border-width-indicator: 0.1875rem;\n --ds-border-width-outline: 0.125rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
7
7
  export default _default;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::1ce1b3c3f1f76652ab1f337426556032>>
3
+ * @codegen <<SignedSource::a1c0e74bffea67b610c867ef86037e15>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-radius: 0.25rem;\n --ds-border-radius-050: 0.125rem;\n --ds-border-radius-100: 0.25rem;\n --ds-border-radius-200: 0.5rem;\n --ds-border-radius-300: 0.75rem;\n --ds-border-radius-400: 1rem;\n --ds-border-radius-circle: 624.9375rem;\n --ds-border-width: 0.0625rem;\n --ds-border-width-0: 0rem;\n --ds-border-width-indicator: 0.1875rem;\n --ds-border-width-outline: 0.125rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
7
7
  export default _default;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::eba7fc303dbd28142e0828a97466e5ad>>
10
+ * @codegen <<SignedSource::e7abfe1ee39a9de14a95d8a23472f8e4>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  declare const defaultTokenValues: {
@@ -456,17 +456,7 @@ declare const defaultTokenValues: {
456
456
  readonly 'radius.xlarge': "0.75rem";
457
457
  readonly 'radius.full': "624.9375rem";
458
458
  readonly 'radius.tile': "25%";
459
- readonly 'border.radius': "0.25rem";
460
- readonly 'border.radius.050': "0.125rem";
461
- readonly 'border.radius.100': "0.25rem";
462
- readonly 'border.radius.200': "0.5rem";
463
- readonly 'border.radius.300': "0.75rem";
464
- readonly 'border.radius.400': "1rem";
465
- readonly 'border.radius.circle': "624.9375rem";
466
459
  readonly 'border.width': "0.0625rem";
467
- readonly 'border.width.0': "0rem";
468
- readonly 'border.width.indicator': "0.1875rem";
469
- readonly 'border.width.outline': "0.125rem";
470
460
  readonly 'border.width.selected': "0.125rem";
471
461
  readonly 'border.width.focused': "0.125rem";
472
462
  };
@@ -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::a8feb13ecf105e7fd6247cb4d1a99b01>>
3
+ * @codegen <<SignedSource::e7897709d50bd1f9582875a2a591b896>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -449,17 +449,7 @@ declare const tokens: {
449
449
  readonly 'radius.xlarge': "--ds-radius-xlarge";
450
450
  readonly 'radius.full': "--ds-radius-full";
451
451
  readonly 'radius.tile': "--ds-radius-tile";
452
- readonly 'border.radius': "--ds-border-radius";
453
- readonly 'border.radius.050': "--ds-border-radius-050";
454
- readonly 'border.radius.100': "--ds-border-radius-100";
455
- readonly 'border.radius.200': "--ds-border-radius-200";
456
- readonly 'border.radius.300': "--ds-border-radius-300";
457
- readonly 'border.radius.400': "--ds-border-radius-400";
458
- readonly 'border.radius.circle': "--ds-border-radius-circle";
459
452
  readonly 'border.width': "--ds-border-width";
460
- readonly 'border.width.0': "--ds-border-width-0";
461
- readonly 'border.width.indicator': "--ds-border-width-indicator";
462
- readonly 'border.width.outline': "--ds-border-width-outline";
463
453
  readonly 'border.width.selected': "--ds-border-width-selected";
464
454
  readonly 'border.width.focused': "--ds-border-width-focused";
465
455
  };
@@ -909,17 +899,7 @@ export type CSSTokenMap = {
909
899
  'radius.xlarge': 'var(--ds-radius-xlarge)';
910
900
  'radius.full': 'var(--ds-radius-full)';
911
901
  'radius.tile': 'var(--ds-radius-tile)';
912
- 'border.radius': 'var(--ds-border-radius)';
913
- 'border.radius.050': 'var(--ds-border-radius-050)';
914
- 'border.radius.100': 'var(--ds-border-radius-100)';
915
- 'border.radius.200': 'var(--ds-border-radius-200)';
916
- 'border.radius.300': 'var(--ds-border-radius-300)';
917
- 'border.radius.400': 'var(--ds-border-radius-400)';
918
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
919
902
  'border.width': 'var(--ds-border-width)';
920
- 'border.width.0': 'var(--ds-border-width-0)';
921
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
922
- 'border.width.outline': 'var(--ds-border-width-outline)';
923
903
  'border.width.selected': 'var(--ds-border-width-selected)';
924
904
  'border.width.focused': 'var(--ds-border-width-focused)';
925
905
  };
@@ -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::74bb75bb6aef1f62c60611ac355c2851>>
3
+ * @codegen <<SignedSource::4a6fe755c8ce27dedb961a7e2509999e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string;
@@ -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::c63709cb4fbd9b18b03fb38f06a04059>>
3
+ * @codegen <<SignedSource::10d4ca88d4eb59289a9aba2bc6c77d9f>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string;
@@ -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
  type TokenValue = string;
@@ -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
  export interface Token {
@@ -6,7 +6,7 @@
6
6
  * These ids are what the actual theme files/folders are called.
7
7
  * style-dictionary will attempt to locate these in the file-system.
8
8
  */
9
- export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-shape-rounder' | 'atlassian-shape-roundest' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
9
+ export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
10
10
  export type ThemeFileNames = Themes;
11
11
  /**
12
12
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
42
42
  *
43
43
  * These ids must be kebab case
44
44
  */
45
- export declare const themeIds: readonly ["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"];
45
+ export declare const themeIds: readonly ["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"];
46
46
  export type ThemeIds = (typeof themeIds)[number];
47
47
  /**
48
48
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
50
50
  */
51
51
  declare const themeOverrideIds: readonly [];
52
52
  export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
53
- export declare const themeIdsWithOverrides: readonly ["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"];
53
+ export declare const themeIdsWithOverrides: readonly ["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"];
54
54
  export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
55
55
  /**
56
56
  * Theme to use a base. This will create the theme as
@@ -119,7 +119,7 @@ export interface ThemeState {
119
119
  dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast' | 'light-brand-refresh' | 'dark-brand-refresh'>;
120
120
  colorMode: ThemeColorModes;
121
121
  contrastMode: ThemeContrastModes;
122
- shape?: Extract<ThemeIds, 'shape' | 'shape-rounder' | 'shape-roundest'>;
122
+ shape?: Extract<ThemeIds, 'shape'>;
123
123
  spacing: Extract<ThemeIds, 'spacing'>;
124
124
  /**
125
125
  * @deprecated 'typography-adg3' is deprecated, use 'typography' instead
@@ -1036,22 +1036,10 @@ export interface TypographyTokenSchema<TPalette extends {
1036
1036
  export interface ShapeTokenSchema<BaseToken> {
1037
1037
  border: {
1038
1038
  width: {
1039
- '0': ShapeToken<BaseToken>;
1040
- indicator: ShapeToken<BaseToken>;
1041
- outline: ShapeToken<BaseToken>;
1042
1039
  '[default]': ShapeToken<BaseToken>;
1043
1040
  selected: ShapeToken<BaseToken>;
1044
1041
  focused: ShapeToken<BaseToken>;
1045
1042
  };
1046
- radius: {
1047
- '[default]': ShapeToken<BaseToken>;
1048
- '050': ShapeToken<BaseToken>;
1049
- '100': ShapeToken<BaseToken>;
1050
- '200': ShapeToken<BaseToken>;
1051
- '300': ShapeToken<BaseToken>;
1052
- '400': ShapeToken<BaseToken>;
1053
- circle: ShapeToken<BaseToken>;
1054
- };
1055
1043
  };
1056
1044
  radius: {
1057
1045
  xsmall: ShapeToken<BaseToken>;
@@ -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::48b1ab9881aaa7ef53aff6c97ebfc413>>
3
+ * @codegen <<SignedSource::f849f805d616c9bf8df9d8ec6afa5b0c>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number;