@atlaskit/tokens 4.4.1 → 4.5.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/tokens
 
+## 4.5.1
+
+### Patch Changes
+
+- [#127074](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127074)
+  [`9bb9fc17a4eaa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9bb9fc17a4eaa) -
+  Update dependencies and remove unused internal exports.
+
+## 4.5.0
+
+### Minor Changes
+
+- [#126172](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126172)
+  [`38625fdee341d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38625fdee341d) -
+  Exclude border.radius tokens from shouldForceAutoFallback mode
+
 ## 4.4.1
 
 ### Patch Changes

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

@@ -98,7 +98,8 @@ function plugin() {
               }
 
               // Handle fallbacks
-              var fallback = state.opts.shouldForceAutoFallback ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
+              var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : 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

package/dist/cjs/constants.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.DEFAULT_THEME = exports.CUSTOM_THEME_ATTRIBUTE = exports.CURRENT_SURFACE_CSS_VAR = exports.CSS_VAR_FULL = exports.CSS_PREFIX = exports.CONTRAST_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = void 0;
+exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = exports.CURRENT_SURFACE_CSS_VAR = exports.CSS_VAR_FULL = exports.CSS_PREFIX = exports.CONTRAST_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = void 0;
 var THEME_DATA_ATTRIBUTE = exports.THEME_DATA_ATTRIBUTE = 'data-theme';
 var COLOR_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 var CONTRAST_MODE_ATTRIBUTE = exports.CONTRAST_MODE_ATTRIBUTE = 'data-contrast-mode';
 var CUSTOM_THEME_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
-var DEFAULT_THEME = exports.DEFAULT_THEME = 'light';
 var CSS_PREFIX = exports.CSS_PREFIX = 'ds';
 var CSS_VAR_FULL = exports.CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
 var TOKEN_NOT_FOUND_CSS_VAR = exports.TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");

package/dist/cjs/theme-config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.themeStateDefaults = exports.themeOverrideIds = exports.themeIdsWithOverrides = exports.themeIds = exports.themeContrastModes = exports.themeColorModes = exports.default = void 0;
+exports.themeStateDefaults = exports.themeIdsWithOverrides = exports.themeIds = exports.themeColorModes = exports.default = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * This file contains the source of truth for themes and all associated meta data.
@@ -38,7 +38,7 @@ var themeColorModes = exports.themeColorModes = ['light', 'dark', 'auto'];
 /**
  * Contrast preferences: The system contrast preference
  */
-var themeContrastModes = exports.themeContrastModes = ['more', 'no-preference', 'auto'];
+var themeContrastModes = ['more', 'no-preference', 'auto'];
 /**
  * Theme ids: The value that will be mounted to the DOM as a data attr
  * For example: `data-theme="light:light dark:dark spacing:spacing"
@@ -50,7 +50,7 @@ var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-f
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-var themeOverrideIds = exports.themeOverrideIds = [];
+var themeOverrideIds = [];
 var themeIdsWithOverrides = exports.themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
 
 /**

package/dist/cjs/utils/hct-color-utils/color-utils.js

@@ -4,23 +4,17 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.alphaFromArgb = alphaFromArgb;
 exports.argbFromLinrgb = argbFromLinrgb;
 exports.argbFromLstar = argbFromLstar;
 exports.argbFromRgb = argbFromRgb;
 exports.argbFromRgba = argbFromRgba;
 exports.argbFromXyz = argbFromXyz;
-exports.blueFromArgb = blueFromArgb;
 exports.delinearized = delinearized;
-exports.greenFromArgb = greenFromArgb;
-exports.isOpaque = isOpaque;
 exports.linearized = linearized;
 exports.lstarFromArgb = lstarFromArgb;
 exports.lstarFromY = lstarFromY;
-exports.redFromArgb = redFromArgb;
 exports.rgbaFromArgb = rgbaFromArgb;
 exports.whitePointD65 = whitePointD65;
-exports.xyzFromArgb = xyzFromArgb;
 exports.yFromLstar = yFromLstar;
 var mathUtils = _interopRequireWildcard(require("./math-utils"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -105,13 +99,6 @@ function blueFromArgb(argb) {
   return argb & 255;
 }
 
-/**
- * Returns whether a color in ARGB format is opaque.
- */
-function isOpaque(argb) {
-  return alphaFromArgb(argb) >= 255;
-}
-
 /**
  * Converts a color from ARGB to XYZ.
  */

package/dist/cjs/utils/hct-color-utils/math-utils.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.clampDouble = clampDouble;
 exports.clampInt = clampInt;
-exports.differenceDegrees = differenceDegrees;
 exports.lerp = lerp;
 exports.matrixMultiply = matrixMultiply;
-exports.rotationDirection = rotationDirection;
 exports.sanitizeDegreesDouble = sanitizeDegreesDouble;
-exports.sanitizeDegreesInt = sanitizeDegreesInt;
 exports.signum = signum;
 /**
  * Below lines are copied from @material/material-color-utilities.
@@ -94,20 +91,6 @@ function clampDouble(min, max, input) {
   return input;
 }
 
-/**
- * Sanitizes a degree measure as an integer.
- *
- * @return a degree measure between 0 (inclusive) and 360
- * (exclusive).
- */
-function sanitizeDegreesInt(degrees) {
-  degrees = degrees % 360;
-  if (degrees < 0) {
-    degrees = degrees + 360;
-  }
-  return degrees;
-}
-
 /**
  * Sanitizes a degree measure as a floating-point number.
  *
@@ -122,32 +105,6 @@ function sanitizeDegreesDouble(degrees) {
   return degrees;
 }
 
-/**
- * Sign of direction change needed to travel from one angle to
- * another.
- *
- * For angles that are 180 degrees apart from each other, both
- * directions have the same travel distance, so either direction is
- * shortest. The value 1.0 is returned in this case.
- *
- * @param from The angle travel starts from, in degrees.
- * @param to The angle travel ends at, in degrees.
- * @return -1 if decreasing from leads to the shortest travel
- * distance, 1 if increasing from leads to the shortest travel
- * distance.
- */
-function rotationDirection(from, to) {
-  var increasingDifference = sanitizeDegreesDouble(to - from);
-  return increasingDifference <= 180.0 ? 1.0 : -1.0;
-}
-
-/**
- * Distance of two points on a circle, represented using degrees.
- */
-function differenceDegrees(a, b) {
-  return 180.0 - Math.abs(Math.abs(a - b) - 180.0);
-}
-
 /**
  * Multiplies a 1x3 row vector with a 3x3 matrix.
  */

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

@@ -88,7 +88,8 @@ export default function plugin() {
               }
 
               // Handle fallbacks
-              const fallback = state.opts.shouldForceAutoFallback ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
+              const fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : 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

package/dist/es2019/constants.js

@@ -2,7 +2,6 @@ export const THEME_DATA_ATTRIBUTE = 'data-theme';
 export const COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 export const CONTRAST_MODE_ATTRIBUTE = 'data-contrast-mode';
 export const CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
-export const DEFAULT_THEME = 'light';
 export const CSS_PREFIX = 'ds';
 export const CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
 export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;

package/dist/es2019/theme-config.js

@@ -33,7 +33,7 @@ export const themeColorModes = ['light', 'dark', 'auto'];
 /**
  * Contrast preferences: The system contrast preference
  */
-export const themeContrastModes = ['more', 'no-preference', 'auto'];
+const themeContrastModes = ['more', 'no-preference', 'auto'];
 /**
  * Theme ids: The value that will be mounted to the DOM as a data attr
  * For example: `data-theme="light:light dark:dark spacing:spacing"
@@ -45,7 +45,7 @@ export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'l
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export const themeOverrideIds = [];
+const themeOverrideIds = [];
 export const themeIdsWithOverrides = [...themeIds, ...themeOverrideIds];
 
 /**

package/dist/es2019/utils/hct-color-utils/color-utils.js

@@ -55,38 +55,31 @@ export function argbFromLinrgb(linrgb) {
 /**
  * Returns the alpha component of a color in ARGB format.
  */
-export function alphaFromArgb(argb) {
+function alphaFromArgb(argb) {
   return argb >> 24 & 255;
 }
 
 /**
  * Returns the red component of a color in ARGB format.
  */
-export function redFromArgb(argb) {
+function redFromArgb(argb) {
   return argb >> 16 & 255;
 }
 
 /**
  * Returns the green component of a color in ARGB format.
  */
-export function greenFromArgb(argb) {
+function greenFromArgb(argb) {
   return argb >> 8 & 255;
 }
 
 /**
  * Returns the blue component of a color in ARGB format.
  */
-export function blueFromArgb(argb) {
+function blueFromArgb(argb) {
   return argb & 255;
 }
 
-/**
- * Returns whether a color in ARGB format is opaque.
- */
-export function isOpaque(argb) {
-  return alphaFromArgb(argb) >= 255;
-}
-
 /**
  * Converts a color from ARGB to XYZ.
  */
@@ -104,7 +97,7 @@ export function argbFromXyz(x, y, z) {
 /**
  * Converts a color from XYZ to ARGB.
  */
-export function xyzFromArgb(argb) {
+function xyzFromArgb(argb) {
   const r = linearized(redFromArgb(argb));
   const g = linearized(greenFromArgb(argb));
   const b = linearized(blueFromArgb(argb));

package/dist/es2019/utils/hct-color-utils/math-utils.js

@@ -80,20 +80,6 @@ export function clampDouble(min, max, input) {
   return input;
 }
 
-/**
- * Sanitizes a degree measure as an integer.
- *
- * @return a degree measure between 0 (inclusive) and 360
- * (exclusive).
- */
-export function sanitizeDegreesInt(degrees) {
-  degrees = degrees % 360;
-  if (degrees < 0) {
-    degrees = degrees + 360;
-  }
-  return degrees;
-}
-
 /**
  * Sanitizes a degree measure as a floating-point number.
  *
@@ -108,32 +94,6 @@ export function sanitizeDegreesDouble(degrees) {
   return degrees;
 }
 
-/**
- * Sign of direction change needed to travel from one angle to
- * another.
- *
- * For angles that are 180 degrees apart from each other, both
- * directions have the same travel distance, so either direction is
- * shortest. The value 1.0 is returned in this case.
- *
- * @param from The angle travel starts from, in degrees.
- * @param to The angle travel ends at, in degrees.
- * @return -1 if decreasing from leads to the shortest travel
- * distance, 1 if increasing from leads to the shortest travel
- * distance.
- */
-export function rotationDirection(from, to) {
-  const increasingDifference = sanitizeDegreesDouble(to - from);
-  return increasingDifference <= 180.0 ? 1.0 : -1.0;
-}
-
-/**
- * Distance of two points on a circle, represented using degrees.
- */
-export function differenceDegrees(a, b) {
-  return 180.0 - Math.abs(Math.abs(a - b) - 180.0);
-}
-
 /**
  * Multiplies a 1x3 row vector with a 3x3 matrix.
  */

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

@@ -88,7 +88,8 @@ export default function plugin() {
               }
 
               // Handle fallbacks
-              var fallback = state.opts.shouldForceAutoFallback ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
+              var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : 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

package/dist/esm/constants.js

@@ -2,7 +2,6 @@ export var THEME_DATA_ATTRIBUTE = 'data-theme';
 export var COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 export var CONTRAST_MODE_ATTRIBUTE = 'data-contrast-mode';
 export var CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
-export var DEFAULT_THEME = 'light';
 export var CSS_PREFIX = 'ds';
 export var CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
 export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");

package/dist/esm/theme-config.js

@@ -33,7 +33,7 @@ export var themeColorModes = ['light', 'dark', 'auto'];
 /**
  * Contrast preferences: The system contrast preference
  */
-export var themeContrastModes = ['more', 'no-preference', 'auto'];
+var themeContrastModes = ['more', 'no-preference', 'auto'];
 /**
  * Theme ids: The value that will be mounted to the DOM as a data attr
  * For example: `data-theme="light:light dark:dark spacing:spacing"
@@ -45,7 +45,7 @@ export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'lig
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export var themeOverrideIds = [];
+var themeOverrideIds = [];
 export var themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
 
 /**

package/dist/esm/utils/hct-color-utils/color-utils.js

@@ -55,38 +55,31 @@ export function argbFromLinrgb(linrgb) {
 /**
  * Returns the alpha component of a color in ARGB format.
  */
-export function alphaFromArgb(argb) {
+function alphaFromArgb(argb) {
   return argb >> 24 & 255;
 }
 
 /**
  * Returns the red component of a color in ARGB format.
  */
-export function redFromArgb(argb) {
+function redFromArgb(argb) {
   return argb >> 16 & 255;
 }
 
 /**
  * Returns the green component of a color in ARGB format.
  */
-export function greenFromArgb(argb) {
+function greenFromArgb(argb) {
   return argb >> 8 & 255;
 }
 
 /**
  * Returns the blue component of a color in ARGB format.
  */
-export function blueFromArgb(argb) {
+function blueFromArgb(argb) {
   return argb & 255;
 }
 
-/**
- * Returns whether a color in ARGB format is opaque.
- */
-export function isOpaque(argb) {
-  return alphaFromArgb(argb) >= 255;
-}
-
 /**
  * Converts a color from ARGB to XYZ.
  */
@@ -104,7 +97,7 @@ export function argbFromXyz(x, y, z) {
 /**
  * Converts a color from XYZ to ARGB.
  */
-export function xyzFromArgb(argb) {
+function xyzFromArgb(argb) {
   var r = linearized(redFromArgb(argb));
   var g = linearized(greenFromArgb(argb));
   var b = linearized(blueFromArgb(argb));

package/dist/esm/utils/hct-color-utils/math-utils.js

@@ -80,20 +80,6 @@ export function clampDouble(min, max, input) {
   return input;
 }
 
-/**
- * Sanitizes a degree measure as an integer.
- *
- * @return a degree measure between 0 (inclusive) and 360
- * (exclusive).
- */
-export function sanitizeDegreesInt(degrees) {
-  degrees = degrees % 360;
-  if (degrees < 0) {
-    degrees = degrees + 360;
-  }
-  return degrees;
-}
-
 /**
  * Sanitizes a degree measure as a floating-point number.
  *
@@ -108,32 +94,6 @@ export function sanitizeDegreesDouble(degrees) {
   return degrees;
 }
 
-/**
- * Sign of direction change needed to travel from one angle to
- * another.
- *
- * For angles that are 180 degrees apart from each other, both
- * directions have the same travel distance, so either direction is
- * shortest. The value 1.0 is returned in this case.
- *
- * @param from The angle travel starts from, in degrees.
- * @param to The angle travel ends at, in degrees.
- * @return -1 if decreasing from leads to the shortest travel
- * distance, 1 if increasing from leads to the shortest travel
- * distance.
- */
-export function rotationDirection(from, to) {
-  var increasingDifference = sanitizeDegreesDouble(to - from);
-  return increasingDifference <= 180.0 ? 1.0 : -1.0;
-}
-
-/**
- * Distance of two points on a circle, represented using degrees.
- */
-export function differenceDegrees(a, b) {
-  return 180.0 - Math.abs(Math.abs(a - b) - 180.0);
-}
-
 /**
  * Multiplies a 1x3 row vector with a 3x3 matrix.
  */

package/dist/types/constants.d.ts

@@ -2,7 +2,6 @@ export declare const THEME_DATA_ATTRIBUTE = "data-theme";
 export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
 export declare const CONTRAST_MODE_ATTRIBUTE = "data-contrast-mode";
 export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
-export declare const DEFAULT_THEME = "light";
 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";

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

@@ -20,7 +20,7 @@ export type ThemeOverrides = Themes;
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
  * In the future other types may be introduced such as typography.
  */
-export type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape';
+type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape';
 /**
  * Theme modes: The general purpose of a theme.
  * This attr is used to apply the appropriate system-preference option
@@ -33,8 +33,8 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
 /**
  * Contrast preferences: The system contrast preference
  */
-export declare const themeContrastModes: readonly ["more", "no-preference", "auto"];
-export type ThemeContrastModes = (typeof themeContrastModes)[number];
+declare const themeContrastModes: readonly ["more", "no-preference", "auto"];
+type ThemeContrastModes = (typeof themeContrastModes)[number];
 export type DataContrastModes = 'more' | 'no-preference' | 'auto';
 /**
  * Theme ids: The value that will be mounted to the DOM as a data attr
@@ -48,7 +48,7 @@ export type ThemeIds = (typeof themeIds)[number];
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export declare const themeOverrideIds: readonly [];
+declare const themeOverrideIds: readonly [];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
 export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-modernized", "typography-refreshed"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
@@ -57,7 +57,7 @@ export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
  * an extension with all token values marked as optional
  * to allow tokens to be overridden as required.
  */
-export type ExtensionThemeId = ThemeIds;
+type ExtensionThemeId = ThemeIds;
 /**
  * Palettes: The set of base tokens a given theme may be populated with.
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our

package/dist/types/types.d.ts

@@ -1,15 +1,15 @@
 import type { InternalTokenIds } from './artifacts/types-internal';
 export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing';
-export type ActiveTokenState = 'active';
-export type DeprecatedTokenState = 'deprecated';
-export type DeletedTokenState = 'deleted';
-export type ExperimentalTokenState = 'experimental';
-export type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
-export type Replacement = InternalTokenIds | InternalTokenIds[];
-export type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
-export type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
-export type ValueCategory = 'opacity';
-export interface Token<TValue, Group extends Groups> {
+type ActiveTokenState = 'active';
+type DeprecatedTokenState = 'deprecated';
+type DeletedTokenState = 'deleted';
+type ExperimentalTokenState = 'experimental';
+type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
+type Replacement = InternalTokenIds | InternalTokenIds[];
+type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
+type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
+type ValueCategory = 'opacity';
+interface Token<TValue, Group extends Groups> {
     value: TValue;
     attributes: {
         group: Group;
@@ -62,7 +62,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         suggest?: string[];
     };
 }
-export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
+interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
     attributes: DesignToken<TValue, 'typography'>['attributes'];
 }
 type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -78,13 +78,13 @@ export type DeepPartial<T> = T extends object ? {
 export type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
 export type ExtendedValueSchema<Schema extends object> = DeepPartial<ValueSchema<Schema>>;
 export type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
-export interface PaletteToken extends BaseToken<string, 'palette'> {
+interface PaletteToken extends BaseToken<string, 'palette'> {
     attributes: {
         group: 'palette';
         category: PaletteCategory;
     };
 }
-export interface ValueToken extends BaseToken<number, 'palette'> {
+interface ValueToken extends BaseToken<number, 'palette'> {
     attributes: {
         group: 'palette';
         category: ValueCategory;
@@ -105,11 +105,8 @@ export type ShadowToken<BaseToken> = DesignToken<Array<{
 export type OpacityToken = DesignToken<string, 'opacity'>;
 export type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
 export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
-export type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
 export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
-export type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
-export type LetterSpacingToken<BaseToken> = DesignToken<BaseToken, 'letterSpacing'>;
 export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
 export type RawToken = DesignToken<string, 'raw'>;
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
@@ -954,9 +951,6 @@ export interface OpacityTokenSchema {
         disabled: OpacityToken;
     };
 }
-export type ElevationTokenSchema<BaseToken> = SurfaceTokenSchema<BaseToken> & ShadowTokenSchema<BaseToken>;
-export type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<BaseToken> & BorderColorTokenSchema<BaseToken> & IconColorTokenSchema<BaseToken> & TextColorTokenSchema<BaseToken> & AccentColorTokenSchema<BaseToken> & UtilTokenSchema<BaseToken>;
-export type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
 export interface SpacingTokenSchema<BaseToken> {
     space: {
         '0': SpacingToken<BaseToken>;

package/dist/types/utils/hct-color-utils/color-utils.d.ts

@@ -10,34 +10,10 @@ export declare function argbFromRgb(red: number, green: number, blue: number): n
  * Converts a color from linear RGB components to ARGB format.
  */
 export declare function argbFromLinrgb(linrgb: number[]): number;
-/**
- * Returns the alpha component of a color in ARGB format.
- */
-export declare function alphaFromArgb(argb: number): number;
-/**
- * Returns the red component of a color in ARGB format.
- */
-export declare function redFromArgb(argb: number): number;
-/**
- * Returns the green component of a color in ARGB format.
- */
-export declare function greenFromArgb(argb: number): number;
-/**
- * Returns the blue component of a color in ARGB format.
- */
-export declare function blueFromArgb(argb: number): number;
-/**
- * Returns whether a color in ARGB format is opaque.
- */
-export declare function isOpaque(argb: number): boolean;
 /**
  * Converts a color from ARGB to XYZ.
  */
 export declare function argbFromXyz(x: number, y: number, z: number): number;
-/**
- * Converts a color from XYZ to ARGB.
- */
-export declare function xyzFromArgb(argb: number): number[];
 /**
  * Converts an L* value to an ARGB representation.
  *
@@ -109,7 +85,7 @@ export declare function whitePointD65(): number[];
  * @param b Blue value should be between 0-255
  * @param a Alpha value should be between 0-255
  */
-export interface Rgba {
+interface Rgba {
     r: number;
     g: number;
     b: number;
@@ -129,3 +105,4 @@ export declare function rgbaFromArgb(argb: number): Rgba;
  * @returns ARGB representation of a int32 color.
  */
 export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
+export {};

package/dist/types/utils/hct-color-utils/math-utils.d.ts

@@ -47,13 +47,6 @@ export declare function clampInt(min: number, max: number, input: number): numbe
  * otherwise.
  */
 export declare function clampDouble(min: number, max: number, input: number): number;
-/**
- * Sanitizes a degree measure as an integer.
- *
- * @return a degree measure between 0 (inclusive) and 360
- * (exclusive).
- */
-export declare function sanitizeDegreesInt(degrees: number): number;
 /**
  * Sanitizes a degree measure as a floating-point number.
  *
@@ -61,25 +54,6 @@ export declare function sanitizeDegreesInt(degrees: number): number;
  * (exclusive).
  */
 export declare function sanitizeDegreesDouble(degrees: number): number;
-/**
- * Sign of direction change needed to travel from one angle to
- * another.
- *
- * For angles that are 180 degrees apart from each other, both
- * directions have the same travel distance, so either direction is
- * shortest. The value 1.0 is returned in this case.
- *
- * @param from The angle travel starts from, in degrees.
- * @param to The angle travel ends at, in degrees.
- * @return -1 if decreasing from leads to the shortest travel
- * distance, 1 if increasing from leads to the shortest travel
- * distance.
- */
-export declare function rotationDirection(from: number, to: number): number;
-/**
- * Distance of two points on a circle, represented using degrees.
- */
-export declare function differenceDegrees(a: number, b: number): number;
 /**
  * Multiplies a 1x3 row vector with a 3x3 matrix.
  */

package/dist/types-ts4.5/constants.d.ts

@@ -2,7 +2,6 @@ export declare const THEME_DATA_ATTRIBUTE = "data-theme";
 export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
 export declare const CONTRAST_MODE_ATTRIBUTE = "data-contrast-mode";
 export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
-export declare const DEFAULT_THEME = "light";
 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";

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

@@ -20,7 +20,7 @@ export type ThemeOverrides = Themes;
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
  * In the future other types may be introduced such as typography.
  */
-export type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape';
+type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape';
 /**
  * Theme modes: The general purpose of a theme.
  * This attr is used to apply the appropriate system-preference option
@@ -37,12 +37,12 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
 /**
  * Contrast preferences: The system contrast preference
  */
-export declare const themeContrastModes: readonly [
+declare const themeContrastModes: readonly [
     "more",
     "no-preference",
     "auto"
 ];
-export type ThemeContrastModes = (typeof themeContrastModes)[number];
+type ThemeContrastModes = (typeof themeContrastModes)[number];
 export type DataContrastModes = 'more' | 'no-preference' | 'auto';
 /**
  * Theme ids: The value that will be mounted to the DOM as a data attr
@@ -72,7 +72,7 @@ export type ThemeIds = (typeof themeIds)[number];
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export declare const themeOverrideIds: readonly [
+declare const themeOverrideIds: readonly [
 ];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
 export declare const themeIdsWithOverrides: readonly [
@@ -98,7 +98,7 @@ export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
  * an extension with all token values marked as optional
  * to allow tokens to be overridden as required.
  */
-export type ExtensionThemeId = ThemeIds;
+type ExtensionThemeId = ThemeIds;
 /**
  * Palettes: The set of base tokens a given theme may be populated with.
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our

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

@@ -1,15 +1,15 @@
 import type { InternalTokenIds } from './artifacts/types-internal';
 export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing';
-export type ActiveTokenState = 'active';
-export type DeprecatedTokenState = 'deprecated';
-export type DeletedTokenState = 'deleted';
-export type ExperimentalTokenState = 'experimental';
-export type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
-export type Replacement = InternalTokenIds | InternalTokenIds[];
-export type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
-export type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
-export type ValueCategory = 'opacity';
-export interface Token<TValue, Group extends Groups> {
+type ActiveTokenState = 'active';
+type DeprecatedTokenState = 'deprecated';
+type DeletedTokenState = 'deleted';
+type ExperimentalTokenState = 'experimental';
+type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
+type Replacement = InternalTokenIds | InternalTokenIds[];
+type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
+type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
+type ValueCategory = 'opacity';
+interface Token<TValue, Group extends Groups> {
     value: TValue;
     attributes: {
         group: Group;
@@ -62,7 +62,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         suggest?: string[];
     };
 }
-export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
+interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
     attributes: DesignToken<TValue, 'typography'>['attributes'];
 }
 type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -78,13 +78,13 @@ export type DeepPartial<T> = T extends object ? {
 export type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
 export type ExtendedValueSchema<Schema extends object> = DeepPartial<ValueSchema<Schema>>;
 export type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
-export interface PaletteToken extends BaseToken<string, 'palette'> {
+interface PaletteToken extends BaseToken<string, 'palette'> {
     attributes: {
         group: 'palette';
         category: PaletteCategory;
     };
 }
-export interface ValueToken extends BaseToken<number, 'palette'> {
+interface ValueToken extends BaseToken<number, 'palette'> {
     attributes: {
         group: 'palette';
         category: ValueCategory;
@@ -105,11 +105,8 @@ export type ShadowToken<BaseToken> = DesignToken<Array<{
 export type OpacityToken = DesignToken<string, 'opacity'>;
 export type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
 export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
-export type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
 export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
-export type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
-export type LetterSpacingToken<BaseToken> = DesignToken<BaseToken, 'letterSpacing'>;
 export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
 export type RawToken = DesignToken<string, 'raw'>;
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
@@ -954,9 +951,6 @@ export interface OpacityTokenSchema {
         disabled: OpacityToken;
     };
 }
-export type ElevationTokenSchema<BaseToken> = SurfaceTokenSchema<BaseToken> & ShadowTokenSchema<BaseToken>;
-export type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<BaseToken> & BorderColorTokenSchema<BaseToken> & IconColorTokenSchema<BaseToken> & TextColorTokenSchema<BaseToken> & AccentColorTokenSchema<BaseToken> & UtilTokenSchema<BaseToken>;
-export type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
 export interface SpacingTokenSchema<BaseToken> {
     space: {
         '0': SpacingToken<BaseToken>;

package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts

@@ -10,34 +10,10 @@ export declare function argbFromRgb(red: number, green: number, blue: number): n
  * Converts a color from linear RGB components to ARGB format.
  */
 export declare function argbFromLinrgb(linrgb: number[]): number;
-/**
- * Returns the alpha component of a color in ARGB format.
- */
-export declare function alphaFromArgb(argb: number): number;
-/**
- * Returns the red component of a color in ARGB format.
- */
-export declare function redFromArgb(argb: number): number;
-/**
- * Returns the green component of a color in ARGB format.
- */
-export declare function greenFromArgb(argb: number): number;
-/**
- * Returns the blue component of a color in ARGB format.
- */
-export declare function blueFromArgb(argb: number): number;
-/**
- * Returns whether a color in ARGB format is opaque.
- */
-export declare function isOpaque(argb: number): boolean;
 /**
  * Converts a color from ARGB to XYZ.
  */
 export declare function argbFromXyz(x: number, y: number, z: number): number;
-/**
- * Converts a color from XYZ to ARGB.
- */
-export declare function xyzFromArgb(argb: number): number[];
 /**
  * Converts an L* value to an ARGB representation.
  *
@@ -109,7 +85,7 @@ export declare function whitePointD65(): number[];
  * @param b Blue value should be between 0-255
  * @param a Alpha value should be between 0-255
  */
-export interface Rgba {
+interface Rgba {
     r: number;
     g: number;
     b: number;
@@ -129,3 +105,4 @@ export declare function rgbaFromArgb(argb: number): Rgba;
  * @returns ARGB representation of a int32 color.
  */
 export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
+export {};

package/dist/types-ts4.5/utils/hct-color-utils/math-utils.d.ts

@@ -47,13 +47,6 @@ export declare function clampInt(min: number, max: number, input: number): numbe
  * otherwise.
  */
 export declare function clampDouble(min: number, max: number, input: number): number;
-/**
- * Sanitizes a degree measure as an integer.
- *
- * @return a degree measure between 0 (inclusive) and 360
- * (exclusive).
- */
-export declare function sanitizeDegreesInt(degrees: number): number;
 /**
  * Sanitizes a degree measure as a floating-point number.
  *
@@ -61,25 +54,6 @@ export declare function sanitizeDegreesInt(degrees: number): number;
  * (exclusive).
  */
 export declare function sanitizeDegreesDouble(degrees: number): number;
-/**
- * Sign of direction change needed to travel from one angle to
- * another.
- *
- * For angles that are 180 degrees apart from each other, both
- * directions have the same travel distance, so either direction is
- * shortest. The value 1.0 is returned in this case.
- *
- * @param from The angle travel starts from, in degrees.
- * @param to The angle travel ends at, in degrees.
- * @return -1 if decreasing from leads to the shortest travel
- * distance, 1 if increasing from leads to the shortest travel
- * distance.
- */
-export declare function rotationDirection(from: number, to: number): number;
-/**
- * Distance of two points on a circle, represented using degrees.
- */
-export declare function differenceDegrees(a: number, b: number): number;
 /**
  * Multiplies a 1x3 row vector with a 3x3 matrix.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "4.4.1",
+	"version": "4.5.1",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,40 +42,50 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "^2.0.0",
 		"@af/formatting": "^0.0.4",
+		"@af/visual-regression": "^1.3.0",
+		"@atlaskit/avatar": "^25.0.0",
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/code": "^16.0.0",
+		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/dropdown-menu": "^13.0.0",
+		"@atlaskit/dynamic-table": "^18.0.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/grid": "^0.18.0",
+		"@atlaskit/heading": "^5.1.0",
+		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/inline-message": "^14.0.0",
+		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/lozenge": "^12.2.0",
+		"@atlaskit/popup": "^2.0.0",
+		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/radio": "^8.0.0",
+		"@atlaskit/section-message": "^8.2.0",
+		"@atlaskit/select": "^20.0.0",
+		"@atlaskit/tag": "^14.0.0",
+		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tooltip": "^20.0.0",
-		"@atlaskit/visual-regression": "^0.10.0",
 		"@atlassian/codegen": "^0.1.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/ts-loader": "^0.1.0",
 		"@babel/core": "7.24.9",
 		"@emotion/react": "^11.7.1",
 		"@hypermod/utils": "^0.4.2",
-		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
-		"@testing-library/user-event": "^14.4.3",
-		"@types/chrome": "^0.0.171",
 		"color-blend": "^4.0.0",
-		"copy-webpack-plugin": "^6.4.0",
 		"echarts": "^5.4.1",
 		"echarts-for-react": "^3.0.2",
-		"fuse.js": "^6.6.2",
 		"jscodeshift": "^0.13.0",
 		"lodash": "^4.17.21",
 		"postcss": "^8.4.7",
 		"postcss-less": "^6.0.0",
-		"prettier": "^3.2.5",
 		"react": "^18.2.0",
-		"react-use-clipboard": "^1.0.0",
 		"react-window": "^1.8.8",
-		"recharts": "^2.15.1",
 		"style-dictionary": "^3.8.0",
 		"typescript": "~5.4.2"
 	},