@atlaskit/tokens 13.0.4 → 13.1.1

package/dist/cjs/utils/custom-theme-token-contrast-check.js

@@ -1,13 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.additionalContrastChecker = exports.additionalChecks = void 0;
-var _atlassianDarkTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-dark-token-value-for-contrast-check"));
-var _atlassianLightTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-light-token-value-for-contrast-check"));
-var _colorUtils = require("./color-utils");
+exports.additionalChecks = void 0;
 var additionalChecks = exports.additionalChecks = [{
   foreground: 'color.text.brand',
   backgroundLight: 'elevation.surface.sunken',
@@ -49,36 +45,4 @@ var additionalChecks = exports.additionalChecks = [{
   // In light mode: darken the following tokens by one base token
   // In dark mode: lighten the following tokens by one base token
   updatedTokens: ['color.chart.brand', 'color.chart.brand.hovered']
-}];
-var getColorFromTokenRaw = function getColorFromTokenRaw(tokenName, mode) {
-  return mode === 'light' ? _atlassianLightTokenValueForContrastCheck.default[tokenName] : _atlassianDarkTokenValueForContrastCheck.default[tokenName];
-};
-var additionalContrastChecker = exports.additionalContrastChecker = function additionalContrastChecker(_ref) {
-  var customThemeTokenMap = _ref.customThemeTokenMap,
-    mode = _ref.mode,
-    themeRamp = _ref.themeRamp;
-  var updatedCustomThemeTokenMap = {};
-  var brandTokens = Object.keys(customThemeTokenMap);
-  additionalChecks.forEach(function (pairing) {
-    var backgroundLight = pairing.backgroundLight,
-      backgroundDark = pairing.backgroundDark,
-      foreground = pairing.foreground,
-      desiredContrast = pairing.desiredContrast,
-      updatedTokens = pairing.updatedTokens;
-    var background = mode === 'light' ? backgroundLight : backgroundDark;
-    var foregroundTokenValue = customThemeTokenMap[foreground];
-    var backgroundTokenValue = customThemeTokenMap[background];
-    var foregroundColor = brandTokens.includes(foreground) ? typeof foregroundTokenValue === 'string' ? foregroundTokenValue : themeRamp[foregroundTokenValue] : getColorFromTokenRaw(foreground, mode);
-    var backgroundColor = brandTokens.includes(background) ? typeof backgroundTokenValue === 'string' ? backgroundTokenValue : themeRamp[backgroundTokenValue] : getColorFromTokenRaw(background, mode);
-    var contrast = (0, _colorUtils.getContrastRatio)(foregroundColor, backgroundColor);
-    if (contrast <= desiredContrast) {
-      updatedTokens.forEach(function (token) {
-        var rampValue = customThemeTokenMap[token];
-        if (typeof rampValue === 'number') {
-          updatedCustomThemeTokenMap[token] = mode === 'light' ? rampValue + 1 : rampValue - 1;
-        }
-      });
-    }
-  });
-  return updatedCustomThemeTokenMap;
-};
+}];

package/dist/cjs/utils/delta-e.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deltaE = deltaE;
+var _rgbToLab = require("./rgb-to-lab");
+function deltaE(rgbA, rgbB) {
+  var labA = (0, _rgbToLab.rgbToLab)(rgbA);
+  var labB = (0, _rgbToLab.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);
+}

package/dist/cjs/utils/generate-colors.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateColors = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _getClosestColorIndex = require("./get-closest-color-index");
+var _hctColorUtils = require("./hct-color-utils");
+var _hexToHsl = require("./hex-to-hsl");
+var _hexToRgbA = require("./hex-to-rgb-a");
+var _hslToRgb = require("./hsl-to-rgb");
+var _relativeLuminanceW3C = require("./relative-luminance-w3-c");
+var _rgbToHex = require("./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];
+var generateColors = exports.generateColors = function generateColors(brandColor) {
+  // Determine luminance
+  var HSLBrandColorHue = (0, _hexToHsl.hexToHSL)(brandColor)[0];
+  var baseRgb = (0, _hslToRgb.HSLToRGB)(HSLBrandColorHue, 100, 60);
+  var isLowLuminance = (0, _relativeLuminanceW3C.relativeLuminanceW3C)(baseRgb[0], baseRgb[1], baseRgb[2]) < 0.4;
+  // Choose right palette
+  var themeRatios = isLowLuminance ? lowLuminanceContrastRatios : highLuminanceContrastRatios;
+  var brandRgba = (0, _hexToRgbA.hexToRgbA)(brandColor);
+  var hctColor = _hctColorUtils.Hct.fromInt((0, _hctColorUtils.argbFromRgba)({
+    r: brandRgba[0],
+    g: brandRgba[1],
+    b: brandRgba[2],
+    a: brandRgba[3]
+  }));
+  var themeRamp = themeRatios.map(function (contrast) {
+    var rgbaColor = (0, _hctColorUtils.rgbaFromArgb)(_hctColorUtils.Hct.from(hctColor.hue, hctColor.chroma, _hctColorUtils.Contrast.darker(100, contrast) + 0.25 // Material's utils provide an offset
+    ).toInt());
+    return (0, _rgbToHex.rgbToHex)(rgbaColor.r, rgbaColor.g, rgbaColor.b);
+  });
+  var closestColorIndex = (0, _getClosestColorIndex.getClosestColorIndex)(themeRamp, brandColor);
+
+  // Replace closet color with brandColor
+  var updatedThemeRamp = (0, _toConsumableArray2.default)(themeRamp);
+  updatedThemeRamp[closestColorIndex] = brandColor;
+  return {
+    ramp: updatedThemeRamp,
+    // add the replaced color into the result
+    replacedColor: themeRamp[closestColorIndex]
+  };
+};

package/dist/cjs/utils/generate-token-map-with-contrast-check.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateTokenMapWithContrastCheck = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _additionalContrastChecker = require("./additional-contrast-checker");
+var _generateColors = require("./generate-colors");
+var _generateTokenMap = require("./generate-token-map");
+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) { (0, _defineProperty2.default)(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; }
+var generateTokenMapWithContrastCheck = exports.generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
+  var colors = themeRamp || (0, _generateColors.generateColors)(brandColor).ramp;
+  var tokenMaps = (0, _generateTokenMap.generateTokenMap)(brandColor, mode, colors);
+  var result = {};
+  Object.entries(tokenMaps).forEach(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      mode = _ref2[0],
+      map = _ref2[1];
+    if (mode === 'light' || mode === 'dark') {
+      result[mode] = _objectSpread(_objectSpread({}, map), (0, _additionalContrastChecker.additionalContrastChecker)({
+        customThemeTokenMap: map,
+        mode: mode,
+        themeRamp: colors
+      }));
+    }
+  });
+  return result;
+};

package/dist/cjs/utils/{generate-custom-color-ramp.js → generate-token-map.js}

@@ -4,59 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateTokenMapWithContrastCheck = exports.generateTokenMap = exports.generateColors = void 0;
-Object.defineProperty(exports, "getClosestColorIndex", {
-  enumerable: true,
-  get: function get() {
-    return _getClosestColorIndex.getClosestColorIndex;
-  }
-});
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.generateTokenMap = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _atlassianDarkTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-dark-token-value-for-contrast-check"));
-var _colorUtils = require("./color-utils");
-var _customThemeTokenContrastCheck = require("./custom-theme-token-contrast-check");
+var _generateColors2 = require("./generate-colors");
 var _getClosestColorIndex = require("./get-closest-color-index");
-var _hctColorUtils = require("./hct-color-utils");
-var _hslToRgb = require("./hsl-to-rgb");
-var _relativeLuminanceW3C = require("./relative-luminance-w3-c");
-var _rgbToHex = require("./rgb-to-hex");
-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) { (0, _defineProperty2.default)(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; }
-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];
-var generateColors = exports.generateColors = function generateColors(brandColor) {
-  // Determine luminance
-  var HSLBrandColorHue = (0, _colorUtils.hexToHSL)(brandColor)[0];
-  var baseRgb = (0, _hslToRgb.HSLToRGB)(HSLBrandColorHue, 100, 60);
-  var isLowLuminance = (0, _relativeLuminanceW3C.relativeLuminanceW3C)(baseRgb[0], baseRgb[1], baseRgb[2]) < 0.4;
-  // Choose right palette
-  var themeRatios = isLowLuminance ? lowLuminanceContrastRatios : highLuminanceContrastRatios;
-  var brandRgba = (0, _colorUtils.hexToRgbA)(brandColor);
-  var hctColor = _hctColorUtils.Hct.fromInt((0, _hctColorUtils.argbFromRgba)({
-    r: brandRgba[0],
-    g: brandRgba[1],
-    b: brandRgba[2],
-    a: brandRgba[3]
-  }));
-  var themeRamp = themeRatios.map(function (contrast) {
-    var rgbaColor = (0, _hctColorUtils.rgbaFromArgb)(_hctColorUtils.Hct.from(hctColor.hue, hctColor.chroma, _hctColorUtils.Contrast.darker(100, contrast) + 0.25 // Material's utils provide an offset
-    ).toInt());
-    return (0, _rgbToHex.rgbToHex)(rgbaColor.r, rgbaColor.g, rgbaColor.b);
-  });
-  var closestColorIndex = (0, _getClosestColorIndex.getClosestColorIndex)(themeRamp, brandColor);
-
-  // Replace closet color with brandColor
-  var updatedThemeRamp = (0, _toConsumableArray2.default)(themeRamp);
-  updatedThemeRamp[closestColorIndex] = brandColor;
-  return {
-    ramp: updatedThemeRamp,
-    // add the replaced color into the result
-    replacedColor: themeRamp[closestColorIndex]
-  };
-};
-
+var _getContrastRatio = require("./get-contrast-ratio");
 /**
  * Return the interaction tokens for a color, given its ramp position and the number of
  * needed interaction states. Use higher-indexed colors (i.e. darker colors) if possible;
@@ -77,14 +30,14 @@ function getInteractionStates(rampPosition, number, colors) {
   return result;
 }
 var generateTokenMap = exports.generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
-  var _generateColors = generateColors(brandColor),
+  var _generateColors = (0, _generateColors2.generateColors)(brandColor),
     ramp = _generateColors.ramp,
     replacedColor = _generateColors.replacedColor;
   var colors = themeRamp || ramp;
   var closestColorIndex = (0, _getClosestColorIndex.getClosestColorIndex)(colors, brandColor);
   var customThemeTokenMapLight = {};
   var customThemeTokenMapDark = {};
-  var inputContrast = (0, _colorUtils.getContrastRatio)(brandColor, '#FFFFFF');
+  var inputContrast = (0, _getContrastRatio.getContrastRatio)(brandColor, '#FFFFFF');
   // Branch based on brandColor's contrast against white
   if (inputContrast >= 4.5) {
     /**
@@ -199,7 +152,7 @@ var generateTokenMap = exports.generateTokenMap = function generateTokenMap(bran
    */
   if (inputContrast < 4.5) {
     var inverseTextColor = _atlassianDarkTokenValueForContrastCheck.default['color.text.inverse'];
-    if ((0, _colorUtils.getContrastRatio)(inverseTextColor, brandColor) >= 4.5 && closestColorIndex >= 2) {
+    if ((0, _getContrastRatio.getContrastRatio)(inverseTextColor, brandColor) >= 4.5 && closestColorIndex >= 2) {
       customThemeTokenMapDark['color.background.brand.bold'] = closestColorIndex;
       customThemeTokenMapDark['color.background.brand.bold.hovered'] = closestColorIndex - 1;
       customThemeTokenMapDark['color.background.brand.bold.pressed'] = closestColorIndex - 2;
@@ -214,22 +167,4 @@ var generateTokenMap = exports.generateTokenMap = function generateTokenMap(bran
     light: customThemeTokenMapLight,
     dark: customThemeTokenMapDark
   };
-};
-var generateTokenMapWithContrastCheck = exports.generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
-  var colors = themeRamp || generateColors(brandColor).ramp;
-  var tokenMaps = generateTokenMap(brandColor, mode, colors);
-  var result = {};
-  Object.entries(tokenMaps).forEach(function (_ref3) {
-    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-      mode = _ref4[0],
-      map = _ref4[1];
-    if (mode === 'light' || mode === 'dark') {
-      result[mode] = _objectSpread(_objectSpread({}, map), (0, _customThemeTokenContrastCheck.additionalContrastChecker)({
-        customThemeTokenMap: map,
-        mode: mode,
-        themeRamp: colors
-      }));
-    }
-  });
-  return result;
 };

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

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getClosestColorIndex = void 0;
-var _colorUtils = require("./color-utils");
+var _deltaE = require("./delta-e");
+var _hexToRgb = require("./hex-to-rgb");
 var getClosestColorIndex = exports.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 = (0, _colorUtils.deltaE)((0, _colorUtils.hexToRgb)(value), (0, _colorUtils.hexToRgb)(brandColor));
+    var distance = (0, _deltaE.deltaE)((0, _hexToRgb.hexToRgb)(value), (0, _hexToRgb.hexToRgb)(brandColor));
     if (closestColorDistance === null || distance < closestColorDistance) {
       closestColorIndex = index;
       closestColorDistance = distance;

package/dist/cjs/utils/get-contrast-ratio.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContrastRatio = getContrastRatio;
+var _hexToRgb = require("./hex-to-rgb");
+var _isValidHex = require("./is-valid-hex");
+var _relativeLuminanceW3C = require("./relative-luminance-w3-c");
+function getContrastRatio(foreground, background) {
+  if (!(0, _isValidHex.isValidHex)(foreground) || !(0, _isValidHex.isValidHex)(background)) {
+    throw new Error('Invalid HEX');
+  }
+  var foregroundRgb = (0, _hexToRgb.hexToRgb)(foreground);
+  var backgroundRgb = (0, _hexToRgb.hexToRgb)(background);
+  var foregroundLuminance = (0, _relativeLuminanceW3C.relativeLuminanceW3C)(foregroundRgb[0], foregroundRgb[1], foregroundRgb[2]);
+  var backgroundLuminance = (0, _relativeLuminanceW3C.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);
+}

package/dist/cjs/utils/hct-color-utils/alpha-from-argb.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alphaFromArgb = alphaFromArgb;
+/**
+ * Returns the alpha component of a color in ARGB format.
+ */
+function alphaFromArgb(argb) {
+  return argb >> 24 & 255;
+}

package/dist/cjs/utils/hct-color-utils/argb-from-linrgb.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.argbFromLinrgb = argbFromLinrgb;
+var _argbFromRgb = require("./argb-from-rgb");
+var _delinearized = require("./delinearized");
+/**
+ * Converts a color from linear RGB components to ARGB format.
+ */
+function argbFromLinrgb(linrgb) {
+  var r = (0, _delinearized.delinearized)(linrgb[0]);
+  var g = (0, _delinearized.delinearized)(linrgb[1]);
+  var b = (0, _delinearized.delinearized)(linrgb[2]);
+  return (0, _argbFromRgb.argbFromRgb)(r, g, b);
+}

package/dist/cjs/utils/hct-color-utils/argb-from-lstar.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.argbFromLstar = argbFromLstar;
+var _argbFromRgb = require("./argb-from-rgb");
+var _delinearized = require("./delinearized");
+var _yFromLstar = require("./y-from-lstar");
+/**
+ * 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*
+ */
+function argbFromLstar(lstar) {
+  var y = (0, _yFromLstar.yFromLstar)(lstar);
+  var component = (0, _delinearized.delinearized)(y);
+  return (0, _argbFromRgb.argbFromRgb)(component, component, component);
+}

package/dist/cjs/utils/hct-color-utils/argb-from-rgba.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.argbFromRgba = argbFromRgba;
+var _clampComponent = require("./clamp-component");
+/**
+ * Return int32 color from a given RGBA component
+ *
+ * @param rgba RGBA representation of a int32 color.
+ * @returns ARGB representation of a int32 color.
+ */
+function argbFromRgba(_ref) {
+  var r = _ref.r,
+    g = _ref.g,
+    b = _ref.b,
+    a = _ref.a;
+  var rValue = (0, _clampComponent.clampComponent)(r);
+  var gValue = (0, _clampComponent.clampComponent)(g);
+  var bValue = (0, _clampComponent.clampComponent)(b);
+  var aValue = (0, _clampComponent.clampComponent)(a);
+  return aValue << 24 | rValue << 16 | gValue << 8 | bValue;
+}

package/dist/cjs/utils/hct-color-utils/argb-from-xyz.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.argbFromXyz = argbFromXyz;
+var _argbFromRgb = require("./argb-from-rgb");
+var _delinearized = require("./delinearized");
+/**
+ * Color science utilities.
+ *
+ * Utility methods for color science constants and color space
+ * conversions that aren't HCT or CAM16.
+ */
+var XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
+
+/**
+ * Converts a color from ARGB to XYZ.
+ */
+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 = (0, _delinearized.delinearized)(linearR);
+  var g = (0, _delinearized.delinearized)(linearG);
+  var b = (0, _delinearized.delinearized)(linearB);
+  return (0, _argbFromRgb.argbFromRgb)(r, g, b);
+}

package/dist/cjs/utils/hct-color-utils/blue-from-argb.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blueFromArgb = blueFromArgb;
+/**
+ * Returns the blue component of a color in ARGB format.
+ */
+function blueFromArgb(argb) {
+  return argb & 255;
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clampComponent = clampComponent;
+function clampComponent(value) {
+  if (value < 0) {
+    return 0;
+  }
+  if (value > 255) {
+    return 255;
+  }
+  return value;
+}

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

@@ -1,16 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Contrast = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var utils = _interopRequireWildcard(require("./color-utils"));
-var math = _interopRequireWildcard(require("./math-utils"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _clampDouble = require("./clamp-double");
+var _lstarFromY = require("./lstar-from-y");
+var _yFromLstar = require("./y-from-lstar");
 /**
  * Below lines are copied from @material/material-color-utilities.
  * Do not modify it.
@@ -62,9 +61,9 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
      * @param toneB Tone between 0 and 100. Values outside will be clamped.
      */
     function ratioOfTones(toneA, toneB) {
-      toneA = math.clampDouble(0.0, 100.0, toneA);
-      toneB = math.clampDouble(0.0, 100.0, toneB);
-      return Contrast.ratioOfYs(utils.yFromLstar(toneA), utils.yFromLstar(toneB));
+      toneA = (0, _clampDouble.clampDouble)(0.0, 100.0, toneA);
+      toneB = (0, _clampDouble.clampDouble)(0.0, 100.0, toneB);
+      return Contrast.ratioOfYs((0, _yFromLstar.yFromLstar)(toneA), (0, _yFromLstar.yFromLstar)(toneB));
     }
   }, {
     key: "ratioOfYs",
@@ -90,7 +89,7 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
       if (tone < 0.0 || tone > 100.0) {
         return -1.0;
       }
-      var darkY = utils.yFromLstar(tone);
+      var darkY = (0, _yFromLstar.yFromLstar)(tone);
       var lightY = ratio * (darkY + 5.0) - 5.0;
       var realContrast = Contrast.ratioOfYs(lightY, darkY);
       var delta = Math.abs(realContrast - ratio);
@@ -100,7 +99,7 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
 
       // Ensure gamut mapping, which requires a 'range' on tone, will still result
       // the correct ratio by darkening slightly.
-      var returnValue = utils.lstarFromY(lightY) + 0.4;
+      var returnValue = (0, _lstarFromY.lstarFromY)(lightY) + 0.4;
       if (returnValue < 0 || returnValue > 100) {
         return -1;
       }
@@ -123,7 +122,7 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
       if (tone < 0.0 || tone > 100.0) {
         return -1.0;
       }
-      var lightY = utils.yFromLstar(tone);
+      var lightY = (0, _yFromLstar.yFromLstar)(tone);
       var darkY = (lightY + 5.0) / ratio - 5.0;
       var realContrast = Contrast.ratioOfYs(lightY, darkY);
       var delta = Math.abs(realContrast - ratio);
@@ -133,7 +132,7 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
 
       // Ensure gamut mapping, which requires a 'range' on tone, will still result
       // the correct ratio by darkening slightly.
-      var returnValue = utils.lstarFromY(darkY) - 0.4;
+      var returnValue = (0, _lstarFromY.lstarFromY)(darkY) - 0.4;
       if (returnValue < 0 || returnValue > 100) {
         return -1;
       }

package/dist/cjs/utils/hct-color-utils/green-from-argb.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.greenFromArgb = greenFromArgb;
+/**
+ * Returns the green component of a color in ARGB format.
+ */
+function greenFromArgb(argb) {
+  return argb >> 8 & 255;
+}

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

@@ -15,9 +15,15 @@ Object.defineProperty(exports, "ViewingConditions", {
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var utils = _interopRequireWildcard(require("./color-utils"));
+var _argbFromLinrgb = require("./argb-from-linrgb");
+var _argbFromLstar = require("./argb-from-lstar");
+var _argbFromXyz = require("./argb-from-xyz");
+var _linearized = require("./linearized");
+var _lstarFromArgb = require("./lstar-from-argb");
+var _lstarFromY = require("./lstar-from-y");
 var math = _interopRequireWildcard(require("./math-utils"));
 var _viewingConditions = require("./viewing-conditions");
+var _yFromLstar = require("./y-from-lstar");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * Below lines are copied from @material/material-color-utilities.
@@ -66,7 +72,7 @@ var Hct = exports.Hct = /*#__PURE__*/function () {
     var cam = Cam16.fromInt(argb);
     this.internalHue = cam.hue;
     this.internalChroma = cam.chroma;
-    this.internalTone = utils.lstarFromArgb(argb);
+    this.internalTone = (0, _lstarFromArgb.lstarFromArgb)(argb);
   }
   return (0, _createClass2.default)(Hct, [{
     key: "toInt",
@@ -130,7 +136,7 @@ var Hct = exports.Hct = /*#__PURE__*/function () {
       var cam = Cam16.fromInt(argb);
       this.internalHue = cam.hue;
       this.internalChroma = cam.chroma;
-      this.internalTone = utils.lstarFromArgb(argb);
+      this.internalTone = (0, _lstarFromArgb.lstarFromArgb)(argb);
       this.argb = argb;
     }
 
@@ -161,7 +167,7 @@ var Hct = exports.Hct = /*#__PURE__*/function () {
       // 3. Create HCT from:
       // - CAM16 using default VC with XYZ coordinates in specified VC.
       // - L* converted from Y in XYZ coordinates in specified VC.
-      var recastHct = Hct.from(recastInVc.hue, recastInVc.chroma, utils.lstarFromY(viewedInVc[1]));
+      var recastHct = Hct.from(recastInVc.hue, recastInVc.chroma, (0, _lstarFromY.lstarFromY)(viewedInVc[1]));
       return recastHct;
     }
   }], [{
@@ -311,7 +317,7 @@ var Cam16 = /*#__PURE__*/function () {
       var x = 1.86206786 * rF - 1.01125463 * gF + 0.14918677 * bF;
       var y = 0.38752654 * rF + 0.62144744 * gF - 0.00897398 * bF;
       var z = -0.0158415 * rF - 0.03412294 * gF + 1.04996444 * bF;
-      var argb = utils.argbFromXyz(x, y, z);
+      var argb = (0, _argbFromXyz.argbFromXyz)(x, y, z);
       return argb;
     }
 
@@ -369,9 +375,9 @@ var Cam16 = /*#__PURE__*/function () {
       var red = (argb & 0x00ff0000) >> 16;
       var green = (argb & 0x0000ff00) >> 8;
       var blue = argb & 0x000000ff;
-      var redL = utils.linearized(red);
-      var greenL = utils.linearized(green);
-      var blueL = utils.linearized(blue);
+      var redL = (0, _linearized.linearized)(red);
+      var greenL = (0, _linearized.linearized)(green);
+      var blueL = (0, _linearized.linearized)(blue);
       var x = 0.41233895 * redL + 0.35762064 * greenL + 0.18051042 * blueL;
       var y = 0.2126 * redL + 0.7152 * greenL + 0.0722 * blueL;
       var z = 0.01932141 * redL + 0.11916382 * greenL + 0.95034478 * blueL;
@@ -892,7 +898,7 @@ var HctSolver = /*#__PURE__*/function () {
           if (linrgb[0] > 100.01 || linrgb[1] > 100.01 || linrgb[2] > 100.01) {
             return 0;
           }
-          return utils.argbFromLinrgb(linrgb);
+          return (0, _argbFromLinrgb.argbFromLinrgb)(linrgb);
         }
         // Iterates with Newton method,
         // Using 2 * fn(j) / j as the approximation of fn'(j)
@@ -917,17 +923,17 @@ var HctSolver = /*#__PURE__*/function () {
     key: "solveToInt",
     value: function solveToInt(hueDegrees, chroma, lstar) {
       if (chroma < 0.0001 || lstar < 0.0001 || lstar > 99.9999) {
-        return utils.argbFromLstar(lstar);
+        return (0, _argbFromLstar.argbFromLstar)(lstar);
       }
       hueDegrees = math.sanitizeDegreesDouble(hueDegrees);
       var hueRadians = hueDegrees / 180 * Math.PI;
-      var y = utils.yFromLstar(lstar);
+      var y = (0, _yFromLstar.yFromLstar)(lstar);
       var exactAnswer = HctSolver.findResultByJ(hueRadians, chroma, y);
       if (exactAnswer !== 0) {
         return exactAnswer;
       }
       var linrgb = HctSolver.bisectToLimit(y, hueRadians);
-      return utils.argbFromLinrgb(linrgb);
+      return (0, _argbFromLinrgb.argbFromLinrgb)(linrgb);
     }
 
     /**

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

@@ -18,15 +18,16 @@ Object.defineProperty(exports, "Hct", {
 Object.defineProperty(exports, "argbFromRgba", {
   enumerable: true,
   get: function get() {
-    return _colorUtils.argbFromRgba;
+    return _argbFromRgba.argbFromRgba;
   }
 });
 Object.defineProperty(exports, "rgbaFromArgb", {
   enumerable: true,
   get: function get() {
-    return _colorUtils.rgbaFromArgb;
+    return _rgbaFromArgb.rgbaFromArgb;
   }
 });
 var _hct = require("./hct");
 var _contrast = require("./contrast");
-var _colorUtils = require("./color-utils");
+var _argbFromRgba = require("./argb-from-rgba");
+var _rgbaFromArgb = require("./rgba-from-argb");