@atlaskit/tokens 13.0.2 → 13.0.4

package/dist/esm/theme-config.js

@@ -1,5 +1,6 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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,30 +24,16 @@ 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 var themeColorModes = ['light', 'dark', 'auto'];
 /**
  * Contrast preferences: The system contrast preference
  */
 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"
- *
- * These ids must be kebab case
- */
-export var 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.
  */
 var themeOverrideIds = [];
-export var themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
+export var themeIdsWithOverrides = [].concat(_toConsumableArray(themeIds), themeOverrideIds);
 
 /**
  * Theme to use a base. This will create the theme as
@@ -206,4 +193,6 @@ export var 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/esm/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 var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography', 'motion'];

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

@@ -1,6 +1,6 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { themeIds } from './theme-config';
+import { themeIds } from './theme-ids';
 var themeKinds = ['light', 'dark', 'spacing', 'typography', 'shape', 'motion'];
 var customThemeOptions = 'UNSAFE_themeOptions';
 var isThemeKind = function isThemeKind(themeKind) {

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

@@ -1,13 +1,4 @@
-export var hexToRGBAValues = function hexToRGBAValues(hex) {
-  var 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 var getBoxShadow = function getBoxShadow(rawShadow) {
       b = _hexToRGBAValues.b;
     return "".concat(offset.x, "px ").concat(offset.y, "px ").concat(radius, "px rgba(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
   }).join(',');
-};
+};
+export { hexToRGBAValues } from './hex-to-rgba-values';

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

@@ -1,22 +1,9 @@
-// valid hex color with 6 digits
-export var isValidBrandHex = function isValidBrandHex(hex) {
-  return /^#[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
 var isValidHex = function isValidHex(hex) {
   return /^#([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) {
-    var 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');
@@ -86,30 +73,6 @@ export function hexToHSL(hex) {
   l = +(l * 100).toFixed(1);
   return [h, s, l];
 }
-export function HSLToRGB(h, s, l) {
-  s /= 100;
-  l /= 100;
-  var k = function k(n) {
-    return (n + h / 30) % 12;
-  };
-  var a = s * Math.min(l, 1 - l);
-  var f = function f(n) {
-    return 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) {
-  var RsRGB = r / 255;
-  var GsRGB = g / 255;
-  var BsRGB = b / 255;
-  var R = RsRGB <= 0.03928 ? RsRGB / 12.92 : Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-  var G = GsRGB <= 0.03928 ? GsRGB / 12.92 : Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-  var 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:
-  var 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');
@@ -159,4 +122,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/esm/utils/custom-theme-loading-utils.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import tokens from '../artifacts/token-names';
 import { CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
 import { hash } from './hash';
@@ -18,15 +17,6 @@ export function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   });
   return attrOfMissingCustomStyles;
 }
-export function limitSizeOfCustomStyleElements(sizeThreshold) {
-  var styleTags = _toConsumableArray(Array.from(document.head.querySelectorAll("style[".concat(CUSTOM_THEME_ATTRIBUTE, "][").concat(THEME_DATA_ATTRIBUTE, "]"))));
-  if (styleTags.length < sizeThreshold) {
-    return;
-  }
-  styleTags.slice(0, styleTags.length - (sizeThreshold - 1)).forEach(function (element) {
-    return element.remove();
-  });
-}
 export function reduceTokenMap(tokenMap, themeRamp) {
   return Object.entries(tokenMap).reduce(function (acc, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -35,4 +25,5 @@ export function reduceTokenMap(tokenMap, themeRamp) {
     var cssVar = tokens[key];
     return cssVar ? "".concat(acc, "\n  ").concat(cssVar, ": ").concat(typeof value === 'string' ? value : themeRamp[value], ";") : acc;
   }, '');
-}
+}
+export { limitSizeOfCustomStyleElements } from './limit-size-of-custom-style-elements';

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

@@ -4,24 +4,15 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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';
 var lowLuminanceContrastRatios = [1.12, 1.33, 2.03, 2.73, 3.33, 4.27, 5.2, 6.62, 12.46, 14.25];
 var highLuminanceContrastRatios = [1.08, 1.24, 1.55, 1.99, 2.45, 3.34, 4.64, 6.1, 10.19, 12.6];
-export var getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor) {
-  // Iterate over themeRamp and find whichever color is closest to brandColor
-  var closestColorIndex = 0;
-  var closestColorDistance = null;
-  themeRamp.forEach(function (value, index) {
-    var distance = deltaE(hexToRgb(value), hexToRgb(brandColor));
-    if (closestColorDistance === null || distance < closestColorDistance) {
-      closestColorIndex = index;
-      closestColorDistance = distance;
-    }
-  });
-  return closestColorIndex;
-};
 export var generateColors = function generateColors(brandColor) {
   // Determine luminance
   var HSLBrandColorHue = hexToHSL(brandColor)[0];
@@ -228,4 +219,5 @@ export var generateTokenMapWithContrastCheck = function generateTokenMapWithCont
     }
   });
   return result;
-};
+};
+export { getClosestColorIndex } from './get-closest-color-index';

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

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

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

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

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

@@ -0,0 +1,26 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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 var getCSSCustomProperty = function getCSSCustomProperty(path) {
+  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
+
+  // Opacity and other 'shallow' groups are more readable when not trimmed
+  var slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
+  return "--".concat([CSS_PREFIX].concat(_toConsumableArray(normalizedPath.slice(slice))).filter(function (el) {
+    return el !== '[default]';
+  }).join('-'));
+};

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

@@ -0,0 +1,13 @@
+/**
+ * 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 var getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
+  return path.join('.');
+};

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

@@ -0,0 +1,5 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+export var getThemeOverridePreferences = function getThemeOverridePreferences(_themeState) {
+  var themeOverridePreferences = [];
+  return _toConsumableArray(new Set(themeOverridePreferences));
+};

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

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

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

@@ -0,0 +1,20 @@
+/**
+ * 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 var getTokenId = function getTokenId(path) {
+  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
+  return normalizedPath.filter(function (el) {
+    return el !== '[default]';
+  }).join('.');
+};

package/dist/esm/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/esm/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/esm/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/esm/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 @@ var SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722
 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 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) {
-  var 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) {
-  var normalized = rgbComponent / 100.0;
-  var 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.
  *
@@ -275,4 +234,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/esm/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) {
+  var normalized = rgbComponent / 100.0;
+  var 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/esm/utils/hct-color-utils/hct.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-var _ViewingConditions;
 /**
  * Below lines are copied from @material/material-color-utilities.
  * Do not modify it.
@@ -26,7 +25,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*.
@@ -56,7 +55,6 @@ export var Hct = /*#__PURE__*/function () {
     this.internalHue = cam.hue;
     this.internalChroma = cam.chroma;
     this.internalTone = utils.lstarFromArgb(argb);
-    this.argb = argb;
   }
   return _createClass(Hct, [{
     key: "toInt",
@@ -220,6 +218,7 @@ var Cam16 = /*#__PURE__*/function () {
    * @param astar CAM16-UCS a coordinate
    * @param bstar CAM16-UCS b coordinate
    */
+
   function Cam16(hue, chroma, j, q, m, s, jstar, astar, bstar) {
     _classCallCheck(this, Cam16);
     this.hue = hue;
@@ -724,8 +723,8 @@ var HctSolver = /*#__PURE__*/function () {
       var rightHue = 0.0;
       var initialized = false;
       var uncut = true;
-      for (var _n = 0; _n < 12; _n++) {
-        var mid = HctSolver.nthVertex(y, _n);
+      for (var n = 0; n < 12; n++) {
+        var mid = HctSolver.nthVertex(y, n);
         if (mid[0] < 0) {
           continue;
         }
@@ -943,85 +942,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 var ViewingConditions = /*#__PURE__*/function () {
-  /**
-   * 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.
-   */
-  function ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
-    _classCallCheck(this, ViewingConditions);
-    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;
-  }
-  return _createClass(ViewingConditions, null, [{
-    key: "make",
-    value:
-    /**
-     * 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.
-     */
-    function make() {
-      var whitePoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : utils.whitePointD65();
-      var adaptingLuminance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200.0 / Math.PI * utils.yFromLstar(50.0) / 100.0;
-      var backgroundLstar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50.0;
-      var surround = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2.0;
-      var discountingIlluminant = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-      var xyz = whitePoint;
-      var rW = xyz[0] * 0.401288 + xyz[1] * 0.650173 + xyz[2] * -0.051461;
-      var gW = xyz[0] * -0.250268 + xyz[1] * 1.204414 + xyz[2] * 0.045854;
-      var bW = xyz[0] * -0.002079 + xyz[1] * 0.048952 + xyz[2] * 0.953127;
-      var f = 0.8 + surround / 10.0;
-      var 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);
-      var 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;
-      var nc = f;
-      var rgbD = [d * (100.0 / rW) + 1.0 - d, d * (100.0 / gW) + 1.0 - d, d * (100.0 / bW) + 1.0 - d];
-      var k = 1.0 / (5.0 * adaptingLuminance + 1.0);
-      var k4 = k * k * k * k;
-      var k4F = 1.0 - k4;
-      var fl = k4 * adaptingLuminance + 0.1 * k4F * k4F * Math.cbrt(5.0 * adaptingLuminance);
-      var n = utils.yFromLstar(backgroundLstar) / whitePoint[1];
-      var z = 1.48 + Math.sqrt(n);
-      var nbb = 0.725 / Math.pow(n, 0.2);
-      var ncb = nbb;
-      var 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)];
-      var 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)];
-      var 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);
-    }
-  }]);
-}();
-_ViewingConditions = ViewingConditions;
-/**
- * sRGB-like viewing conditions.
- */
-_defineProperty(ViewingConditions, "DEFAULT", _ViewingConditions.make());
+export { ViewingConditions } from './viewing-conditions';

package/dist/esm/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/esm/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) {
+  var 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;
+  }
+}