@atlaskit/tokens 1.24.0 → 1.25.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 (107) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +2258 -0
  3. package/dist/cjs/artifacts/theme-import-map.js +13 -1
  4. package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +13 -0
  5. package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +13 -0
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8684 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8646 -0
  8. package/dist/cjs/get-theme-styles.js +10 -7
  9. package/dist/cjs/get-token-value.js +1 -1
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/palettes/updated-saturated-palette.js +321 -0
  12. package/dist/cjs/set-global-theme.js +37 -2
  13. package/dist/cjs/theme-config.js +25 -1
  14. package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +22 -0
  15. package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/background.js +27 -0
  16. package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +19 -0
  17. package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/accent.js +36 -0
  18. package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/background.js +27 -0
  19. package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/icon.js +17 -0
  20. package/dist/cjs/utils/get-theme-preferences.js +27 -4
  21. package/dist/es2019/artifacts/palettes-raw/updated-saturated-palette.js +2251 -0
  22. package/dist/es2019/artifacts/theme-import-map.js +5 -1
  23. package/dist/es2019/artifacts/themes/atlassian-dark-saturated-palette-changes.js +399 -0
  24. package/dist/es2019/artifacts/themes/atlassian-light-saturated-palette-changes.js +399 -0
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8677 -0
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8639 -0
  27. package/dist/es2019/get-theme-styles.js +7 -4
  28. package/dist/es2019/get-token-value.js +1 -1
  29. package/dist/es2019/get-token.js +1 -1
  30. package/dist/es2019/palettes/updated-saturated-palette.js +312 -0
  31. package/dist/es2019/set-global-theme.js +8 -2
  32. package/dist/es2019/theme-config.js +25 -1
  33. package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +15 -0
  34. package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/background.js +20 -0
  35. package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +12 -0
  36. package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/accent.js +29 -0
  37. package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/background.js +20 -0
  38. package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/icon.js +10 -0
  39. package/dist/es2019/utils/get-theme-preferences.js +26 -2
  40. package/dist/esm/artifacts/palettes-raw/updated-saturated-palette.js +2251 -0
  41. package/dist/esm/artifacts/theme-import-map.js +9 -1
  42. package/dist/esm/artifacts/themes/atlassian-dark-saturated-palette-changes.js +6 -0
  43. package/dist/esm/artifacts/themes/atlassian-light-saturated-palette-changes.js +6 -0
  44. package/dist/esm/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8677 -0
  45. package/dist/esm/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8639 -0
  46. package/dist/esm/get-theme-styles.js +11 -8
  47. package/dist/esm/get-token-value.js +1 -1
  48. package/dist/esm/get-token.js +1 -1
  49. package/dist/esm/palettes/updated-saturated-palette.js +313 -0
  50. package/dist/esm/set-global-theme.js +38 -3
  51. package/dist/esm/theme-config.js +25 -1
  52. package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +15 -0
  53. package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/background.js +20 -0
  54. package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +12 -0
  55. package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/accent.js +29 -0
  56. package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/background.js +20 -0
  57. package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/icon.js +10 -0
  58. package/dist/esm/utils/get-theme-preferences.js +24 -2
  59. package/dist/types/artifacts/palettes-raw/updated-saturated-palette.d.ts +41 -0
  60. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  61. package/dist/types/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +7 -0
  62. package/dist/types/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +7 -0
  63. package/dist/types/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +109 -0
  64. package/dist/types/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +89 -0
  65. package/dist/types/palettes/palette.d.ts +1 -1
  66. package/dist/types/palettes/updated-saturated-palette.d.ts +10 -0
  67. package/dist/types/theme-config.d.ts +8 -4
  68. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  69. package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/accent.d.ts +4 -0
  70. package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/background.d.ts +4 -0
  71. package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/icon.d.ts +4 -0
  72. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  73. package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/accent.d.ts +4 -0
  74. package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/background.d.ts +4 -0
  75. package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/icon.d.ts +4 -0
  76. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +1 -1
  77. package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +1 -1
  78. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  79. package/dist/types/types.d.ts +1 -1
  80. package/dist/types/utils/get-theme-preferences.d.ts +1 -0
  81. package/dist/types-ts4.5/artifacts/palettes-raw/updated-saturated-palette.d.ts +41 -0
  82. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +7 -0
  84. package/dist/types-ts4.5/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +7 -0
  85. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +109 -0
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +89 -0
  87. package/dist/types-ts4.5/palettes/palette.d.ts +1 -1
  88. package/dist/types-ts4.5/palettes/updated-saturated-palette.d.ts +10 -0
  89. package/dist/types-ts4.5/theme-config.d.ts +12 -4
  90. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  91. package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/accent.d.ts +4 -0
  92. package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/background.d.ts +4 -0
  93. package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/icon.d.ts +4 -0
  94. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
  95. package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/accent.d.ts +4 -0
  96. package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/background.d.ts +4 -0
  97. package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/icon.d.ts +4 -0
  98. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +1 -1
  99. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +1 -1
  100. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
  101. package/dist/types-ts4.5/types.d.ts +1 -1
  102. package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -0
  103. package/figma/atlassian-dark-saturated-palette-changes.json +3540 -0
  104. package/figma/atlassian-light-saturated-palette-changes.json +3519 -0
  105. package/package.json +4 -1
  106. package/report.api.md +11 -2
  107. package/tmp/api-report-tmp.d.ts +6 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.24.0",
3
+ "version": "1.25.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/"
@@ -112,6 +112,9 @@
112
112
  "platform-feature-flags": {
113
113
  "platform.design-system-team.border-checkbox_nyoiu": {
114
114
  "type": "boolean"
115
+ },
116
+ "platform.design-system-team.saturated-palette-changes_asoro": {
117
+ "type": "boolean"
115
118
  }
116
119
  },
117
120
  "homepage": "https://atlassian.design/components/tokens",
package/report.api.md CHANGED
@@ -1787,7 +1787,8 @@ type Palettes =
1787
1787
  | 'legacyPalette'
1788
1788
  | 'shapePalette'
1789
1789
  | 'spacingScale'
1790
- | 'typographyPalette';
1790
+ | 'typographyPalette'
1791
+ | 'updatedSaturatedPalette';
1791
1792
 
1792
1793
  // @public (undocumented)
1793
1794
  export type RawToken = DesignToken<string, 'raw'>;
@@ -1862,6 +1863,8 @@ interface ThemeConfig {
1862
1863
  // (undocumented)
1863
1864
  displayName: string;
1864
1865
  // (undocumented)
1866
+ extends?: ExtensionThemeId;
1867
+ // (undocumented)
1865
1868
  id: ThemeIds | ThemeOverrideIds;
1866
1869
  // (undocumented)
1867
1870
  override?: ThemeIds;
@@ -1904,6 +1907,8 @@ const themeIdsWithOverrides: readonly [
1904
1907
  'typography-minor3',
1905
1908
  'light-new-input-border',
1906
1909
  'dark-new-input-border',
1910
+ 'light-saturated-palette-changes',
1911
+ 'dark-saturated-palette-changes',
1907
1912
  ];
1908
1913
 
1909
1914
  // @public
@@ -1938,12 +1943,16 @@ type ThemeOverrideIds = (typeof themeOverrideIds)[number];
1938
1943
  const themeOverrideIds: readonly [
1939
1944
  'light-new-input-border',
1940
1945
  'dark-new-input-border',
1946
+ 'light-saturated-palette-changes',
1947
+ 'dark-saturated-palette-changes',
1941
1948
  ];
1942
1949
 
1943
1950
  // @public
1944
1951
  type ThemeOverrides =
1945
1952
  | 'atlassian-dark-new-input-border'
1946
- | 'atlassian-light-new-input-border';
1953
+ | 'atlassian-dark-saturated-palette-changes'
1954
+ | 'atlassian-light-new-input-border'
1955
+ | 'atlassian-light-saturated-palette-changes';
1947
1956
 
1948
1957
  // @public
1949
1958
  export type Themes =
@@ -824,7 +824,7 @@ export type OpacityToken = DesignToken<string, 'opacity'>;
824
824
  export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
825
825
 
826
826
  // @public
827
- type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette';
827
+ type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette' | 'updatedSaturatedPalette';
828
828
 
829
829
  // @public (undocumented)
830
830
  export type RawToken = DesignToken<string, 'raw'>;
@@ -880,6 +880,8 @@ interface ThemeConfig {
880
880
  // (undocumented)
881
881
  displayName: string;
882
882
  // (undocumented)
883
+ extends?: ExtensionThemeId;
884
+ // (undocumented)
883
885
  id: ThemeIds | ThemeOverrideIds;
884
886
  // (undocumented)
885
887
  override?: ThemeIds;
@@ -900,7 +902,7 @@ const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spaci
900
902
  type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
901
903
 
902
904
  // @public (undocumented)
903
- const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
905
+ const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
904
906
 
905
907
  // @public
906
908
  type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
@@ -931,10 +933,10 @@ export interface ThemeOptionsSchema {
931
933
  type ThemeOverrideIds = (typeof themeOverrideIds)[number];
932
934
 
933
935
  // @public
934
- const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
936
+ const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
935
937
 
936
938
  // @public
937
- type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
939
+ type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-dark-saturated-palette-changes' | 'atlassian-light-new-input-border' | 'atlassian-light-saturated-palette-changes';
938
940
 
939
941
  // @public
940
942
  export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3' | 'atlassian-typography-minor3';