@atlaskit/tokens 10.1.0 → 11.0.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/tokens
 
+## 11.0.1
+
+### Patch Changes
+
+- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
+  Internal refactoring
+
+## 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/codemods/css-to-design-tokens/lib/colors.tsx

@@ -48,22 +48,22 @@ const REGEXES = {
 		/^\s*(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2},\s*-?\d*\.?\d+\s*\)|(rgb|hsl)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2}\)\s*|(lab|lch)\(\s*\d{1,3}%?\s+\d{1,3}%?\s+\d{1,3}%?\s*\)|hwb\(\s*\d{1,3}\s+\d{1,3}%?\s+\d{1,3}%?\s*\))\s*$/i,
 };
 
-export function isKnownCssVariable(value: string) {
+export function isKnownCssVariable(value: string): boolean {
 	return value in knownVariables;
 }
-export function isRawColor(value: string) {
+export function isRawColor(value: string): boolean {
 	return REGEXES.RAW_COLOR.test(value);
 }
-export function isNamedColor(value: string) {
+export function isNamedColor(value: string): boolean {
 	return NAMED_COLORS.includes(value);
 }
-export function isGradient(value: string) {
+export function isGradient(value: string): boolean {
 	return GRADIENT_TYPES.some((gradient) => value.startsWith(`${gradient}-gradient(`));
 }
-export function extractBetweenParentheses(value: string) {
+export function extractBetweenParentheses(value: string): string {
 	const match = value.match(/\((.*?)\)/);
 	return match ? match[1] : '';
 }
-export function isLessFunction(value: string) {
+export function isLessFunction(value: string): boolean {
 	return LESS_COLOR_FUNCTIONS.some((func) => value.startsWith(`${func}(`));
 }

package/codemods/css-to-design-tokens/lib/declaration.tsx

@@ -21,23 +21,23 @@ const COLOR_PROPERTIES = [
 	'text-stroke',
 ] as const;
 
-export function isColorRelatedProperty(prop: string) {
+export function isColorRelatedProperty(prop: string): boolean {
 	return COLOR_PROPERTIES.some((property) => property === prop);
 }
 
-export function isCssDeclaration(prop: string) {
+export function isCssDeclaration(prop: string): boolean {
 	return prop.startsWith('--');
 }
 
-export function extractCssVarName(prop: string) {
+export function extractCssVarName(prop: string): string {
 	return prop.substring(prop.indexOf('(') + 1).split(/\,|\)/)[0];
 }
 
-export function extractLessVarName(prop: string) {
+export function extractLessVarName(prop: string): string {
 	return prop.substring(1);
 }
 
-export function splitCssValue(value: string) {
+export function splitCssValue(value: string): RegExpMatchArray | null {
 	const regex = /(?:[^\s()]+|\((?:[^()]+|\([^()]*\))*\))+/g;
 	return value.match(regex);
 }

package/codemods/css-to-design-tokens/lib/meta.tsx

@@ -65,7 +65,7 @@ const ADDITIONAL_META: Record<string, string> = {
 	red: 'danger',
 };
 
-export function cleanMeta(meta: string[]) {
+export function cleanMeta(meta: string[]): string[] {
 	const cleanMeta = meta
 		.reduce(
 			(accum: string[], val: string) => [
@@ -141,7 +141,7 @@ function getParentSelectors(node: Node): string {
 	return '';
 }
 
-export function getCssVarMeta(cssVariable: string) {
+export function getCssVarMeta(cssVariable: string): string[] {
 	const tokenName = extractCssVarName(cssVariable);
 	const meta = knownVariables[tokenName];
 
@@ -152,7 +152,7 @@ export function getCssVarMeta(cssVariable: string) {
 	return meta;
 }
 
-export function getRawColorMeta(rawColor: string) {
+export function getRawColorMeta(rawColor: string): string[] {
 	let cleanColor = rawColor.toLowerCase();
 
 	if (cleanColor.length === 4) {
@@ -162,6 +162,6 @@ export function getRawColorMeta(rawColor: string) {
 	return knownRawColors[cleanColor] ?? [];
 }
 
-export function getNamedColorMeta(namedColor: string) {
+export function getNamedColorMeta(namedColor: string): string[] {
 	return knownNamedColors[namedColor] ?? [];
 }

package/codemods/css-to-design-tokens/lib/tokens.tsx

@@ -31,7 +31,7 @@ function tokenToVar(token: string) {
 	return `--ds-${token.replace(/\./g, '-').replace('color-', '').replace('elevation-', '')}`;
 }
 
-export default function findToken(meta: string[]) {
+export default function findToken(meta: string[]): string {
 	const filteredTokens = filterTokens(meta);
 	const tokenFuzzySearch = Search(filteredTokens, false);
 	const cleanSearchTerms = cleanMeta(meta).join(' ');

package/codemods/css-to-design-tokens/transform.tsx

@@ -87,7 +87,7 @@ const plugin = (): Plugin => {
 	};
 };
 
-export default async function transformer(file: FileInfo | string) {
+export default async function transformer(file: FileInfo | string): Promise<string> {
 	const processor = postcss([plugin()]);
 	const src = typeof file === 'string' ? file : file.source;
 	const { css } = await processor.process(src, POSTCSS_OPTIONS);

package/codemods/hypermod.config.tsx

@@ -2,7 +2,13 @@ import cssToDesignTokens from './css-to-design-tokens/transform';
 import removeFallbacksColor from './remove-fallbacks-color/transform';
 import themeToDesignTokens from './theme-to-design-tokens/transform';
 
-const config = {
+const config: {
+	presets: {
+		'theme-to-design-tokens': typeof themeToDesignTokens;
+		'css-to-design-tokens': typeof cssToDesignTokens;
+		'remove-fallbacks-color': typeof removeFallbacksColor;
+	};
+} = {
 	presets: {
 		'theme-to-design-tokens': themeToDesignTokens,
 		'css-to-design-tokens': cssToDesignTokens,

package/codemods/remove-fallbacks-color/transform.tsx

@@ -1,7 +1,7 @@
 import { hasImportDeclaration } from '@hypermod/utils';
 import type { API, FileInfo } from 'jscodeshift';
 
-export default async function transformer(file: FileInfo, api: API) {
+export default async function transformer(file: FileInfo, api: API): Promise<string> {
 	const j = api.jscodeshift;
 	const source = j(file.source);
 

package/codemods/theme-to-design-tokens/transform.tsx

@@ -239,8 +239,11 @@ function parseCSSPropertyName(cssString: string) {
 	};
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export default async function transformer(file: FileInfo, api: API, debug = false) {
+export default async function transformer(
+	file: FileInfo,
+	api: API,
+	_debug = false,
+): Promise<string> {
 	const j = api.jscodeshift;
 	const source = j(file.source);
 	let transformed = false;

package/codemods/theme-to-design-tokens/utils/ast-meta.tsx

@@ -88,7 +88,7 @@ export function getMetaFromAncestors(
 	return meta;
 }
 
-export function cleanMeta(meta: string[]) {
+export function cleanMeta(meta: string[]): string[] {
 	return meta
 		.reduce<string[]>(
 			(accum, val) => [

package/codemods/theme-to-design-tokens/utils/ast.tsx

@@ -26,7 +26,7 @@ export function isParentOfToken(j: JSCodeshift, path: any): boolean {
 	return j(path).find(j.CallExpression, { callee: { name: 'token' } }).length > 0;
 }
 
-export function getClosestDecendantOfType(j: JSCodeshift, path: ASTPath<any>, type: any) {
+export function getClosestDecendantOfType(j: JSCodeshift, path: ASTPath<any>, type: any): any {
 	if (!isDecendantOfType(j, path, type)) {
 		return;
 	}

package/codemods/theme-to-design-tokens/utils/color.tsx

@@ -1,14 +1,16 @@
 import { legacyColorMixins, legacyColors } from './legacy-colors';
 import { namedColors } from './named-colors';
 
-export const isLegacyColor = (value: string) => legacyColors.includes(value);
+export const isLegacyColor: (value: string) => boolean = (value: string) =>
+	legacyColors.includes(value);
 
-export const isLegacyNamedColor = (value: string) => legacyColorMixins.includes(value);
+export const isLegacyNamedColor: (value: string) => boolean = (value: string) =>
+	legacyColorMixins.includes(value);
 
 const colorRegexp =
 	/#(?:[a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{8})\b|(?:rgb|rgba|hsl|hsla|lch|lab|color)\([^\)]*\)/;
 
-export const includesHardCodedColor = (raw: string) => {
+export const includesHardCodedColor: (raw: string) => boolean = (raw: string) => {
 	const value = raw.toLowerCase();
 	if (colorRegexp.exec(value)) {
 		return true;
@@ -23,7 +25,7 @@ export const includesHardCodedColor = (raw: string) => {
 	return false;
 };
 
-export const isHardCodedColor = (raw: string) => {
+export const isHardCodedColor: (raw: string) => boolean = (raw: string) => {
 	const value = raw.toLowerCase();
 
 	if (namedColors.includes(value)) {
@@ -38,7 +40,7 @@ export const isHardCodedColor = (raw: string) => {
 	return false;
 };
 
-export function isBoldColor(color: string) {
+export function isBoldColor(color: string): boolean {
 	const number = parseInt(color.replace(/^./, ''), 10);
 	return number > 300;
 }

package/codemods/theme-to-design-tokens/utils/css-utils.tsx

@@ -1,6 +1,6 @@
 import { isColorRelatedProperty } from '../../css-to-design-tokens/lib/declaration';
 
-export function containsReplaceableCSSDeclarations(input: string) {
+export function containsReplaceableCSSDeclarations(input: string): boolean {
 	const cssPattern = /(\S+)\s*:/g;
 
 	let match;

package/codemods/theme-to-design-tokens/utils/fuzzy-search.tsx

@@ -3,7 +3,12 @@
 /**
  * Fuzzy search ripped from the internet.
  */
-const FuzzySet = function (
+const FuzzySet: (
+	arr?: string[],
+	useLevenshtein?: boolean,
+	gramSizeLower?: number,
+	gramSizeUpper?: number,
+) => any = function (
 	arr: string[] = [],
 	useLevenshtein?: boolean,
 	gramSizeLower: number = 2,

package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx

@@ -1,4 +1,4 @@
-export const legacyColors = [
+export const legacyColors: string[] = [
 	'R50',
 	'R75',
 	'R100',
@@ -115,7 +115,7 @@ export const legacyColors = [
 	'DN10A',
 ];
 
-export const legacyColorMixins = [
+export const legacyColorMixins: string[] = [
 	'background',
 	'backgroundActive',
 	'backgroundHover',

package/codemods/theme-to-design-tokens/utils/named-colors.tsx

@@ -1,4 +1,4 @@
-export const namedColors = [
+export const namedColors: string[] = [
 	'black',
 	'silver',
 	'gray',

package/codemods/theme-to-design-tokens/utils/string-utils.tsx

@@ -1,4 +1,4 @@
-export const kebabize = (str: string) =>
+export const kebabize: (str: string) => string = (str: string) =>
 	str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
 
 export function findFirstNonspaceIndexAfter(text: string, index: number): number {

package/codemods/utils/tokens.tsx

@@ -1,4 +1,4 @@
-export const activeTokens = [
+export const activeTokens: string[] = [
 	'color.text',
 	'color.text.accent.lime',
 	'color.text.accent.lime.bolder',
@@ -283,7 +283,7 @@ export const activeTokens = [
 	'utility.elevation.surface.current',
 ];
 
-export const uniqueWordsFromTokens = [
+export const uniqueWordsFromTokens: string[] = [
 	'color',
 	'text',
 	'accent',

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/constants.d.ts

@@ -5,5 +5,5 @@ export declare const CONTRAST_MODE_ATTRIBUTE = "data-contrast-mode";
 export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
 export declare const CSS_PREFIX = "ds";
 export declare const CSS_VAR_FULL: string[];
-export declare const TOKEN_NOT_FOUND_CSS_VAR = "--ds-token-not-found";
-export declare const CURRENT_SURFACE_CSS_VAR: "--ds-elevation-surface-current";
+export declare const TOKEN_NOT_FOUND_CSS_VAR: '--ds-token-not-found';
+export declare const CURRENT_SURFACE_CSS_VAR: '--ds-elevation-surface-current';

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,17 @@ 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 +73,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 +125,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/utils/color-mode-listeners.d.ts

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 declare class ColorModeObserver {
     unbindThemeChangeListener: UnbindFn | null;
-    getColorMode(): "light" | "dark";
+    getColorMode(): 'dark' | 'light';
     bind(): void;
     unbind(): void;
 }

package/dist/types/utils/contrast-mode-listeners.d.ts

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 declare class ContrastModeObserver {
     unbindContrastChangeListener: UnbindFn | null;
-    getContrastMode(): "more" | "no-preference";
+    getContrastMode(): 'more' | 'no-preference';
     bind(): void;
     unbind(): void;
 }

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/constants.d.ts

@@ -5,5 +5,5 @@ export declare const CONTRAST_MODE_ATTRIBUTE = "data-contrast-mode";
 export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
 export declare const CSS_PREFIX = "ds";
 export declare const CSS_VAR_FULL: string[];
-export declare const TOKEN_NOT_FOUND_CSS_VAR = "--ds-token-not-found";
-export declare const CURRENT_SURFACE_CSS_VAR: "--ds-elevation-surface-current";
+export declare const TOKEN_NOT_FOUND_CSS_VAR: '--ds-token-not-found';
+export declare const CURRENT_SURFACE_CSS_VAR: '--ds-elevation-surface-current';

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"
@@ -72,17 +70,15 @@ 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"
+    'light-increased-contrast',
+    'light',
+    'light-future',
+    'dark',
+    'dark-future',
+    'dark-increased-contrast',
+    'spacing',
+    'shape',
+    'typography'
 ];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
@@ -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/dist/types-ts4.5/utils/color-mode-listeners.d.ts

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 declare class ColorModeObserver {
     unbindThemeChangeListener: UnbindFn | null;
-    getColorMode(): "light" | "dark";
+    getColorMode(): 'dark' | 'light';
     bind(): void;
     unbind(): void;
 }

package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 declare class ContrastModeObserver {
     unbindContrastChangeListener: UnbindFn | null;
-    getContrastMode(): "more" | "no-preference";
+    getContrastMode(): 'more' | 'no-preference';
     bind(): void;
     unbind(): void;
 }

package/offerings.json

@@ -8,7 +8,19 @@
 			"type": "named"
 		},
 		"type": "function",
-		"keywords": ["token", "design", "system", "color", "spacing", "typography", "radius", "theme", "css", "style", "variable"],
+		"keywords": [
+			"token",
+			"design",
+			"system",
+			"color",
+			"spacing",
+			"typography",
+			"radius",
+			"theme",
+			"css",
+			"style",
+			"variable"
+		],
 		"categories": ["tokens"],
 		"shortDescription": "Design tokens provide consistent, semantic values for colors, spacing, typography, and other design properties across the Atlassian Design System. Use tokens instead of hardcoded values to ensure consistency and proper theming.",
 		"status": "general-availability",
@@ -18,8 +30,8 @@
 			"Use semantic color names (success, warning, danger) for better meaning"
 		],
 		"usageGuidelines": [
-			"AVOID hardcoding any CSS values where a token exists for that type; in  many cases you may be forced to use a token",
-			"Use the `token()` function with inline styles or CSS-in-JS",
+			"AVOID hardcoding any CSS values where a token exists for that type; in many cases you may be forced to use a token",
+			"Use the `token()` function with CSS-in-JS",
 			"Use semantic token names for better maintainability"
 		],
 		"generativeInstructions": [
@@ -27,6 +39,6 @@
 			"./docs/ai/spacing-instructions.md",
 			"./docs/ai/border-radius-instructions.md"
 		],
-		"examples": ["./examples/ai/prototyping-no-compiled.tsx"]
+		"examples": ["./examples/ai/basic.tsx"]
 	}
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "10.1.0",
+	"version": "11.0.1",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,28 +43,28 @@
 	"devDependencies": {
 		"@af/formatting": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.7.0",
+		"@atlaskit/avatar": "^25.8.0",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/docs": "^11.4.0",
 		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/grid": "^0.18.0",
-		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/heading": "^5.3.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/inline-message": "^15.5.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/lozenge": "^13.3.0",
+		"@atlaskit/lozenge": "^13.4.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.5.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
@@ -122,9 +122,6 @@
 		"platform_increased-contrast-themes": {
 			"type": "boolean"
 		},
-		"should-render-to-parent-should-be-true-design-syst": {
-			"type": "boolean"
-		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
 		},