@atlaskit/tokens 13.0.4 → 13.1.1

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

@@ -1,85 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { themeIds } from './theme-ids';
-var themeKinds = ['light', 'dark', 'spacing', 'typography', 'shape', 'motion'];
-var customThemeOptions = 'UNSAFE_themeOptions';
-var isThemeKind = function isThemeKind(themeKind) {
-  return themeKinds.find(function (kind) {
-    return kind === themeKind;
-  }) !== undefined;
-};
-var isThemeIds = function isThemeIds(themeId) {
-  return themeIds.find(function (id) {
-    return id === themeId;
-  }) !== undefined;
-};
-var isColorMode = function isColorMode(modeId) {
-  return ['light', 'dark', 'auto'].includes(modeId);
-};
-/**
- * Converts a string that is formatted for the `data-theme` HTML attribute
- * to an object that can be passed to `setGlobalTheme`.
- *
- * @param {string} themes The themes that should be applied.
- *
- * @example
- * ```
- * themeStringToObject('dark:dark light:light spacing:spacing');
- * // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
- * ```
- */
-export var themeStringToObject = function themeStringToObject(themeState) {
-  return themeState.split(' ')
-  // @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
-  .map(function (theme) {
-    return theme.split(/:([^]*)/);
-  }).reduce(function (themeObject, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      kind = _ref2[0],
-      id = _ref2[1];
-    if (kind === 'colorMode' && isColorMode(id)) {
-      themeObject[kind] = id;
-    }
-    if (isThemeKind(kind) && isThemeIds(id)) {
-      // @ts-expect-error FIXME - this is a valid ts error
-      themeObject[kind] = id;
-    }
-    if (kind === customThemeOptions) {
-      try {
-        themeObject[customThemeOptions] = JSON.parse(id);
-      } catch (_unused) {
-        new Error('Invalid custom theme string');
-      }
-    }
-    return themeObject;
-  }, {});
-};
-
-/**
- * Converts a theme object to a string formatted for the `data-theme` HTML attribute.
- *
- * @param {object} themes The themes that should be applied.
- *
- * @example
- * ```
- * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
- * // returns 'dark:dark light:light spacing:spacing'
- * ```
- */
-export var themeObjectToString = function themeObjectToString(themeState) {
-  return Object.entries(themeState).reduce(function (themeString, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      kind = _ref4[0],
-      id = _ref4[1];
-    if (
-    // colorMode theme state
-    kind === 'colorMode' && typeof id === 'string' && isColorMode(id) ||
-    // custom theme state
-    kind === customThemeOptions && _typeof(id) === 'object' ||
-    // other theme states
-    isThemeKind(kind) && typeof id === 'string' && isThemeIds(id)) {
-      return themeString + "".concat(themeString ? ' ' : '') + "".concat(kind, ":").concat(_typeof(id) === 'object' ? JSON.stringify(id) : id);
-    }
-    return themeString;
-  }, '');
-};

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

@@ -1,130 +0,0 @@
-import { getAlpha } from './get-alpha';
-import { relativeLuminanceW3C } from './relative-luminance-w3-c';
-// valid hex color with 4, 6 or 8 digits
-var isValidHex = function isValidHex(hex) {
-  return /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
-};
-export function hexToRgbA(hex) {
-  if (!isValidHex(hex)) {
-    throw new Error('Invalid HEX');
-  }
-  var c;
-  c = hex.substring(1).split('');
-  if (c.length === 3) {
-    c = [c[0], c[0], c[1], c[1], c[2], c[2]];
-  }
-  c = '0x' + c.join('');
-  return [c >> 16 & 255, c >> 8 & 255, c & 255, getAlpha(hex)];
-}
-export function hexToRgb(hex) {
-  if (!isValidHex(hex)) {
-    throw new Error('Invalid HEX');
-  }
-  var c;
-  c = hex.substring(1).split('');
-  if (c.length === 3) {
-    c = [c[0], c[0], c[1], c[1], c[2], c[2]];
-  }
-  c = '0x' + c.join('');
-  return [c >> 16 & 255, c >> 8 & 255, c & 255];
-}
-export function hexToHSL(hex) {
-  if (!isValidHex(hex)) {
-    throw new Error('Invalid HEX');
-  }
-  var r = 0,
-    g = 0,
-    b = 0;
-  if (hex.length === 4) {
-    r = '0x' + hex[1] + hex[1];
-    g = '0x' + hex[2] + hex[2];
-    b = '0x' + hex[3] + hex[3];
-  } else if (hex.length === 7) {
-    r = '0x' + hex[1] + hex[2];
-    g = '0x' + hex[3] + hex[4];
-    b = '0x' + hex[5] + hex[6];
-  }
-  // Then to HSL
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  var cmin = Math.min(r, g, b),
-    cmax = Math.max(r, g, b),
-    delta = cmax - cmin,
-    h = 0,
-    s = 0,
-    l = 0;
-  if (delta === 0) {
-    h = 0;
-  } else if (cmax === r) {
-    h = (g - b) / delta % 6;
-  } else if (cmax === g) {
-    h = (b - r) / delta + 2;
-  } else {
-    h = (r - g) / delta + 4;
-  }
-  h = Math.round(h * 60);
-  if (h < 0) {
-    h += 360;
-  }
-  l = (cmax + cmin) / 2;
-  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
-  s = +(s * 100).toFixed(1);
-  l = +(l * 100).toFixed(1);
-  return [h, s, l];
-}
-export function getContrastRatio(foreground, background) {
-  if (!isValidHex(foreground) || !isValidHex(background)) {
-    throw new Error('Invalid HEX');
-  }
-  var foregroundRgb = hexToRgb(foreground);
-  var backgroundRgb = hexToRgb(background);
-  var foregroundLuminance = relativeLuminanceW3C(foregroundRgb[0], foregroundRgb[1], foregroundRgb[2]);
-  var backgroundLuminance = relativeLuminanceW3C(backgroundRgb[0], backgroundRgb[1], backgroundRgb[2]);
-  // calculate the color contrast ratio
-  var brightest = Math.max(foregroundLuminance, backgroundLuminance);
-  var darkest = Math.min(foregroundLuminance, backgroundLuminance);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-export function deltaE(rgbA, rgbB) {
-  var labA = rgbToLab(rgbA);
-  var labB = rgbToLab(rgbB);
-  var deltaL = labA[0] - labB[0];
-  var deltaA = labA[1] - labB[1];
-  var deltaB = labA[2] - labB[2];
-  var c1 = Math.sqrt(labA[1] * labA[1] + labA[2] * labA[2]);
-  var c2 = Math.sqrt(labB[1] * labB[1] + labB[2] * labB[2]);
-  var deltaC = c1 - c2;
-  var deltaH = deltaA * deltaA + deltaB * deltaB - deltaC * deltaC;
-  deltaH = deltaH < 0 ? 0 : Math.sqrt(deltaH);
-  var sc = 1.0 + 0.045 * c1;
-  var sh = 1.0 + 0.015 * c1;
-  var deltaLKlsl = deltaL / 1.0;
-  var deltaCkcsc = deltaC / sc;
-  var deltaHkhsh = deltaH / sh;
-  var i = deltaLKlsl * deltaLKlsl + deltaCkcsc * deltaCkcsc + deltaHkhsh * deltaHkhsh;
-  return i < 0 ? 0 : Math.sqrt(i);
-}
-function rgbToLab(rgb) {
-  var r = rgb[0] / 255,
-    g = rgb[1] / 255,
-    b = rgb[2] / 255,
-    x,
-    y,
-    z;
-  r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
-  g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
-  b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
-  x = (r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047;
-  y = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 1.0;
-  z = (r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883;
-  x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;
-  y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;
-  z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;
-  return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
-}
-export { isValidBrandHex } from './is-valid-brand-hex';
-export { rgbToHex } from './rgb-to-hex';
-export { getAlpha } from './get-alpha';
-export { HSLToRGB } from './hsl-to-rgb';
-export { relativeLuminanceW3C } from './relative-luminance-w3-c';

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

@@ -1,240 +0,0 @@
-/**
- * Below lines are copied from @material/material-color-utilities.
- * Do not modify it.
- */
-
-/**
- * @license
- * Copyright 2021 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// This file is automatically generated. Do not modify it.
-
-import { argbFromRgb } from './argb-from-rgb';
-import { delinearized } from './delinearized';
-import { linearized } from './linearized';
-import * as mathUtils from './math-utils';
-/**
- * Color science utilities.
- *
- * Utility methods for color science constants and color space
- * conversions that aren't HCT or CAM16.
- */
-
-var SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]];
-var XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
-var WHITE_POINT_D65 = [95.047, 100.0, 108.883];
-
-/**
- * Converts a color from linear RGB components to ARGB format.
- */
-export function argbFromLinrgb(linrgb) {
-  var r = delinearized(linrgb[0]);
-  var g = delinearized(linrgb[1]);
-  var b = delinearized(linrgb[2]);
-  return argbFromRgb(r, g, b);
-}
-
-/**
- * Returns the alpha component of a color in ARGB format.
- */
-function alphaFromArgb(argb) {
-  return argb >> 24 & 255;
-}
-
-/**
- * Returns the red component of a color in ARGB format.
- */
-function redFromArgb(argb) {
-  return argb >> 16 & 255;
-}
-
-/**
- * Returns the green component of a color in ARGB format.
- */
-function greenFromArgb(argb) {
-  return argb >> 8 & 255;
-}
-
-/**
- * Returns the blue component of a color in ARGB format.
- */
-function blueFromArgb(argb) {
-  return argb & 255;
-}
-
-/**
- * Converts a color from ARGB to XYZ.
- */
-export function argbFromXyz(x, y, z) {
-  var matrix = XYZ_TO_SRGB;
-  var linearR = matrix[0][0] * x + matrix[0][1] * y + matrix[0][2] * z;
-  var linearG = matrix[1][0] * x + matrix[1][1] * y + matrix[1][2] * z;
-  var linearB = matrix[2][0] * x + matrix[2][1] * y + matrix[2][2] * z;
-  var r = delinearized(linearR);
-  var g = delinearized(linearG);
-  var b = delinearized(linearB);
-  return argbFromRgb(r, g, b);
-}
-
-/**
- * Converts a color from XYZ to ARGB.
- */
-function xyzFromArgb(argb) {
-  var r = linearized(redFromArgb(argb));
-  var g = linearized(greenFromArgb(argb));
-  var b = linearized(blueFromArgb(argb));
-  return mathUtils.matrixMultiply([r, g, b], SRGB_TO_XYZ);
-}
-
-/**
- * Converts an L* value to an ARGB representation.
- *
- * @param lstar L* in L*a*b*
- * @return ARGB representation of grayscale color with lightness
- * matching L*
- */
-export function argbFromLstar(lstar) {
-  var y = yFromLstar(lstar);
-  var component = delinearized(y);
-  return argbFromRgb(component, component, component);
-}
-
-/**
- * Computes the L* value of a color in ARGB representation.
- *
- * @param argb ARGB representation of a color
- * @return L*, from L*a*b*, coordinate of the color
- */
-export function lstarFromArgb(argb) {
-  var y = xyzFromArgb(argb)[1];
-  return 116.0 * labF(y / 100.0) - 16.0;
-}
-
-/**
- * Converts an L* value to a Y value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param lstar L* in L*a*b*
- * @return Y in XYZ
- */
-export function yFromLstar(lstar) {
-  return 100.0 * labInvf((lstar + 16.0) / 116.0);
-}
-
-/**
- * Converts a Y value to an L* value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param y Y in XYZ
- * @return L* in L*a*b*
- */
-export function lstarFromY(y) {
-  return labF(y / 100.0) * 116.0 - 16.0;
-}
-
-/**
- * Returns the standard white point; white on a sunny day.
- *
- * @return The white point
- */
-export function whitePointD65() {
-  return WHITE_POINT_D65;
-}
-
-/**
- * RGBA component
- *
- * @param r Red value should be between 0-255
- * @param g Green value should be between 0-255
- * @param b Blue value should be between 0-255
- * @param a Alpha value should be between 0-255
- */
-
-/**
- * Return RGBA from a given int32 color
- *
- * @param argb ARGB representation of a int32 color.
- * @return RGBA representation of a int32 color.
- */
-export function rgbaFromArgb(argb) {
-  var r = redFromArgb(argb);
-  var g = greenFromArgb(argb);
-  var b = blueFromArgb(argb);
-  var a = alphaFromArgb(argb);
-  return {
-    r: r,
-    g: g,
-    b: b,
-    a: a
-  };
-}
-
-/**
- * Return int32 color from a given RGBA component
- *
- * @param rgba RGBA representation of a int32 color.
- * @returns ARGB representation of a int32 color.
- */
-export function argbFromRgba(_ref) {
-  var r = _ref.r,
-    g = _ref.g,
-    b = _ref.b,
-    a = _ref.a;
-  var rValue = clampComponent(r);
-  var gValue = clampComponent(g);
-  var bValue = clampComponent(b);
-  var aValue = clampComponent(a);
-  return aValue << 24 | rValue << 16 | gValue << 8 | bValue;
-}
-function clampComponent(value) {
-  if (value < 0) {
-    return 0;
-  }
-  if (value > 255) {
-    return 255;
-  }
-  return value;
-}
-function labF(t) {
-  var e = 216.0 / 24389.0;
-  var kappa = 24389.0 / 27.0;
-  if (t > e) {
-    return Math.pow(t, 1.0 / 3.0);
-  } else {
-    return (kappa * t + 16) / 116;
-  }
-}
-function labInvf(ft) {
-  var e = 216.0 / 24389.0;
-  var kappa = 24389.0 / 27.0;
-  var ft3 = ft * ft * ft;
-  if (ft3 > e) {
-    return ft3;
-  } else {
-    return (116 * ft - 16) / kappa;
-  }
-}
-export { argbFromRgb } from './argb-from-rgb';
-export { linearized } from './linearized';
-export { delinearized } from './delinearized';

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

@@ -1,10 +0,0 @@
-export declare function hexToRgbA(hex: string): [number, number, number, number];
-export declare function hexToRgb(hex: string): [number, number, number];
-export declare function hexToHSL(hex: string): [number, number, number];
-export declare function getContrastRatio(foreground: string, background: string): number;
-export declare function deltaE(rgbA: number[], rgbB: number[]): number;
-export { isValidBrandHex } from './is-valid-brand-hex';
-export { rgbToHex } from './rgb-to-hex';
-export { getAlpha } from './get-alpha';
-export { HSLToRGB } from './hsl-to-rgb';
-export { relativeLuminanceW3C } from './relative-luminance-w3-c';

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

@@ -1,88 +0,0 @@
-/**
- * Below lines are copied from @material/material-color-utilities.
- * Do not modify it.
- */
-/**
- * Converts a color from linear RGB components to ARGB format.
- */
-export declare function argbFromLinrgb(linrgb: number[]): number;
-/**
- * Converts a color from ARGB to XYZ.
- */
-export declare function argbFromXyz(x: number, y: number, z: number): number;
-/**
- * Converts an L* value to an ARGB representation.
- *
- * @param lstar L* in L*a*b*
- * @return ARGB representation of grayscale color with lightness
- * matching L*
- */
-export declare function argbFromLstar(lstar: number): number;
-/**
- * Computes the L* value of a color in ARGB representation.
- *
- * @param argb ARGB representation of a color
- * @return L*, from L*a*b*, coordinate of the color
- */
-export declare function lstarFromArgb(argb: number): number;
-/**
- * Converts an L* value to a Y value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param lstar L* in L*a*b*
- * @return Y in XYZ
- */
-export declare function yFromLstar(lstar: number): number;
-/**
- * Converts a Y value to an L* value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param y Y in XYZ
- * @return L* in L*a*b*
- */
-export declare function lstarFromY(y: number): number;
-/**
- * Returns the standard white point; white on a sunny day.
- *
- * @return The white point
- */
-export declare function whitePointD65(): number[];
-/**
- * RGBA component
- *
- * @param r Red value should be between 0-255
- * @param g Green value should be between 0-255
- * @param b Blue value should be between 0-255
- * @param a Alpha value should be between 0-255
- */
-interface Rgba {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-/**
- * Return RGBA from a given int32 color
- *
- * @param argb ARGB representation of a int32 color.
- * @return RGBA representation of a int32 color.
- */
-export declare function rgbaFromArgb(argb: number): Rgba;
-/**
- * Return int32 color from a given RGBA component
- *
- * @param rgba RGBA representation of a int32 color.
- * @returns ARGB representation of a int32 color.
- */
-export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
-export { argbFromRgb } from './argb-from-rgb';
-export { linearized } from './linearized';
-export { delinearized } from './delinearized';

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

@@ -1,23 +0,0 @@
-export declare function hexToRgbA(hex: string): [
-    number,
-    number,
-    number,
-    number
-];
-export declare function hexToRgb(hex: string): [
-    number,
-    number,
-    number
-];
-export declare function hexToHSL(hex: string): [
-    number,
-    number,
-    number
-];
-export declare function getContrastRatio(foreground: string, background: string): number;
-export declare function deltaE(rgbA: number[], rgbB: number[]): number;
-export { isValidBrandHex } from './is-valid-brand-hex';
-export { rgbToHex } from './rgb-to-hex';
-export { getAlpha } from './get-alpha';
-export { HSLToRGB } from './hsl-to-rgb';
-export { relativeLuminanceW3C } from './relative-luminance-w3-c';

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

@@ -1,88 +0,0 @@
-/**
- * Below lines are copied from @material/material-color-utilities.
- * Do not modify it.
- */
-/**
- * Converts a color from linear RGB components to ARGB format.
- */
-export declare function argbFromLinrgb(linrgb: number[]): number;
-/**
- * Converts a color from ARGB to XYZ.
- */
-export declare function argbFromXyz(x: number, y: number, z: number): number;
-/**
- * Converts an L* value to an ARGB representation.
- *
- * @param lstar L* in L*a*b*
- * @return ARGB representation of grayscale color with lightness
- * matching L*
- */
-export declare function argbFromLstar(lstar: number): number;
-/**
- * Computes the L* value of a color in ARGB representation.
- *
- * @param argb ARGB representation of a color
- * @return L*, from L*a*b*, coordinate of the color
- */
-export declare function lstarFromArgb(argb: number): number;
-/**
- * Converts an L* value to a Y value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param lstar L* in L*a*b*
- * @return Y in XYZ
- */
-export declare function yFromLstar(lstar: number): number;
-/**
- * Converts a Y value to an L* value.
- *
- * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
- *
- * L* measures perceptual luminance, a linear scale. Y in XYZ
- * measures relative luminance, a logarithmic scale.
- *
- * @param y Y in XYZ
- * @return L* in L*a*b*
- */
-export declare function lstarFromY(y: number): number;
-/**
- * Returns the standard white point; white on a sunny day.
- *
- * @return The white point
- */
-export declare function whitePointD65(): number[];
-/**
- * RGBA component
- *
- * @param r Red value should be between 0-255
- * @param g Green value should be between 0-255
- * @param b Blue value should be between 0-255
- * @param a Alpha value should be between 0-255
- */
-interface Rgba {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-/**
- * Return RGBA from a given int32 color
- *
- * @param argb ARGB representation of a int32 color.
- * @return RGBA representation of a int32 color.
- */
-export declare function rgbaFromArgb(argb: number): Rgba;
-/**
- * Return int32 color from a given RGBA component
- *
- * @param rgba RGBA representation of a int32 color.
- * @returns ARGB representation of a int32 color.
- */
-export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
-export { argbFromRgb } from './argb-from-rgb';
-export { linearized } from './linearized';
-export { delinearized } from './delinearized';