@atlaskit/tokens 4.5.0 → 4.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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/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/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.5.0",
+	"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"
 	},