@atlaskit/tokens 10.0.1 → 11.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 (92) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/artifacts/replacement-mapping.js +6 -2
  3. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  4. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1 -1
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-light-future.js +1 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1 -1
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -1
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +9 -5
  15. package/dist/cjs/babel-plugin/plugin.js +3 -7
  16. package/dist/cjs/entry-points/tokens-raw.js +0 -7
  17. package/dist/cjs/theme-config.js +1 -19
  18. package/dist/cjs/theme-state-transformer.js +4 -4
  19. package/dist/es2019/artifacts/replacement-mapping.js +6 -2
  20. package/dist/es2019/artifacts/theme-import-map.js +1 -5
  21. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
  23. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1 -1
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-light-future.js +1 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1 -1
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -1
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +9 -5
  32. package/dist/es2019/babel-plugin/plugin.js +4 -7
  33. package/dist/es2019/entry-points/tokens-raw.js +0 -1
  34. package/dist/es2019/theme-config.js +1 -19
  35. package/dist/es2019/theme-state-transformer.js +4 -4
  36. package/dist/esm/artifacts/replacement-mapping.js +6 -2
  37. package/dist/esm/artifacts/theme-import-map.js +1 -9
  38. package/dist/esm/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
  39. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
  40. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1 -1
  41. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
  42. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
  43. package/dist/esm/artifacts/tokens-raw/atlassian-light-future.js +1 -1
  44. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1 -1
  46. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -1
  47. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1
  48. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +9 -5
  49. package/dist/esm/babel-plugin/plugin.js +3 -7
  50. package/dist/esm/entry-points/tokens-raw.js +0 -1
  51. package/dist/esm/theme-config.js +1 -19
  52. package/dist/esm/theme-state-transformer.js +4 -4
  53. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  54. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  55. package/dist/types/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
  56. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
  57. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
  58. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
  59. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
  60. package/dist/types/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
  62. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
  65. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  66. package/dist/types/artifacts/types-internal.d.ts +2 -2
  67. package/dist/types/artifacts/types.d.ts +2 -2
  68. package/dist/types/babel-plugin/plugin.d.ts +1 -1
  69. package/dist/types/entry-points/tokens-raw.d.ts +0 -1
  70. package/dist/types/theme-config.d.ts +6 -6
  71. package/dist/types/theme-state-transformer.d.ts +4 -4
  72. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  73. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  74. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
  81. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
  82. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
  83. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  85. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  86. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  87. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -1
  88. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -1
  89. package/dist/types-ts4.5/theme-config.d.ts +4 -8
  90. package/dist/types-ts4.5/theme-state-transformer.d.ts +4 -4
  91. package/figma/atlassian-typography.json +3 -1
  92. package/package.json +4 -4
@@ -1,6 +1,6 @@
1
1
  import { type NodePath } from '@babel/traverse';
2
2
  import * as t from '@babel/types';
3
- type DefaultColorTheme = 'light' | 'legacy-light';
3
+ type DefaultColorTheme = 'light';
4
4
  export default function plugin(): {
5
5
  visitor: {
6
6
  Program?: undefined;
@@ -1,5 +1,4 @@
1
1
  export { default as light } from '../artifacts/tokens-raw/atlassian-light';
2
- export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
3
2
  export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
4
3
  export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
5
4
  export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
@@ -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-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
9
+ export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
10
10
  export type ThemeFileNames = Themes;
11
11
  /**
12
12
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -57,8 +57,6 @@ export declare const themeIds: readonly [
57
57
  "dark",
58
58
  "dark-future",
59
59
  "dark-increased-contrast",
60
- "legacy-light",
61
- "legacy-dark",
62
60
  "spacing",
63
61
  "shape",
64
62
  "typography"
@@ -78,8 +76,6 @@ export declare const themeIdsWithOverrides: readonly [
78
76
  "dark",
79
77
  "dark-future",
80
78
  "dark-increased-contrast",
81
- "legacy-light",
82
- "legacy-dark",
83
79
  "spacing",
84
80
  "shape",
85
81
  "typography"
@@ -96,7 +92,7 @@ type ExtensionThemeId = ThemeIds;
96
92
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
97
93
  * previous color set.
98
94
  */
99
- export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
95
+ export type Palettes = 'defaultPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
100
96
  /**
101
97
  * ThemeConfig: the source of truth for all theme meta-data.
102
98
  * This object should be used whenever interfacing with themes.
@@ -148,8 +144,8 @@ export interface ThemeOptionsSchema {
148
144
  * ThemeState: the standard representation of an app's current theme and preferences
149
145
  */
150
146
  export interface ThemeState {
151
- light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
152
- dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
147
+ light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
148
+ dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
153
149
  colorMode: ThemeColorModes;
154
150
  contrastMode: ThemeContrastModes;
155
151
  shape?: Extract<ThemeIds, 'shape'>;
@@ -7,8 +7,8 @@ import { type ThemeState } from './theme-config';
7
7
  *
8
8
  * @example
9
9
  * ```
10
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
11
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
10
+ * themeStringToObject('dark:dark light:light spacing:spacing');
11
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
12
12
  * ```
13
13
  */
14
14
  export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
@@ -19,8 +19,8 @@ export declare const themeStringToObject: (themeState: string) => Partial<ThemeS
19
19
  *
20
20
  * @example
21
21
  * ```
22
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
23
- * // returns 'dark:dark light:legacy-light spacing:spacing'
22
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
23
+ * // returns 'dark:dark light:light spacing:spacing'
24
24
  * ```
25
25
  */
26
26
  export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;
@@ -83,5 +83,7 @@
83
83
  "value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
84
84
  }
85
85
  },
86
- "renameMap": {}
86
+ "renameMap": {
87
+ "Typography/font.body.UNSAFE_small": "Typography/font.body.small"
88
+ }
87
89
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "10.0.1",
3
+ "version": "11.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/"
@@ -55,16 +55,16 @@
55
55
  "@atlaskit/form": "^15.3.0",
56
56
  "@atlaskit/grid": "^0.18.0",
57
57
  "@atlaskit/heading": "^5.2.0",
58
- "@atlaskit/icon": "^29.4.0",
58
+ "@atlaskit/icon": "^30.0.0",
59
59
  "@atlaskit/inline-message": "^15.5.0",
60
60
  "@atlaskit/link": "^3.3.0",
61
61
  "@atlaskit/lozenge": "^13.3.0",
62
62
  "@atlaskit/popup": "^4.13.0",
63
- "@atlaskit/primitives": "^17.1.0",
63
+ "@atlaskit/primitives": "^18.0.0",
64
64
  "@atlaskit/radio": "^8.4.0",
65
65
  "@atlaskit/section-message": "^8.12.0",
66
66
  "@atlaskit/select": "^21.7.0",
67
- "@atlaskit/tag": "^14.2.0",
67
+ "@atlaskit/tag": "^14.3.0",
68
68
  "@atlaskit/textarea": "^8.2.0",
69
69
  "@atlaskit/textfield": "^8.2.0",
70
70
  "@atlaskit/theme": "^21.0.0",