@atlaskit/tokens 6.4.3 → 7.0.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 (74) hide show
  1. package/CHANGELOG.md +30 -40
  2. package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -31
  3. package/dist/cjs/artifacts/replacement-mapping.js +2 -32
  4. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  5. package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +1 -11
  9. package/dist/cjs/artifacts/token-names.js +1 -11
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -241
  13. package/dist/cjs/babel-plugin/plugin.js +2 -2
  14. package/dist/cjs/entry-points/token-metadata.codegen.js +1 -51
  15. package/dist/cjs/theme-config.js +1 -17
  16. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -31
  17. package/dist/es2019/artifacts/replacement-mapping.js +2 -32
  18. package/dist/es2019/artifacts/theme-import-map.js +1 -5
  19. package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +1 -11
  20. package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +1 -11
  21. package/dist/es2019/artifacts/themes/atlassian-shape.js +1 -11
  22. package/dist/es2019/artifacts/token-default-values.js +1 -11
  23. package/dist/es2019/artifacts/token-names.js +1 -11
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -241
  27. package/dist/es2019/babel-plugin/plugin.js +2 -2
  28. package/dist/es2019/entry-points/token-metadata.codegen.js +1 -51
  29. package/dist/es2019/theme-config.js +1 -17
  30. package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -31
  31. package/dist/esm/artifacts/replacement-mapping.js +2 -32
  32. package/dist/esm/artifacts/theme-import-map.js +1 -9
  33. package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +2 -2
  34. package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +2 -2
  35. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  36. package/dist/esm/artifacts/token-default-values.js +1 -11
  37. package/dist/esm/artifacts/token-names.js +1 -11
  38. package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
  39. package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
  40. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -241
  41. package/dist/esm/babel-plugin/plugin.js +2 -2
  42. package/dist/esm/entry-points/token-metadata.codegen.js +1 -51
  43. package/dist/esm/theme-config.js +1 -17
  44. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  45. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  46. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  47. package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
  48. package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
  49. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  50. package/dist/types/artifacts/token-default-values.d.ts +1 -11
  51. package/dist/types/artifacts/token-names.d.ts +1 -21
  52. package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
  53. package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
  54. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  55. package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
  56. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  57. package/dist/types/theme-config.d.ts +4 -4
  58. package/dist/types/types.d.ts +0 -12
  59. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  60. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  61. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  62. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
  63. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
  64. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  65. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -11
  66. package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -21
  67. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
  68. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
  69. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  70. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
  71. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  72. package/dist/types-ts4.5/theme-config.d.ts +2 -6
  73. package/dist/types-ts4.5/types.d.ts +0 -12
  74. package/package.json +6 -6
@@ -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;
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Strict design token based typedef representing a subset of safe CSS properties.
5
5
  *
6
- * @codegen <<SignedSource::ed11f4244872e43591785f0876a00389>>
6
+ * @codegen <<SignedSource::253c55eaf2e641bb908b97eb3e197f50>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
@@ -13,8 +13,8 @@ export type FontShorthand = 'var(--ds-font-heading-xxlarge)' | 'var(--ds-font-he
13
13
  export type IconColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
14
14
  export type IconColor = IconColorPressed | 'var(--ds-link)' | 'var(--ds-link-visited)' | 'var(--ds-icon)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-icon-accent-red)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-icon-accent-green)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-icon-disabled)' | 'var(--ds-icon-inverse)' | 'var(--ds-icon-selected)' | 'var(--ds-icon-brand)' | 'var(--ds-icon-danger)' | 'var(--ds-icon-warning)' | 'var(--ds-icon-warning-inverse)' | 'var(--ds-icon-success)' | 'var(--ds-icon-discovery)' | 'var(--ds-icon-information)' | 'var(--ds-icon-subtlest)' | 'var(--ds-icon-subtle)';
15
15
  export type BorderColor = 'transparent' | 'var(--ds-border)' | 'var(--ds-border-accent-lime)' | 'var(--ds-border-accent-red)' | 'var(--ds-border-accent-orange)' | 'var(--ds-border-accent-yellow)' | 'var(--ds-border-accent-green)' | 'var(--ds-border-accent-teal)' | 'var(--ds-border-accent-blue)' | 'var(--ds-border-accent-purple)' | 'var(--ds-border-accent-magenta)' | 'var(--ds-border-accent-gray)' | 'var(--ds-border-disabled)' | 'var(--ds-border-focused)' | 'var(--ds-border-input)' | 'var(--ds-border-inverse)' | 'var(--ds-border-selected)' | 'var(--ds-border-brand)' | 'var(--ds-border-danger)' | 'var(--ds-border-warning)' | 'var(--ds-border-success)' | 'var(--ds-border-discovery)' | 'var(--ds-border-information)' | 'var(--ds-border-bold)';
16
- export type BorderRadius = 'var(--ds-radius-xsmall)' | 'var(--ds-radius-small)' | 'var(--ds-radius-medium)' | 'var(--ds-radius-large)' | 'var(--ds-radius-xlarge)' | 'var(--ds-radius-full)' | 'var(--ds-radius-tile)' | 'var(--ds-border-radius)' | 'var(--ds-border-radius-050)' | 'var(--ds-border-radius-100)' | 'var(--ds-border-radius-200)' | 'var(--ds-border-radius-300)' | 'var(--ds-border-radius-400)' | 'var(--ds-border-radius-circle)' | 'inherit' | `${number}px` | `${number}rem`;
17
- export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-0)' | 'var(--ds-border-width-indicator)' | 'var(--ds-border-width-outline)' | 'var(--ds-border-width-selected)' | 'var(--ds-border-width-focused)' | 0 | '0';
16
+ export type BorderRadius = 'var(--ds-radius-xsmall)' | 'var(--ds-radius-small)' | 'var(--ds-radius-medium)' | 'var(--ds-radius-large)' | 'var(--ds-radius-xlarge)' | 'var(--ds-radius-full)' | 'var(--ds-radius-tile)' | 'inherit' | `${number}px` | `${number}rem`;
17
+ export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-selected)' | 'var(--ds-border-width-focused)' | 0 | '0';
18
18
  export type BorderShorthand = 'none' | `${BorderWidth} solid ${BorderColor}`;
19
19
  type NumericSize = `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}%`;
20
20
  export type SizeIntrinsic = 'min-content' | 'max-content' | 'fit-content' | 'auto' | NumericSize | `min(${NumericSize}, ${NumericSize})` | `max(${NumericSize}, ${NumericSize})`;
@@ -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
@@ -63,8 +63,6 @@ export declare const themeIds: readonly [
63
63
  "legacy-dark",
64
64
  "spacing",
65
65
  "shape",
66
- "shape-rounder",
67
- "shape-roundest",
68
66
  "typography",
69
67
  "typography-adg3",
70
68
  "typography-modernized",
@@ -91,8 +89,6 @@ export declare const themeIdsWithOverrides: readonly [
91
89
  "legacy-dark",
92
90
  "spacing",
93
91
  "shape",
94
- "shape-rounder",
95
- "shape-roundest",
96
92
  "typography",
97
93
  "typography-adg3",
98
94
  "typography-modernized",
@@ -166,7 +162,7 @@ export interface ThemeState {
166
162
  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'>;
167
163
  colorMode: ThemeColorModes;
168
164
  contrastMode: ThemeContrastModes;
169
- shape?: Extract<ThemeIds, 'shape' | 'shape-rounder' | 'shape-roundest'>;
165
+ shape?: Extract<ThemeIds, 'shape'>;
170
166
  spacing: Extract<ThemeIds, 'spacing'>;
171
167
  /**
172
168
  * @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>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "6.4.3",
3
+ "version": "7.0.0",
4
4
  "description": "Design tokens are the single source of truth to name and store design decisions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,13 +43,13 @@
43
43
  "devDependencies": {
44
44
  "@af/formatting": "workspace:^",
45
45
  "@af/visual-regression": "workspace:^",
46
- "@atlaskit/avatar": "^25.3.0",
46
+ "@atlaskit/avatar": "^25.4.0",
47
47
  "@atlaskit/button": "^23.5.0",
48
48
  "@atlaskit/calendar": "^17.1.0",
49
49
  "@atlaskit/checkbox": "^17.1.0",
50
50
  "@atlaskit/code": "^17.2.0",
51
- "@atlaskit/css": "^0.14.0",
52
- "@atlaskit/docs": "^11.1.0",
51
+ "@atlaskit/css": "^0.15.0",
52
+ "@atlaskit/docs": "^11.2.0",
53
53
  "@atlaskit/dropdown-menu": "^16.3.0",
54
54
  "@atlaskit/dynamic-table": "^18.3.0",
55
55
  "@atlaskit/form": "^14.2.0",
@@ -60,7 +60,7 @@
60
60
  "@atlaskit/link": "^3.2.0",
61
61
  "@atlaskit/lozenge": "^13.0.0",
62
62
  "@atlaskit/popup": "^4.4.0",
63
- "@atlaskit/primitives": "^14.15.0",
63
+ "@atlaskit/primitives": "^15.0.0",
64
64
  "@atlaskit/radio": "^8.3.0",
65
65
  "@atlaskit/section-message": "^8.7.0",
66
66
  "@atlaskit/select": "^21.3.0",
@@ -74,7 +74,7 @@
74
74
  "@atlassian/repo-feature-flags-statsig": "^1.11.0",
75
75
  "@atlassian/ts-loader": "^0.1.0",
76
76
  "@babel/core": "7.24.9",
77
- "@compiled/react": "^0.18.3",
77
+ "@compiled/react": "^0.18.6",
78
78
  "@hypermod/utils": "^0.4.2",
79
79
  "@testing-library/react": "^13.4.0",
80
80
  "@testing-library/react-hooks": "^8.0.1",