@atlaskit/tokens 10.1.0 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/tokens
 
+## 11.0.0
+
+### Major Changes
+
+- [`2abd451d54eb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2abd451d54eb2) -
+  Removes atlassian-legacy-light/dark color themes from the tokens package. These themes are unused
+  and non-functional in terms of color contrast. As a result some primitive components may recieve
+  modern fallback color values in some scenarios, however these are inline with the latest token
+  themes.
+
 ## 10.1.0
 
 ### Minor Changes

package/dist/cjs/artifacts/theme-import-map.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
+ * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
  * @codegenCommand yarn build tokens
  */
 
@@ -56,18 +56,6 @@ var themeImportsMap = {
       './themes/atlassian-dark-increased-contrast'));
     });
   },
-  'legacy-light': function legacyLight() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
-      './themes/atlassian-legacy-light'));
-    });
-  },
-  'legacy-dark': function legacyDark() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-dark" */
-      './themes/atlassian-legacy-dark'));
-    });
-  },
   'spacing': function spacing() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */

package/dist/cjs/babel-plugin/plugin.js

@@ -10,7 +10,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var t = _interopRequireWildcard(require("@babel/types"));
 var _tokenNames = _interopRequireDefault(require("../artifacts/token-names"));
-var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
 var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
 var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
@@ -125,7 +124,7 @@ function plugin() {
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
                 if (state.opts.shouldUseAutoFallback !== false) {
-                  replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName, state.opts.defaultTheme), ")"));
+                  replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName), ")"));
                 } else {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ")"));
                 }
@@ -136,7 +135,7 @@ function plugin() {
               var forceAutoFallbackExemptions = ['radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
 
               // Handle fallbacks
-              var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
@@ -194,12 +193,10 @@ function plugin() {
   };
 }
 var lightValues = getThemeValues(_atlassianLight.default);
-var legacyLightValues = getThemeValues(_atlassianLegacyLight.default);
 var shapeValues = getThemeValues(_atlassianShape.default);
 var spacingValues = getThemeValues(_atlassianSpacing.default);
 var typographyValues = getThemeValues(_atlassianTypography.default);
 function getDefaultFallback(tokenName) {
-  var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
   if (shapeValues[tokenName]) {
     return shapeValues[tokenName];
   }
@@ -209,8 +206,7 @@ function getDefaultFallback(tokenName) {
   if (typographyValues[tokenName]) {
     return typographyValues[tokenName];
   }
-  var colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return colorValues[tokenName];
+  return lightValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/cjs/entry-points/tokens-raw.js

@@ -10,12 +10,6 @@ Object.defineProperty(exports, "dark", {
     return _atlassianDark.default;
   }
 });
-Object.defineProperty(exports, "legacyLightTokens", {
-  enumerable: true,
-  get: function get() {
-    return _atlassianLegacyLight.default;
-  }
-});
 Object.defineProperty(exports, "light", {
   enumerable: true,
   get: function get() {
@@ -41,7 +35,6 @@ Object.defineProperty(exports, "typography", {
   }
 });
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
-var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
 var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
 var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
 var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));

package/dist/cjs/theme-config.js

@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
+var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -131,24 +131,6 @@ var themeConfig = {
     extends: 'dark',
     increasesContrastFor: 'dark'
   },
-  'atlassian-legacy-light': {
-    id: 'legacy-light',
-    displayName: 'Light Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'light'
-    }
-  },
-  'atlassian-legacy-dark': {
-    id: 'legacy-dark',
-    displayName: 'Dark Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
-  },
   'atlassian-spacing': {
     id: 'spacing',
     displayName: 'Atlassian Spacing',

package/dist/cjs/theme-state-transformer.js

@@ -31,8 +31,8 @@ var isColorMode = function isColorMode(modeId) {
  *
  * @example
  * ```
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * themeStringToObject('dark:dark light:light spacing:spacing');
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
  * ```
  */
 var themeStringToObject = exports.themeStringToObject = function themeStringToObject(themeState) {
@@ -69,8 +69,8 @@ var themeStringToObject = exports.themeStringToObject = function themeStringToOb
  *
  * @example
  * ```
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
- * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
+ * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
 var themeObjectToString = exports.themeObjectToString = function themeObjectToString(themeState) {

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
+ * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
  * @codegenCommand yarn build tokens
  */
 
@@ -23,10 +23,6 @@ const themeImportsMap = {
   './themes/atlassian-dark-future'),
   'dark-increased-contrast': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
   './themes/atlassian-dark-increased-contrast'),
-  'legacy-light': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
-  './themes/atlassian-legacy-light'),
-  'legacy-dark': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-dark" */
-  './themes/atlassian-legacy-dark'),
   'spacing': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */
   './themes/atlassian-spacing'),
   'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */

package/dist/es2019/babel-plugin/plugin.js

@@ -1,6 +1,5 @@
 import * as t from '@babel/types';
 import tokenNames from '../artifacts/token-names';
-import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
 import light from '../artifacts/tokens-raw/atlassian-light';
 import shape from '../artifacts/tokens-raw/atlassian-shape';
 import spacing from '../artifacts/tokens-raw/atlassian-spacing';
@@ -102,7 +101,7 @@ export default function plugin() {
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
                 if (state.opts.shouldUseAutoFallback !== false) {
-                  replacementNode = t.stringLiteral(`var(${cssTokenValue}, ${getDefaultFallback(tokenName, state.opts.defaultTheme)})`);
+                  replacementNode = t.stringLiteral(`var(${cssTokenValue}, ${getDefaultFallback(tokenName)})`);
                 } else {
                   replacementNode = t.stringLiteral(`var(${cssTokenValue})`);
                 }
@@ -113,7 +112,7 @@ export default function plugin() {
               const forceAutoFallbackExemptions = ['radius', ...(state.opts.forceAutoFallbackExemptions || [])];
 
               // Handle fallbacks
-              const fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              const fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
@@ -171,11 +170,10 @@ export default function plugin() {
   };
 }
 const lightValues = getThemeValues(light);
-const legacyLightValues = getThemeValues(legacyLight);
 const shapeValues = getThemeValues(shape);
 const spacingValues = getThemeValues(spacing);
 const typographyValues = getThemeValues(typography);
-function getDefaultFallback(tokenName, theme = 'light') {
+function getDefaultFallback(tokenName) {
   if (shapeValues[tokenName]) {
     return shapeValues[tokenName];
   }
@@ -185,8 +183,7 @@ function getDefaultFallback(tokenName, theme = 'light') {
   if (typographyValues[tokenName]) {
     return typographyValues[tokenName];
   }
-  const colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return colorValues[tokenName];
+  return lightValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/es2019/entry-points/tokens-raw.js

@@ -1,5 +1,4 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
-export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';

package/dist/es2019/theme-config.js

@@ -40,7 +40,7 @@ const themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
+export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -126,24 +126,6 @@ const themeConfig = {
     extends: 'dark',
     increasesContrastFor: 'dark'
   },
-  'atlassian-legacy-light': {
-    id: 'legacy-light',
-    displayName: 'Light Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'light'
-    }
-  },
-  'atlassian-legacy-dark': {
-    id: 'legacy-dark',
-    displayName: 'Dark Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
-  },
   'atlassian-spacing': {
     id: 'spacing',
     displayName: 'Atlassian Spacing',

package/dist/es2019/theme-state-transformer.js

@@ -18,8 +18,8 @@ const isColorMode = modeId => {
  *
  * @example
  * ```
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * themeStringToObject('dark:dark light:light spacing:spacing');
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
  * ```
  */
 export const themeStringToObject = themeState => {
@@ -51,8 +51,8 @@ export const themeStringToObject = themeState => {
  *
  * @example
  * ```
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
- * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
+ * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
 export const themeObjectToString = themeState => Object.entries(themeState).reduce((themeString, [kind, id]) => {

package/dist/esm/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
+ * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
  * @codegenCommand yarn build tokens
  */
 
@@ -35,14 +35,6 @@ var themeImportsMap = {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
     './themes/atlassian-dark-increased-contrast');
   },
-  'legacy-light': function legacyLight() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
-    './themes/atlassian-legacy-light');
-  },
-  'legacy-dark': function legacyDark() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-dark" */
-    './themes/atlassian-legacy-dark');
-  },
   'spacing': function spacing() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */
     './themes/atlassian-spacing');

package/dist/esm/babel-plugin/plugin.js

@@ -7,7 +7,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import * as t from '@babel/types';
 import tokenNames from '../artifacts/token-names';
-import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
 import light from '../artifacts/tokens-raw/atlassian-light';
 import shape from '../artifacts/tokens-raw/atlassian-shape';
 import spacing from '../artifacts/tokens-raw/atlassian-spacing';
@@ -116,7 +115,7 @@ export default function plugin() {
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
                 if (state.opts.shouldUseAutoFallback !== false) {
-                  replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName, state.opts.defaultTheme), ")"));
+                  replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName), ")"));
                 } else {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ")"));
                 }
@@ -127,7 +126,7 @@ export default function plugin() {
               var forceAutoFallbackExemptions = ['radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
 
               // Handle fallbacks
-              var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
@@ -185,12 +184,10 @@ export default function plugin() {
   };
 }
 var lightValues = getThemeValues(light);
-var legacyLightValues = getThemeValues(legacyLight);
 var shapeValues = getThemeValues(shape);
 var spacingValues = getThemeValues(spacing);
 var typographyValues = getThemeValues(typography);
 function getDefaultFallback(tokenName) {
-  var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
   if (shapeValues[tokenName]) {
     return shapeValues[tokenName];
   }
@@ -200,8 +197,7 @@ function getDefaultFallback(tokenName) {
   if (typographyValues[tokenName]) {
     return typographyValues[tokenName];
   }
-  var colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return colorValues[tokenName];
+  return lightValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/esm/entry-points/tokens-raw.js

@@ -1,5 +1,4 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
-export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';

package/dist/esm/theme-config.js

@@ -40,7 +40,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
+export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -126,24 +126,6 @@ var themeConfig = {
     extends: 'dark',
     increasesContrastFor: 'dark'
   },
-  'atlassian-legacy-light': {
-    id: 'legacy-light',
-    displayName: 'Light Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'light'
-    }
-  },
-  'atlassian-legacy-dark': {
-    id: 'legacy-dark',
-    displayName: 'Dark Theme (legacy)',
-    palette: 'legacyPalette',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
-  },
   'atlassian-spacing': {
     id: 'spacing',
     displayName: 'Atlassian Spacing',

package/dist/esm/theme-state-transformer.js

@@ -24,8 +24,8 @@ var isColorMode = function isColorMode(modeId) {
  *
  * @example
  * ```
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * themeStringToObject('dark:dark light:light spacing:spacing');
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
  * ```
  */
 export var themeStringToObject = function themeStringToObject(themeState) {
@@ -62,8 +62,8 @@ export var themeStringToObject = function themeStringToObject(themeState) {
  *
  * @example
  * ```
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
- * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
+ * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
 export var themeObjectToString = function themeObjectToString(themeState) {

package/dist/types/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
+ * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

package/dist/types/babel-plugin/plugin.d.ts

@@ -1,6 +1,6 @@
 import { type NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-type DefaultColorTheme = 'light' | 'legacy-light';
+type DefaultColorTheme = 'light';
 export default function plugin(): {
     visitor: {
         Program?: undefined;

package/dist/types/entry-points/tokens-raw.d.ts

@@ -1,5 +1,4 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
-export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';

package/dist/types/theme-config.d.ts

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-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';
+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';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography"];
+export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "spacing", "shape", "typography"];
 export type ThemeIds = (typeof themeIds)[number];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
  */
 declare const themeOverrideIds: readonly [];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
-export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography"];
+export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "spacing", "shape", "typography"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
  * Theme to use a base. This will create the theme as
@@ -63,7 +63,7 @@ type ExtensionThemeId = ThemeIds;
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
  * previous color set.
  */
-export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
+export type Palettes = 'defaultPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
 /**
  * ThemeConfig: the source of truth for all theme meta-data.
  * This object should be used whenever interfacing with themes.
@@ -115,8 +115,8 @@ export interface ThemeOptionsSchema {
  * ThemeState: the standard representation of an app's current theme and preferences
  */
 export interface ThemeState {
-    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
-    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
     colorMode: ThemeColorModes;
     contrastMode: ThemeContrastModes;
     shape?: Extract<ThemeIds, 'shape'>;

package/dist/types/theme-state-transformer.d.ts

@@ -7,8 +7,8 @@ import { type ThemeState } from './theme-config';
  *
  * @example
  * ```
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * themeStringToObject('dark:dark light:light spacing:spacing');
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
  * ```
  */
 export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
@@ -19,8 +19,8 @@ export declare const themeStringToObject: (themeState: string) => Partial<ThemeS
  *
  * @example
  * ```
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
- * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
+ * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
 export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;

package/dist/types-ts4.5/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
+ * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

package/dist/types-ts4.5/babel-plugin/plugin.d.ts

@@ -1,6 +1,6 @@
 import { type NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-type DefaultColorTheme = 'light' | 'legacy-light';
+type DefaultColorTheme = 'light';
 export default function plugin(): {
     visitor: {
         Program?: undefined;

package/dist/types-ts4.5/entry-points/tokens-raw.d.ts

@@ -1,5 +1,4 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
-export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';

package/dist/types-ts4.5/theme-config.d.ts

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-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';
+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';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -57,8 +57,6 @@ export declare const themeIds: readonly [
     "dark",
     "dark-future",
     "dark-increased-contrast",
-    "legacy-light",
-    "legacy-dark",
     "spacing",
     "shape",
     "typography"
@@ -78,8 +76,6 @@ export declare const themeIdsWithOverrides: readonly [
     "dark",
     "dark-future",
     "dark-increased-contrast",
-    "legacy-light",
-    "legacy-dark",
     "spacing",
     "shape",
     "typography"
@@ -96,7 +92,7 @@ type ExtensionThemeId = ThemeIds;
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
  * previous color set.
  */
-export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
+export type Palettes = 'defaultPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
 /**
  * ThemeConfig: the source of truth for all theme meta-data.
  * This object should be used whenever interfacing with themes.
@@ -148,8 +144,8 @@ export interface ThemeOptionsSchema {
  * ThemeState: the standard representation of an app's current theme and preferences
  */
 export interface ThemeState {
-    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
-    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
     colorMode: ThemeColorModes;
     contrastMode: ThemeContrastModes;
     shape?: Extract<ThemeIds, 'shape'>;

package/dist/types-ts4.5/theme-state-transformer.d.ts

@@ -7,8 +7,8 @@ import { type ThemeState } from './theme-config';
  *
  * @example
  * ```
- * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
- * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * themeStringToObject('dark:dark light:light spacing:spacing');
+ * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
  * ```
  */
 export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
@@ -19,8 +19,8 @@ export declare const themeStringToObject: (themeState: string) => Partial<ThemeS
  *
  * @example
  * ```
- * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
- * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
+ * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
 export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "10.1.0",
+	"version": "11.0.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -55,16 +55,16 @@
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/grid": "^0.18.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^30.0.0",
 		"@atlaskit/inline-message": "^15.5.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/popup": "^4.13.0",
-		"@atlaskit/primitives": "^17.1.0",
+		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.7.0",
-		"@atlaskit/tag": "^14.2.0",
+		"@atlaskit/tag": "^14.3.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",