@atlaskit/tokens 13.0.2 → 13.0.4

package/dist/es2019/get-theme-styles.js

@@ -1,8 +1,9 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { themeIdsWithOverrides, themeStateDefaults } from './theme-config';
-import { isValidBrandHex } from './utils/color-utils';
-import { getThemeOverridePreferences, getThemePreferences } from './utils/get-theme-preferences';
-import { loadThemeCss } from './utils/theme-loading';
+import { getThemeOverridePreferences } from './utils/get-theme-override-preferences';
+import { getThemePreferences } from './utils/get-theme-preferences';
+import { isValidBrandHex } from './utils/is-valid-brand-hex';
+import { loadThemeCss } from './utils/load-theme-css';
 /**
  * Takes an object containing theme preferences, and returns an array of objects for use in applying styles to the document head.
  * Only supplies the color themes necessary for initial render, based on the current themeState. I.e. if in light mode, dark mode themes are not returned.

package/dist/es2019/load-custom-theme-styles.js

@@ -1,7 +1,7 @@
 import { loadAndAppendCustomThemeCss } from './custom-theme';
 import { themeStateDefaults } from './theme-config';
-import { isValidBrandHex } from './utils/color-utils';
 import { findMissingCustomStyleElements } from './utils/custom-theme-loading-utils';
+import { isValidBrandHex } from './utils/is-valid-brand-hex';
 
 /**
  * Synchronously generates and applies custom theme styles to the page.

package/dist/es2019/set-global-theme.js

@@ -1,10 +1,11 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import getGlobalTheme from './get-global-theme';
 import { themeStateDefaults } from './theme-config';
-import { isValidBrandHex } from './utils/color-utils';
 import configurePage from './utils/configure-page';
 import { findMissingCustomStyleElements } from './utils/custom-theme-loading-utils';
-import { getThemeOverridePreferences, getThemePreferences } from './utils/get-theme-preferences';
+import { getThemeOverridePreferences } from './utils/get-theme-override-preferences';
+import { getThemePreferences } from './utils/get-theme-preferences';
+import { isValidBrandHex } from './utils/is-valid-brand-hex';
 import { loadAndAppendThemeCss } from './utils/theme-loading';
 
 /**

package/dist/es2019/theme-color-modes.js

@@ -0,0 +1,7 @@
+/**
+ * Theme modes: The general purpose of a theme.
+ * This attr is used to apply the appropriate system-preference option
+ * It may also be used as a selector for mode-specific overrides such as light/dark images.
+ * The idea is there may exist many color themes, but every theme must either fit into light or dark.
+ */
+export const themeColorModes = ['light', 'dark', 'auto'];

package/dist/es2019/theme-config.js

@@ -1,5 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-
+import { themeIds } from './theme-ids';
 /**
  * This file contains the source of truth for themes and all associated meta data.
  */
@@ -23,24 +23,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
  * In the future other types may be introduced such as typography.
  */
 
-/**
- * Theme modes: The general purpose of a theme.
- * This attr is used to apply the appropriate system-preference option
- * It may also be used as a selector for mode-specific overrides such as light/dark images.
- * The idea is there may exist many color themes, but every theme must either fit into light or dark.
- */
-export const themeColorModes = ['light', 'dark', 'auto'];
 /**
  * Contrast preferences: The system contrast preference
  */
 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"
- *
- * These ids must be kebab case
- */
-export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography', 'motion'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -206,4 +192,6 @@ export const themeStateDefaults = {
  * (the page doesn't have an "auto" color mode, it's either light or dark)
  */
 
-export default themeConfig;
+export default themeConfig;
+export { themeColorModes } from './theme-color-modes';
+export { themeIds } from './theme-ids';

package/dist/es2019/theme-ids.js

@@ -0,0 +1,7 @@
+/**
+ * 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"
+ *
+ * These ids must be kebab case
+ */
+export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography', 'motion'];

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

@@ -1,4 +1,4 @@
-import { themeIds } from './theme-config';
+import { themeIds } from './theme-ids';
 const themeKinds = ['light', 'dark', 'spacing', 'typography', 'shape', 'motion'];
 const customThemeOptions = 'UNSAFE_themeOptions';
 const isThemeKind = themeKind => {

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

@@ -1,13 +1,4 @@
-export const hexToRGBAValues = hex => {
-  const hexColor = hex.replace('#', '');
-  return {
-    r: parseInt(hexColor.slice(0, 2), 16),
-    g: parseInt(hexColor.slice(2, 4), 16),
-    b: parseInt(hexColor.slice(4, 6), 16),
-    a: parseFloat((parseInt(hexColor.slice(6, 8), 16) / 255).toFixed(2))
-  };
-};
-
+import { hexToRGBAValues } from './hex-to-rgba-values';
 /**
  * Returns a box shadow formatted for CSS from a ShadowToken raw value.
  *
@@ -25,4 +16,5 @@ export const getBoxShadow = rawShadow => rawShadow.map(({
     b
   } = hexToRGBAValues(color);
   return `${offset.x}px ${offset.y}px ${radius}px rgba(${r}, ${g}, ${b}, ${opacity})`;
-}).join(',');
+}).join(',');
+export { hexToRGBAValues } from './hex-to-rgba-values';

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

@@ -1,18 +1,7 @@
-// valid hex color with 6 digits
-export const isValidBrandHex = hex => /^#[0-9A-F]{6}$/i.test(hex);
-
+import { getAlpha } from './get-alpha';
+import { relativeLuminanceW3C } from './relative-luminance-w3-c';
 // valid hex color with 4, 6 or 8 digits
 const isValidHex = hex => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
-export function rgbToHex(r, g, b) {
-  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-}
-export function getAlpha(hex) {
-  if (hex.length === 9) {
-    const int = parseInt(hex.slice(7, 9), 16) / 255;
-    return Number(parseFloat(int.toString()).toFixed(2));
-  }
-  return 1;
-}
 export function hexToRgbA(hex) {
   if (!isValidHex(hex)) {
     throw new Error('Invalid HEX');
@@ -82,26 +71,6 @@ export function hexToHSL(hex) {
   l = +(l * 100).toFixed(1);
   return [h, s, l];
 }
-export function HSLToRGB(h, s, l) {
-  s /= 100;
-  l /= 100;
-  const k = n => (n + h / 30) % 12;
-  const a = s * Math.min(l, 1 - l);
-  const f = n => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
-  return [255 * f(0), 255 * f(8), 255 * f(4)];
-}
-export function relativeLuminanceW3C(r, g, b) {
-  const RsRGB = r / 255;
-  const GsRGB = g / 255;
-  const BsRGB = b / 255;
-  const R = RsRGB <= 0.03928 ? RsRGB / 12.92 : Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-  const G = GsRGB <= 0.03928 ? GsRGB / 12.92 : Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-  const B = BsRGB <= 0.03928 ? BsRGB / 12.92 : Math.pow((BsRGB + 0.055) / 1.055, 2.4);
-
-  // For the sRGB colorspace, the relative luminance of a color is defined as:
-  const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;
-  return L;
-}
 export function getContrastRatio(foreground, background) {
   if (!isValidHex(foreground) || !isValidHex(background)) {
     throw new Error('Invalid HEX');
@@ -151,4 +120,9 @@ function rgbToLab(rgb) {
   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/es2019/utils/custom-theme-loading-utils.js

@@ -16,16 +16,10 @@ export function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   });
   return attrOfMissingCustomStyles;
 }
-export function limitSizeOfCustomStyleElements(sizeThreshold) {
-  const styleTags = [...Array.from(document.head.querySelectorAll(`style[${CUSTOM_THEME_ATTRIBUTE}][${THEME_DATA_ATTRIBUTE}]`))];
-  if (styleTags.length < sizeThreshold) {
-    return;
-  }
-  styleTags.slice(0, styleTags.length - (sizeThreshold - 1)).forEach(element => element.remove());
-}
 export function reduceTokenMap(tokenMap, themeRamp) {
   return Object.entries(tokenMap).reduce((acc, [key, value]) => {
     const cssVar = tokens[key];
     return cssVar ? `${acc}\n  ${cssVar}: ${typeof value === 'string' ? value : themeRamp[value]};` : acc;
   }, '');
-}
+}
+export { limitSizeOfCustomStyleElements } from './limit-size-of-custom-style-elements';

package/dist/es2019/utils/generate-custom-color-ramp.js

@@ -1,22 +1,13 @@
 import rawTokensDark from '../artifacts/atlassian-dark-token-value-for-contrast-check';
-import { deltaE, getContrastRatio, hexToHSL, hexToRgb, hexToRgbA, HSLToRGB, relativeLuminanceW3C, rgbToHex } from './color-utils';
+import { getContrastRatio, hexToHSL, hexToRgbA } from './color-utils';
 import { additionalContrastChecker } from './custom-theme-token-contrast-check';
+import { getClosestColorIndex } from './get-closest-color-index';
 import { argbFromRgba, Contrast, Hct, rgbaFromArgb } from './hct-color-utils';
+import { HSLToRGB } from './hsl-to-rgb';
+import { relativeLuminanceW3C } from './relative-luminance-w3-c';
+import { rgbToHex } from './rgb-to-hex';
 const lowLuminanceContrastRatios = [1.12, 1.33, 2.03, 2.73, 3.33, 4.27, 5.2, 6.62, 12.46, 14.25];
 const highLuminanceContrastRatios = [1.08, 1.24, 1.55, 1.99, 2.45, 3.34, 4.64, 6.1, 10.19, 12.6];
-export const getClosestColorIndex = (themeRamp, brandColor) => {
-  // Iterate over themeRamp and find whichever color is closest to brandColor
-  let closestColorIndex = 0;
-  let closestColorDistance = null;
-  themeRamp.forEach((value, index) => {
-    const distance = deltaE(hexToRgb(value), hexToRgb(brandColor));
-    if (closestColorDistance === null || distance < closestColorDistance) {
-      closestColorIndex = index;
-      closestColorDistance = distance;
-    }
-  });
-  return closestColorIndex;
-};
 export const generateColors = brandColor => {
   // Determine luminance
   const HSLBrandColorHue = hexToHSL(brandColor)[0];
@@ -216,4 +207,5 @@ export const generateTokenMapWithContrastCheck = (brandColor, mode, themeRamp) =
     }
   });
   return result;
-};
+};
+export { getClosestColorIndex } from './get-closest-color-index';

package/dist/es2019/utils/get-alpha.js

@@ -0,0 +1,7 @@
+export function getAlpha(hex) {
+  if (hex.length === 9) {
+    const int = parseInt(hex.slice(7, 9), 16) / 255;
+    return Number(parseFloat(int.toString()).toFixed(2));
+  }
+  return 1;
+}

package/dist/es2019/utils/get-closest-color-index.js

@@ -0,0 +1,14 @@
+import { deltaE, hexToRgb } from './color-utils';
+export const getClosestColorIndex = (themeRamp, brandColor) => {
+  // Iterate over themeRamp and find whichever color is closest to brandColor
+  let closestColorIndex = 0;
+  let closestColorDistance = null;
+  themeRamp.forEach((value, index) => {
+    const distance = deltaE(hexToRgb(value), hexToRgb(brandColor));
+    if (closestColorDistance === null || distance < closestColorDistance) {
+      closestColorIndex = index;
+      closestColorDistance = distance;
+    }
+  });
+  return closestColorIndex;
+};

package/dist/es2019/utils/get-css-custom-property.js

@@ -0,0 +1,23 @@
+import { CSS_PREFIX, CSS_VAR_FULL } from '../constants';
+
+/**
+ * Transforms a style dictionary token path to a CSS custom property.
+ *
+ * A css prefix will be prepended and all [default] key words will be omitted
+ * from the path
+ *
+ * @example <caption>Passing a path as an array</caption>
+ * // Returns ds-background-bold
+ * getCSSCustomProperty(['color', 'background', 'bold', '[default]'])
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns ds-background-bold
+ * getCSSCustomProperty('color.background.bold.[default]')
+ */
+export const getCSSCustomProperty = path => {
+  const normalizedPath = typeof path === 'string' ? path.split('.') : path;
+
+  // Opacity and other 'shallow' groups are more readable when not trimmed
+  const slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
+  return `--${[CSS_PREFIX, ...normalizedPath.slice(slice)].filter(el => el !== '[default]').join('-')}`;
+};

package/dist/es2019/utils/get-fully-qualified-token-id.js

@@ -0,0 +1,11 @@
+/**
+ * Transforms a style dictionary token path to a fully qualified token id
+ * These Ids are intended to be used internal to this package by style-dictionary
+ *
+ * [default] key words will NOT be omitted from the path
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns color.background.bold.[default]
+ * getFullyQualifiedTokenId(['color', 'background', 'bold', '[default]'])
+ */
+export const getFullyQualifiedTokenId = path => path.join('.');

package/dist/es2019/utils/get-theme-override-preferences.js

@@ -0,0 +1,4 @@
+export const getThemeOverridePreferences = _themeState => {
+  const themeOverridePreferences = [];
+  return [...new Set(themeOverridePreferences)];
+};

package/dist/es2019/utils/get-theme-preferences.js

@@ -39,7 +39,4 @@ export const getThemePreferences = themeState => {
   });
   return [...new Set(themePreferences)];
 };
-export const getThemeOverridePreferences = _themeState => {
-  const themeOverridePreferences = [];
-  return [...new Set(themeOverridePreferences)];
-};
+export { getThemeOverridePreferences } from './get-theme-override-preferences';

package/dist/es2019/utils/get-token-id.js

@@ -0,0 +1,18 @@
+/**
+ * Transforms a style dictionary token path to a shorthand token id
+ * These ids will be typically be how tokens are interacted with via typescript and css
+ *
+ * All [default] key words will be omitted from the path
+ *
+ * @example <caption>Passing a path as an array</caption>
+ * // Returns color.background.bold
+ * getTokenId(['color', 'background', 'bold', '[default]'])
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns color.background.bold
+ * getTokenId('color.background.bold.[default]')
+ */
+export const getTokenId = path => {
+  const normalizedPath = typeof path === 'string' ? path.split('.') : path;
+  return normalizedPath.filter(el => el !== '[default]').join('.');
+};

package/dist/es2019/utils/hct-color-utils/argb-from-rgb.js

@@ -0,0 +1,6 @@
+/**
+ * Converts a color from RGB components to ARGB format.
+ */
+export function argbFromRgb(red, green, blue) {
+  return (255 << 24 | (red & 255) << 16 | (green & 255) << 8 | blue & 255) >>> 0;
+}

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

@@ -0,0 +1,14 @@
+/**
+ * Clamps an integer between two floating-point numbers.
+ *
+ * @return input when min <= input <= max, and either min or max
+ * otherwise.
+ */
+export function clampDouble(min, max, input) {
+  if (input < min) {
+    return min;
+  } else if (input > max) {
+    return max;
+  }
+  return input;
+}

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

@@ -0,0 +1,14 @@
+/**
+ * Clamps an integer between two integers.
+ *
+ * @return input when min <= input <= max, and either min or max
+ * otherwise.
+ */
+export function clampInt(min, max, input) {
+  if (input < min) {
+    return min;
+  } else if (input > max) {
+    return max;
+  }
+  return input;
+}

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

@@ -22,8 +22,10 @@
 
 // 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.
  *
@@ -35,13 +37,6 @@ const SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.07
 const XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
 const WHITE_POINT_D65 = [95.047, 100.0, 108.883];
 
-/**
- * Converts a color from RGB components to ARGB format.
- */
-export function argbFromRgb(red, green, blue) {
-  return (255 << 24 | (red & 255) << 16 | (green & 255) << 8 | blue & 255) >>> 0;
-}
-
 /**
  * Converts a color from linear RGB components to ARGB format.
  */
@@ -158,42 +153,6 @@ export function lstarFromY(y) {
   return labF(y / 100.0) * 116.0 - 16.0;
 }
 
-/**
- * Linearizes an RGB component.
- *
- * @param rgbComponent 0 <= rgb_component <= 255, represents R/G/B
- * channel
- * @return 0.0 <= output <= 100.0, color channel converted to
- * linear RGB space
- */
-export function linearized(rgbComponent) {
-  const normalized = rgbComponent / 255.0;
-  if (normalized <= 0.040449936) {
-    return normalized / 12.92 * 100.0;
-  } else {
-    return Math.pow((normalized + 0.055) / 1.055, 2.4) * 100.0;
-  }
-}
-
-/**
- * Delinearizes an RGB component.
- *
- * @param rgbComponent 0.0 <= rgb_component <= 100.0, represents
- * linear R/G/B channel
- * @return 0 <= output <= 255, color channel converted to regular
- * RGB space
- */
-export function delinearized(rgbComponent) {
-  const normalized = rgbComponent / 100.0;
-  let delinearized = 0.0;
-  if (normalized <= 0.0031308) {
-    delinearized = normalized * 12.92;
-  } else {
-    delinearized = 1.055 * Math.pow(normalized, 1.0 / 2.4) - 0.055;
-  }
-  return mathUtils.clampInt(0, 255, Math.round(delinearized * 255.0));
-}
-
 /**
  * Returns the standard white point; white on a sunny day.
  *
@@ -276,4 +235,7 @@ function labInvf(ft) {
   } else {
     return (116 * ft - 16) / kappa;
   }
-}
+}
+export { argbFromRgb } from './argb-from-rgb';
+export { linearized } from './linearized';
+export { delinearized } from './delinearized';

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

@@ -0,0 +1,20 @@
+import * as mathUtils from './math-utils';
+
+/**
+ * Delinearizes an RGB component.
+ *
+ * @param rgbComponent 0.0 <= rgb_component <= 100.0, represents
+ * linear R/G/B channel
+ * @return 0 <= output <= 255, color channel converted to regular
+ * RGB space
+ */
+export function delinearized(rgbComponent) {
+  const normalized = rgbComponent / 100.0;
+  let delinearized = 0.0;
+  if (normalized <= 0.0031308) {
+    delinearized = normalized * 12.92;
+  } else {
+    delinearized = 1.055 * Math.pow(normalized, 1.0 / 2.4) - 0.055;
+  }
+  return mathUtils.clampInt(0, 255, Math.round(delinearized * 255.0));
+}

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _ViewingConditions;
 /**
  * Below lines are copied from @material/material-color-utilities.
  * Do not modify it.
@@ -24,7 +23,7 @@ var _ViewingConditions;
 
 import * as utils from './color-utils';
 import * as math from './math-utils';
-
+import { ViewingConditions } from './viewing-conditions';
 /**
  * A color system built using CAM16 hue and chroma, and L* from
  * L*a*b*.
@@ -121,7 +120,6 @@ export class Hct {
     this.internalHue = cam.hue;
     this.internalChroma = cam.chroma;
     this.internalTone = utils.lstarFromArgb(argb);
-    this.argb = argb;
   }
   setInternalState(argb) {
     const cam = Cam16.fromInt(argb);
@@ -199,6 +197,7 @@ class Cam16 {
    * @param astar CAM16-UCS a coordinate
    * @param bstar CAM16-UCS b coordinate
    */
+
   constructor(hue, chroma, j, q, m, s, jstar, astar, bstar) {
     this.hue = hue;
     this.chroma = chroma;
@@ -858,76 +857,4 @@ _defineProperty(HctSolver, "SCALED_DISCOUNT_FROM_LINRGB", [[0.001200833568784504
 _defineProperty(HctSolver, "LINRGB_FROM_SCALED_DISCOUNT", [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]]);
 _defineProperty(HctSolver, "Y_FROM_LINRGB", [0.2126, 0.7152, 0.0722]);
 _defineProperty(HctSolver, "CRITICAL_PLANES", [0.015176349177441876, 0.045529047532325624, 0.07588174588720938, 0.10623444424209313, 0.13658714259697685, 0.16693984095186062, 0.19729253930674434, 0.2276452376616281, 0.2579979360165119, 0.28835063437139563, 0.3188300904430532, 0.350925934958123, 0.3848314933096426, 0.42057480301049466, 0.458183274052838, 0.4976837250274023, 0.5391024159806381, 0.5824650784040898, 0.6277969426914107, 0.6751227633498623, 0.7244668422128921, 0.775853049866786, 0.829304845476233, 0.8848452951698498, 0.942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776]);
-export class ViewingConditions {
-  /**
-   * Create ViewingConditions from a simple, physically relevant, set of
-   * parameters.
-   *
-   * @param whitePoint White point, measured in the XYZ color space.
-   *     default = D65, or sunny day afternoon
-   * @param adaptingLuminance The luminance of the adapting field. Informally,
-   *     how bright it is in the room where the color is viewed. Can be
-   *     calculated from lux by multiplying lux by 0.0586. default = 11.72,
-   *     or 200 lux.
-   * @param backgroundLstar The lightness of the area surrounding the color.
-   *     measured by L* in L*a*b*. default = 50.0
-   * @param surround A general description of the lighting surrounding the
-   *     color. 0 is pitch dark, like watching a movie in a theater. 1.0 is a
-   *     dimly light room, like watching TV at home at night. 2.0 means there
-   *     is no difference between the lighting on the color and around it.
-   *     default = 2.0
-   * @param discountingIlluminant Whether the eye accounts for the tint of the
-   *     ambient lighting, such as knowing an apple is still red in green light.
-   *     default = false, the eye does not perform this process on
-   *       self-luminous objects like displays.
-   */
-  static make(whitePoint = utils.whitePointD65(), adaptingLuminance = 200.0 / Math.PI * utils.yFromLstar(50.0) / 100.0, backgroundLstar = 50.0, surround = 2.0, discountingIlluminant = false) {
-    const xyz = whitePoint;
-    const rW = xyz[0] * 0.401288 + xyz[1] * 0.650173 + xyz[2] * -0.051461;
-    const gW = xyz[0] * -0.250268 + xyz[1] * 1.204414 + xyz[2] * 0.045854;
-    const bW = xyz[0] * -0.002079 + xyz[1] * 0.048952 + xyz[2] * 0.953127;
-    const f = 0.8 + surround / 10.0;
-    const c = f >= 0.9 ? math.lerp(0.59, 0.69, (f - 0.9) * 10.0) : math.lerp(0.525, 0.59, (f - 0.8) * 10.0);
-    let d = discountingIlluminant ? 1.0 : f * (1.0 - 1.0 / 3.6 * Math.exp((-adaptingLuminance - 42.0) / 92.0));
-    d = d > 1.0 ? 1.0 : d < 0.0 ? 0.0 : d;
-    const nc = f;
-    const rgbD = [d * (100.0 / rW) + 1.0 - d, d * (100.0 / gW) + 1.0 - d, d * (100.0 / bW) + 1.0 - d];
-    const k = 1.0 / (5.0 * adaptingLuminance + 1.0);
-    const k4 = k * k * k * k;
-    const k4F = 1.0 - k4;
-    const fl = k4 * adaptingLuminance + 0.1 * k4F * k4F * Math.cbrt(5.0 * adaptingLuminance);
-    const n = utils.yFromLstar(backgroundLstar) / whitePoint[1];
-    const z = 1.48 + Math.sqrt(n);
-    const nbb = 0.725 / Math.pow(n, 0.2);
-    const ncb = nbb;
-    const rgbAFactors = [Math.pow(fl * rgbD[0] * rW / 100.0, 0.42), Math.pow(fl * rgbD[1] * gW / 100.0, 0.42), Math.pow(fl * rgbD[2] * bW / 100.0, 0.42)];
-    const rgbA = [400.0 * rgbAFactors[0] / (rgbAFactors[0] + 27.13), 400.0 * rgbAFactors[1] / (rgbAFactors[1] + 27.13), 400.0 * rgbAFactors[2] / (rgbAFactors[2] + 27.13)];
-    const aw = (2.0 * rgbA[0] + rgbA[1] + 0.05 * rgbA[2]) * nbb;
-    return new ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, 0.25), z);
-  }
-
-  /**
-   * Parameters are intermediate values of the CAM16 conversion process. Their
-   * names are shorthand for technical color science terminology, this class
-   * would not benefit from documenting them individually. A brief overview
-   * is available in the CAM16 specification, and a complete overview requires
-   * a color science textbook, such as Fairchild's Color Appearance Models.
-   */
-  constructor(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
-    this.n = n;
-    this.aw = aw;
-    this.nbb = nbb;
-    this.ncb = ncb;
-    this.c = c;
-    this.nc = nc;
-    this.rgbD = rgbD;
-    this.fl = fl;
-    this.fLRoot = fLRoot;
-    this.z = z;
-  }
-}
-_ViewingConditions = ViewingConditions;
-/**
- * sRGB-like viewing conditions.
- */
-_defineProperty(ViewingConditions, "DEFAULT", _ViewingConditions.make());
+export { ViewingConditions } from './viewing-conditions';

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

@@ -0,0 +1,8 @@
+/**
+ * The linear interpolation function.
+ *
+ * @return start if amount = 0 and stop if amount = 1
+ */
+export function lerp(start, stop, amount) {
+  return (1.0 - amount) * start + amount * stop;
+}

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

@@ -0,0 +1,16 @@
+/**
+ * Linearizes an RGB component.
+ *
+ * @param rgbComponent 0 <= rgb_component <= 255, represents R/G/B
+ * channel
+ * @return 0.0 <= output <= 100.0, color channel converted to
+ * linear RGB space
+ */
+export function linearized(rgbComponent) {
+  const normalized = rgbComponent / 255.0;
+  if (normalized <= 0.040449936) {
+    return normalized / 12.92 * 100.0;
+  } else {
+    return Math.pow((normalized + 0.055) / 1.055, 2.4) * 100.0;
+  }
+}