@digdir/designsystemet 0.1.0-alpha.11 → 0.1.0-alpha.13

package/dist/src/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/colors/colorUtils.ts","../../../../../node_modules/apca-w3/src/apca-w3.js","../../../src/colors/themeUtils.ts"],"sourcesContent":["import type { CssColor } from '@adobe/leonardo-contrast-colors';\nimport { Hsluv } from 'hsluv';\nimport chroma from 'chroma-js';\nimport { APCAcontrast, sRGBtoY } from 'apca-w3';\n\n/**\n * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)'\n *\n * @param hex A hex color string\n * @param valuesOnly If true, only the values are returned\n * @returns A CSS HSL string\n */\nexport const hexToCssHsl = (hex: string, valuesOnly = false) => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  let r = 0;\n  let g = 0;\n  let b = 0;\n  let cssString = '';\n  if (result) {\n    r = parseInt(result[1], 16);\n    g = parseInt(result[2], 16);\n    b = parseInt(result[3], 16);\n  }\n  (r /= 255), (g /= 255), (b /= 255);\n  const max = Math.max(r, g, b),\n    min = Math.min(r, g, b);\n  let h,\n    s,\n    l = (max + min) / 2;\n  if (max == min) {\n    h = s = 0; // achromatic\n  } else {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n  }\n\n  h = Math.round(h ? h * 360 : 0);\n  s = Math.round(s * 100);\n  l = Math.round(l * 100);\n\n  cssString = h + ',' + s + '%,' + l + '%';\n  cssString = !valuesOnly ? 'hsl(' + cssString + ')' : cssString;\n\n  return cssString;\n};\n\n/**\n * Converts a HEX string '#xxxxxx' into an array of HSL values '[h,s,l]'\n *\n * @param H A Hex color string\n * @returns HSL values in an array\n */\nexport const hexToHSL = (H: string) => {\n  // Convert hex to RGB first\n  let r = 0,\n    g = 0,\n    b = 0;\n  if (H.length == 4) {\n    r = parseInt('0x' + H[1] + H[1]);\n    g = parseInt('0x' + H[2] + H[2]);\n    b = parseInt('0x' + H[3] + H[3]);\n  } else if (H.length == 7) {\n    r = parseInt('0x' + H[1] + H[2]);\n    g = parseInt('0x' + H[3] + H[4]);\n    b = parseInt('0x' + H[5] + H[6]);\n  }\n  // Then to HSL\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  let h = 0,\n    s = 0,\n    l = 0;\n  const cmin = Math.min(r, g, b),\n    cmax = Math.max(r, g, b),\n    delta = cmax - cmin;\n\n  if (delta == 0) h = 0;\n  else if (cmax == r) h = ((g - b) / delta) % 6;\n  else if (cmax == g) h = (b - r) / delta + 2;\n  else h = (r - g) / delta + 4;\n\n  h = Math.round(h * 60);\n\n  if (h < 0) h += 360;\n\n  l = (cmax + cmin) / 2;\n  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));\n  s = +(s * 100).toFixed(1);\n  l = +(l * 100).toFixed(1);\n\n  return [h, s, l];\n};\n\n/**\n * Converts a HEX color '#xxxxxx' into an array of HSLuv values '[h,s,l]'\n *\n * @param hex A hex color string\n * @returns\n */\nexport const hexToHsluv = (hex: string) => {\n  const conv = new Hsluv();\n  conv.hex = hex;\n  conv.hexToHsluv();\n  return [conv.hsluv_h, conv.hsluv_s, conv.hsluv_l];\n};\n\n/**\n * Converts a HSL number array '[h,s,l]' into HSL CSS string 'hsl(x,x,x)'\n *\n * @param HSL A HSL number array '[h,s,l]'\n * @returns A hex color string\n */\nexport const hslArrToCss = (HSL: number[]) => {\n  return 'hsl(' + HSL[0] + ',' + HSL[1] + '%,' + HSL[2] + '%)';\n};\n\n/**\n * Converts a HSL CSS string 'hsl(x,x,x)' into an array of HSL values '[h,s,l]'\n *\n * @param h The HSL hue\n * @param s The HSL saturation\n * @param l The HSL lightness\n * @returns HEX color string\n */\nexport const HSLToHex = (h: number, s: number, l: number) => {\n  s /= 100;\n  l /= 100;\n\n  let r = 0,\n    g = 0,\n    b = 0;\n  const c = (1 - Math.abs(2 * l - 1)) * s,\n    x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n    m = l - c / 2;\n\n  if (0 <= h && h < 60) {\n    r = c;\n    g = x;\n    b = 0;\n  } else if (60 <= h && h < 120) {\n    r = x;\n    g = c;\n    b = 0;\n  } else if (120 <= h && h < 180) {\n    r = 0;\n    g = c;\n    b = x;\n  } else if (180 <= h && h < 240) {\n    r = 0;\n    g = x;\n    b = c;\n  } else if (240 <= h && h < 300) {\n    r = x;\n    g = 0;\n    b = c;\n  } else if (300 <= h && h < 360) {\n    r = c;\n    g = 0;\n    b = x;\n  }\n  // Having obtained RGB, convert channels to hex\n  r = parseInt(Math.round((r + m) * 255).toString(16), 16);\n  g = parseInt(Math.round((g + m) * 255).toString(16), 16);\n  b = parseInt(Math.round((b + m) * 255).toString(16), 16);\n\n  // Prepend 0s, if necessary\n  if (r.toString().length == 1) r = parseInt('0' + r.toString(), 10);\n  if (g.toString().length == 1) g = parseInt('0' + g.toString(), 10);\n  if (b.toString().length == 1) b = parseInt('0' + b.toString(), 10);\n\n  return '#' + r + g + b;\n};\n\n/**\n * Converts a HEX color '#xxxxxx' into an array of RGB values '[R, G, B]'\n *\n * @param hex A hex color string\n * @returns RGB values in an array\n */\nexport const hexToRgb = (hex: string) => {\n  const shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n  hex = hex.replace(shorthandRegex, function (m, r: string, g: string, b: string) {\n    return r + r + g + g + b + b;\n  });\n\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n};\n\n/**\n * Get the luminance of an RGB color\n *\n * @param r RGB red value\n * @param G RGB green value\n * @param b RGB blue value\n * @returns\n */\nexport const luminanceFromRgb = (r: string, g: string, b: string) => {\n  const a = [Number(r), Number(g), Number(b)].map(function (v) {\n    v /= 255;\n    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n  });\n  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;\n};\n\n/**\n * Get the luminance of a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const luminanceFromHex = (hex: CssColor) => {\n  const rgb = hexToRgb(hex);\n  if (rgb) {\n    const r = rgb.r.toString();\n    const g = rgb.g.toString();\n    const b = rgb.b.toString();\n    return luminanceFromRgb(r, g, b);\n  }\n  return 2;\n};\n\n/**\n * Get the contrast ratio between two luminance values\n *\n * @param lum1 The first luminance value\n * @param lum2 The second luminance value\n * @returns\n */\nexport const getRatioFromLum = (lum1: number, lum2: number) => {\n  if (lum1 !== null && lum2 !== null) {\n    return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05);\n  } else {\n    return -1;\n  }\n};\n\n/**\n * Get the HSL lightness from a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const getHslLightessFromHex = (hex: CssColor) => {\n  return chroma(hex).hsl()[2];\n};\n\nexport const getHslSaturationFromHex = (hex: CssColor) => {\n  return chroma(hex).hsl()[1];\n};\n\n/**\n * Get the HSLuv lightness from a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const getLightnessFromHex = (hex: string) => {\n  const conv = new Hsluv();\n  conv.hex = hex;\n  conv.hexToHsluv();\n  return Number(conv.hsluv_l.toFixed(0));\n};\n\n/**\n * Get the contrast ratio between two HEX colors\n *\n * @param {CssColor} color1 The first color\n * @param {CssColor} color2 The second color\n * @returns\n */\nexport const getContrastFromHex = (color1: CssColor, color2: CssColor) => {\n  const lum1 = luminanceFromHex(color1);\n  const lum2 = luminanceFromHex(color2);\n  if (lum1 !== null && lum2 !== null) {\n    return getRatioFromLum(lum1, lum2);\n  }\n  return -1;\n};\n\n/**\n * Get the contrast ratio between two colors at a specific lightness\n *\n * @param lightness The lightness value\n * @param mainColor The main color\n * @param backgroundColor The background color\n * @returns The contrast ratio\n */\nexport const getContrastFromLightness = (lightness: number, mainColor: CssColor, backgroundColor: CssColor) => {\n  const conv = new Hsluv();\n  conv.hex = mainColor;\n  conv.hexToHsluv();\n  conv.hsluv_l = lightness;\n  conv.hsluvToHex();\n  const lightMainColor = conv.hex;\n  const lum1 = luminanceFromHex(lightMainColor as CssColor);\n  const lum2 = luminanceFromHex(backgroundColor);\n  const ratio = getRatioFromLum(lum1 ?? 0, lum2 ?? 0);\n\n  return ratio;\n};\n\n/**\n * Maps the numbers from [start1 - end1] to the range [start2 - end2], maintaining the proportionality between the numbers in the ranges using lineaer interpolation.\n */\n// const mapRange = (value: number, start1: number, end1: number, start2: number, end2: number) => {\n//   return start2 + ((value - start1) * (end2 - start2)) / (end1 - start1);\n// };\n\n/**\n * Check if two colors have enough contrast to be used together\n *\n * @param {CssColor} color1 The first color\n * @param {CssColor} color2 The second color\n * @returns {boolean} If the colors have enough contrast\n */\nexport const areColorsContrasting = (color1: CssColor, color2: CssColor, type: 'decorative' | 'aa' | 'aaa' = 'aa') => {\n  const contrast = getContrastFromHex(color1, color2);\n  if (contrast !== null) {\n    if (type === 'aaa') {\n      return contrast >= 7;\n    } else if (type === 'aa') {\n      return contrast >= 4.5;\n    } else {\n      return contrast >= 3;\n    }\n  }\n  return false;\n};\n\nexport const getApcaContrastLc = (textColor: CssColor, backgroundColor: CssColor) => {\n  const textColorRgb = hexToRgb(textColor);\n  const backgroundColorRgb = hexToRgb(backgroundColor);\n\n  if (textColorRgb && backgroundColorRgb) {\n    return APCAcontrast(\n      sRGBtoY([textColorRgb.r, textColorRgb.g, textColorRgb.b]),\n      sRGBtoY([backgroundColorRgb.r, backgroundColorRgb.g, backgroundColorRgb.b]),\n    );\n  }\n  return 0;\n};\n\n/**\n * Check if aa string value is a HEX color\n *\n * @param {string} hex The string to check\n * @returns {boolean} If the string is a HEX color\n */\nexport const isHexColor = (hex: string) => {\n  return typeof hex === 'string' && hex.length === 6 && !isNaN(Number('0x' + hex));\n};\n","///////////////////////////////////////////////////////////////////////////////\n/** @preserve\n/////    SAPC APCA - Advanced Perceptual Contrast Algorithm\n/////           Beta 0.1.9 W3 • contrast function only\n/////           DIST: W3 • Revision date: July 3, 2022\n/////    Function to parse color values and determine Lc contrast\n/////    Copyright © 2019-2022 by Andrew Somers. All Rights Reserved.\n/////    LICENSE: W3 LICENSE\n/////    CONTACT: Please use the ISSUES or DISCUSSIONS tab at:\n/////    https://github.com/Myndex/SAPC-APCA/\n/////\n///////////////////////////////////////////////////////////////////////////////\n/////\n/////    MINIMAL IMPORTS:\n/////      import { APCAcontrast, sRGBtoY, displayP3toY,\n/////               calcAPCA, fontLookupAPCA } from 'apca-w3';\n/////      import { colorParsley } from 'colorparsley';\n/////\n/////    FORWARD CONTRAST USAGE:\n/////      Lc = APCAcontrast( sRGBtoY( TEXTcolor ) , sRGBtoY( BACKGNDcolor ) );\n/////    Where the colors are sent as an rgba array [255,255,255,1]\n/////\n/////    Retrieving an array of font sizes for the contrast:\n/////      fontArray = fontLookupAPCA(Lc);\n/////\n/////    Live Demonstrator at https://www.myndex.com/APCA/\n// */\n///////////////////////////////////////////////////////////////////////////////\n\n////////////////////////////////////////////////////////////////////////////////\n/////\n/////                  SAPC Method and APCA Algorithm\n/////   W3 Licensed Version: https://github.com/Myndex/apca-w3\n/////   GITHUB MAIN REPO: https://github.com/Myndex/SAPC-APCA\n/////   DEVELOPER SITE: https://git.myndex.com/\n/////\n/////   Acknowledgments and Thanks To:\n/////   • This project references the research & work of M.Fairchild, R.W.Hunt,\n/////     Drs. Bailey/Lovie-Kitchin, G.Legge, A.Arditi, M.Stone, C.Poynton, \n/////     L.Arend, M.Luo, E.Burns, R.Blackwell, P.Barton, M.Brettel, and many \n/////     others — see refs at https://www.myndex.com/WEB/WCAG_CE17polarity\n/////   • Bruce Bailey of USAccessBoard for his encouragement, ideas, & feedback\n/////   • Chris Lilly of W3C for continued review, examination, & oversight\n/////   • Chris Loiselle of Oracle for getting us back on track in a pandemic\n/////   • The many volunteer test subjects for participating in the studies.\n/////   • The many early adopters, beta testers, and code/issue contributors\n/////   • Principal research conducted at Myndex by A.Somers.\n/////\n////////////////////////////////////////////////////////////////////////////////\n\n////////////////////////////////////////////////////////////////////////////////\n/////\n/////   *****  SAPC BLOCK  *****\n/////\n/////   For Evaluations, refer to this as: SAPC-8, 0.0.98G-series constant 4g\n/////            SAPC • S-LUV Advanced Predictive Color\n/////\n/////   SIMPLE VERSION — Only the basic APCA contrast predictor.\n/////\n/////   Included Extensions & Model Features in this file:\n/////       • SAPC-8 Core Contrast (Base APCA, non-clinical use only) \n/////       • G series constants, group \"G-4g\" using a 2.4 monitor exponent\n/////       • sRGB to Y, parses numeric sRGB color to luminance\n/////       • SoftToe black level soft clamp and flare compensation.\n/////\n/////\n////////////////////////////////////////////////////////////////////////////////\n/////\n/////               DISCLAIMER AND LIMITATIONS OF USE\n/////     APCA is an embodiment of certain suprathreshold contrast\n/////     prediction technologies and it is licensed to the W3 on a\n/////     limited basis for use in certain specific accessibility\n/////     guidelines for web content only. APCA may be used for \n/////     predicting colors for web content use without royalty.\n/////\n/////     However, Any such license excludes other use cases\n/////     not related to web content. Prohibited uses include\n/////     medical, clinical evaluation, human safety related,\n/////     aerospace, transportation, military applications, \n/////     and uses which are not specific to web based content\n/////     presented on self-illuminated displays or devices.\n/////\n////////////////////////////////////////////////////////////////////////////////\n\n//////////   APCA 0.1.9  G 4g USAGE  ///////////////////////////////////////////\n///\n///  The API for \"APCA 0.1.9\" is trivially simple.\n///  Send text and background sRGB numeric values to the sRGBtoY() function,\n///  and send the resulting text-Y and background-Y to the APCAcontrast function\n///  it returns a signed float with the numeric Lc contrast result.\n///  \n///  The two inputs are TEXT color and BACKGROUND color in that order.\n///  Each must be a numeric NOT a string, as this simple version has\n///  no string parsing utilities. EXAMPLE:\n///  ________________________________________________________________________\n///\n///     txtColor = colorParsley(0x123456); // color of the text\n///     bgColor  = colorParsley(0xabcdef); // color for the background\n///\n///     contrastLc = APCAcontrast( sRGBtoY(txtColor) , sRGBtoY(bgColor) );\n///  ________________________________________________________________________\n///\n///                  **********   QUICK START   **********\n///\n///  Each color must be a 24bit color (8 bit per channel) as a single integer\n///  (or 0x) sRGB encoded color, i.e. White is either the integer 16777216 or\n///  the hex 0xffffff. A float is returned with a positive or negative value.\n///  Negative values mean light text and a dark background, positive values\n///  mean dark text and a light background. 60.0, or -60.0 is a contrast\n///  \"sort of like\" the old WCAG 2's 4.5:1. NOTE: the total range is now less\n///  than ± 110, so output can be rounded to a signed INT but DO NOT output\n///  an absolute value - light text on dark BG should return a negative number.\n///\n///     *****  IMPORTANT: Do Not Mix Up Text and Background inputs.  *****\n///     ****************   APCA is polarity sensitive!   *****************\n///  \n////////////////////////////////////////////////////////////////////////////////\n\n\n////////////////////////////////////////////////////////////////////////////////\n///////////////////////////////////////////////////////////////////////////////\n/////    BEGIN APCA  0.1.9  BLOCK       \\/////////////////////////////////////\n////                                     \\///////////////////////////////////\n///                                       \\/////////////////////////////////\n//                                         \\///////////////////////////////\n\n\n/////  DEPENDENCIES  /////\n\n// The following imports are not needed for the main APCA function,\n// but are needed for the shortcut/alias calcAPCA(), and for the\n// future invertAPCA function, which examines hue.\n\n       ////  (add slash to line start for local test mode, remove before push)\n/*    ////  LOCAL TESTING SWITCH for using test.html\n    import{colorParsley}from'../node_modules/colorparsley/src/colorparsley.js';\n/*/   //// TOGGLE\n    import { colorParsley } from 'colorparsley';\n// */ //// END LOCAL TESTING SWITCH\n\n\n/////  Module Scope Object Containing Constants  /////\n/////   APCA   0.0.98G - 4g - W3 Compatible Constants\n\n/////  𝒦 SA98G  ///////////////////////////////////\n    const SA98G = {\n\n        mainTRC: 2.4, // 2.4 exponent for emulating actual monitor perception\n\n            // For reverseAPCA\n        get mainTRCencode() { return 1 / this.mainTRC },\n\n              // sRGB coefficients\n        sRco: 0.2126729, \n        sGco: 0.7151522, \n        sBco: 0.0721750, \n\n              // G-4g constants for use with 2.4 exponent\n        normBG: 0.56, \n        normTXT: 0.57,\n        revTXT: 0.62,\n        revBG: 0.65,\n\n              // G-4g Clamps and Scalers\n        blkThrs: 0.022,\n        blkClmp: 1.414, \n        scaleBoW: 1.14,\n        scaleWoB: 1.14,\n        loBoWoffset: 0.027,\n        loWoBoffset: 0.027,\n        deltaYmin: 0.0005,\n        loClip: 0.1,\n\n          ///// MAGIC NUMBERS for UNCLAMP, for use with 0.022 & 1.414 /////\n         // Magic Numbers for reverseAPCA\n        mFactor: 1.94685544331710,\n        get mFactInv() { return 1 / this.mFactor},\n        mOffsetIn: 0.03873938165714010,\n        mExpAdj: 0.2833433964208690,\n        get mExp() { return this.mExpAdj / this.blkClmp},\n        mOffsetOut: 0.3128657958707580,\n      }\n\n\n\n\n//////////////////////////////////////////////////////////////////////////////\n//////////  APCA CALCULATION FUNCTIONS \\/////////////////////////////////////\n\n//////////  ƒ  APCAcontrast()  ////////////////////////////////////////////\nexport function APCAcontrast (txtY,bgY,places = -1) {\n                 // send linear Y (luminance) for text and background.\n                // txtY and bgY must be between 0.0-1.0\n               // IMPORTANT: Do not swap, polarity is important.\n\n  const icp = [0.0,1.1];     // input range clamp / input error check\n\n  if(isNaN(txtY)||isNaN(bgY)||Math.min(txtY,bgY)<icp[0]||\n                              Math.max(txtY,bgY)>icp[1]){\n    return 0.0;  // return zero on error\n    // return 'error'; // optional string return for error\n  };\n\n//////////   SAPC LOCAL VARS   /////////////////////////////////////////\n\n  let SAPC = 0.0;            // For raw SAPC values\n  let outputContrast = 0.0; // For weighted final values\n  let polCat = 'BoW';      // Alternate Polarity Indicator. N normal R reverse\n\n  // TUTORIAL\n\n  // Use Y for text and BG, and soft clamp black,\n  // return 0 for very close luminances, determine\n  // polarity, and calculate SAPC raw contrast\n  // Then scale for easy to remember levels.\n\n  // Note that reverse contrast (white text on black)\n  // intentionally returns a negative number\n  // Proper polarity is important!\n\n//////////   BLACK SOFT CLAMP   ////////////////////////////////////////\n\n          // Soft clamps Y for either color if it is near black.\n  txtY = (txtY > SA98G.blkThrs) ? txtY :\n                         txtY + Math.pow(SA98G.blkThrs - txtY, SA98G.blkClmp);\n  bgY = (bgY > SA98G.blkThrs) ? bgY :\n                          bgY + Math.pow(SA98G.blkThrs - bgY, SA98G.blkClmp);\n\n       ///// Return 0 Early for extremely low ∆Y\n  if ( Math.abs(bgY - txtY) < SA98G.deltaYmin ) { return 0.0; }\n\n\n//////////   APCA/SAPC CONTRAST - LOW CLIP (W3 LICENSE)  ///////////////\n\n  if ( bgY > txtY ) {  // For normal polarity, black text on white (BoW)\n\n              // Calculate the SAPC contrast value and scale\n    SAPC = ( Math.pow(bgY, SA98G.normBG) - \n             Math.pow(txtY, SA98G.normTXT) ) * SA98G.scaleBoW;\n\n            // Low Contrast smooth rollout to prevent polarity reversal\n           // and also a low-clip for very low contrasts\n    outputContrast = (SAPC < SA98G.loClip) ? 0.0 : SAPC - SA98G.loBoWoffset;\n\n  } else {  // For reverse polarity, light text on dark (WoB)\n           // WoB should always return negative value.\n    polCat = 'WoB';\n\n    SAPC = ( Math.pow(bgY, SA98G.revBG) - \n             Math.pow(txtY, SA98G.revTXT) ) * SA98G.scaleWoB;\n\n    outputContrast = (SAPC > -SA98G.loClip) ? 0.0 : SAPC + SA98G.loWoBoffset;\n  }\n\n         // return Lc (lightness contrast) as a signed numeric value \n        // Round to the nearest whole number as string is optional.\n       // Rounded can be a signed INT as output will be within ± 127 \n      // places = -1 returns signed float, 1 or more set that many places\n     // 0 returns rounded string, uses BoW or WoB instead of minus sign\n\n  if(places < 0 ){  // Default (-1) number out, all others are strings\n    return  outputContrast * 100.0;\n  } else if(places == 0 ){\n    return  Math.round(Math.abs(outputContrast)*100.0)+'<sub>'+polCat+'</sub>';\n  } else if(Number.isInteger(places)){\n    return  (outputContrast * 100.0).toFixed(places);\n  } else { return 0.0 }\n\n} // End APCAcontrast()\n\n\n\n\n/*  SWITCH -- WORK IN PROGRESS DO NOT USE\n//////////  ƒ  invertAPCA()  //////////////////////////////////////////////////\nexport function invertAPCA (\n      {knownColor: [128,128,128], knownType: 'bg', targetCnst: 75,\n       returnAs: 'object', unknownType: 'txt', hueInvert: false,\n       hueRange: 5, preserveSat: false }) {\n\n  //if (Math.abs(targetCnst) < 15) { return false }; // abs contrast must be > 15\n\n  let knownY = sRGBtoY (knownColor);\n  let unknownY = knownY, knownExp, unknownExp;\n  let min,max,knownLs,isBG = true;\n\n\n  if (knownType == 'bg' || knownType == 'background') {\n    knownLs = Math.pow(knownY, );\n    black = APCAcontrast(0,knownY);\n    white = APCAcontrast(1,knownY);\n  } else if  (knownType == 'txt' || knownType == 'text') {\n    isBG = false;\n    black = APCAcontrast(knownY,0);\n    white = APCAcontrast(knownY,1);\n  } else { return false } // return false on error\n\n\n/////   APCA   0.0.98G - 4g - W3 Compatible Constants   ////////////////////\n\n  const scale = contrast > 0 ? SA98G.scaleBoW : SA98G.scaleWoB;\n  const offset = contrast > 0 ? SA98G.loBoWoffset : -SA98G.loWoBoffset;\n\n\n    targetCnst = ( parseFloat(targetCnst) * 0.01 + offset ) / scale;\n\n              // Soft clamps Y if it is near black.\n    knownY = (knownY > SA98G.blkThrs) ? knownY :\n              knownY + Math.pow(SA98G.blkThrs - knownY, SA98G.blkClmp);\n                                  \n       // set the known and unknown exponents\n    if (isBG) {\n        knownExp = targetCnst > 0 ? SA98G.normBG : SA98G.revBG;\n        unknownExp = targetCnst > 0 ? SA98G.normTXT : SA98G.revTXT;\n        unknownY = Math.pow( Math.pow(knownY,knownExp) - targetCnst, 1/unknownExp );\n        if (isNaN(unknownY)) return false;\n    } else if (!isBG) {\n        knownExp = targetCnst > 0 ? SA98G.normTXT : SA98G.revTXT;\n        unknownExp = targetCnst > 0 ? SA98G.normBG : SA98G.revBG;\n        unknownY = Math.pow(targetCnst + Math.pow(knownY,knownExp), 1/unknownExp );\n        if (isNaN(unknownY)) return false;\n    }\n\n    //return contrast +'----'+unknownY;\n\n    if (unknownY > 1.06 || unknownY < 0) { return false } // return false on overflow\n    // if (unknownY < 0) { return false } // return false on underflow\n    //unknownY = Math.max(unknownY,0.0);\n    \n                //  unclamp\n    unknownY = (unknownY > SA98G.blkThrs) ? unknownY : \n    (Math.pow(((unknownY + SA98G.mOffsetIn)m* SA98G.mFactor),\n                           SA98G.mExp) * SA98G.mFactInv) - SA98G.mOffsetOut;\n    \n//    unknownY - 0.22 * Math.pow(unknownY*0.5, 1/blkClmp);\n\n    unknownY = Math.max(Math.min(unknownY,1.0),0.0);\n\n    let testedCnst = (isBG) ? APCAcontrast(unknownY,knownY) : \n                              APCAcontrast(knownY,unknownY);\n\n  if (returnAs === 'object') {\n    let hexB = ( Math.round(Math.pow(unknownY,SA98G.mainTRCencode) * 255)\n                ).toString(16).padStart(2,'0');\n    hexB = '#' + hexB + hexB + hexB;\n    return  {color: hexB, Lc: testedCnst, whiteLc: white, blackLc: black};\n  } else if (returnAs === 'hex') {\n    let hexB = ( Math.round(Math.pow(unknownY,SA98G.mainTRCencode) * 255)\n                ).toString(16).padStart(2,'0');\n    return  '#' + hexB + hexB + hexB;\n  } else if (returnAs === 'array') {\n    let colorB = Math.round(Math.pow(unknownY,SA98G.mainTRCencode) * 255);\n    let retUse = (knownType == 'bg') ? 'txtColor' : 'bgColor'\n    return  [colorB,colorB,colorB,1,retUse];\n  } else if (returnAs === 'Y' || returnAs === 'y') {\n    return  Math.max(0.0,unknownY);\n  } else { return false } // return knownY on error\n}\n//  */  // END SWITCH\n\n\n\n\n//////////  ƒ  reverseAPCA() DEPRECATED SOON ///////////////////////////////\nexport function reverseAPCA (contrast = 0,knownY = 1.0,\n                             knownType = 'bg',returnAs = 'hex') {\n    \n  if (Math.abs(contrast) < 9) { return false }; // abs contrast must be > 9\n  \n  let unknownY = knownY, knownExp, unknownExp;\n  \n/////   APCA   0.0.98G - 4g - W3 Compatible Constants   ////////////////////\n\n  const scale = contrast > 0 ? SA98G.scaleBoW : SA98G.scaleWoB;\n  const offset = contrast > 0 ? SA98G.loBoWoffset : -SA98G.loWoBoffset;\n\n\n  contrast = ( parseFloat(contrast) * 0.01 + offset ) / scale;\n\n            // Soft clamps Y if it is near black.\n  knownY = (knownY > SA98G.blkThrs) ? knownY :\n            knownY + Math.pow(SA98G.blkThrs - knownY, SA98G.blkClmp);\n                                \n     // set the known and unknown exponents\n  if (knownType == 'bg' || knownType == 'background') {\n      knownExp = contrast > 0 ? SA98G.normBG : SA98G.revBG;\n      unknownExp = contrast > 0 ? SA98G.normTXT : SA98G.revTXT;\n      unknownY = Math.pow( Math.pow(knownY,knownExp) - contrast, 1/unknownExp );\n      if (isNaN(unknownY)) return false;\n  } else if (knownType == 'txt' || knownType == 'text') {\n      knownExp = contrast > 0 ? SA98G.normTXT : SA98G.revTXT;\n      unknownExp = contrast > 0 ? SA98G.normBG : SA98G.revBG;\n      unknownY = Math.pow(contrast + Math.pow(knownY,knownExp), 1/unknownExp );\n      if (isNaN(unknownY)) return false;\n  } else { return false } // return false on error\n\n  //return contrast +'----'+unknownY;\n\n  if (unknownY > 1.06 || unknownY < 0) { return false } // return false on overflow\n  // if (unknownY < 0) { return false } // return false on underflow\n  //unknownY = Math.max(unknownY,0.0);\n  \n              //  unclamp\n  unknownY = (unknownY > SA98G.blkThrs) ? unknownY : \n  (Math.pow(((unknownY + SA98G.mOffsetIn) * SA98G.mFactor),\n                         SA98G.mExp) * SA98G.mFactInv) - SA98G.mOffsetOut;\n  \n//    unknownY - 0.22 * Math.pow(unknownY*0.5, 1/blkClmp);\n\n  unknownY = Math.max(Math.min(unknownY,1.0),0.0);\n\n  if (returnAs === 'hex') {\n    let hexB = ( Math.round(Math.pow(unknownY,SA98G.mainTRCencode) * 255)\n                ).toString(16).padStart(2,'0');\n\n    return  '#' + hexB + hexB + hexB;\n  } else if (returnAs === 'color') {\n    let colorB = Math.round(Math.pow(unknownY,SA98G.mainTRCencode) * 255);\n    let retUse = (knownType == 'bg') ? 'txtColor' : 'bgColor'\n    return  [colorB,colorB,colorB,1,retUse];\n  } else if (returnAs === 'Y' || returnAs === 'y') {\n    return  Math.max(0.0,unknownY);\n  } else { return false } // return knownY on error\n}\n\n\n\n\n//////////  ƒ  calcAPCA()  /////////////////////////////////////////////\nexport function calcAPCA (textColor, bgColor, places = -1, round = true) {\n\n        // Note that this function requires colorParsley !!\n\tlet bgClr = colorParsley(bgColor);\n\tlet txClr = colorParsley(textColor);\n\tlet hasAlpha = (txClr[3] == '' || txClr[3] == 1) ? false : true ;\n\n\tif (hasAlpha) { txClr = alphaBlend( txClr, bgClr, round); };\n\n\treturn APCAcontrast( sRGBtoY(txClr), sRGBtoY(bgClr), places)\n} // End calcAPCA()\n\n\n\n\n//////////////////////////////////////////////////////////////////////////////\n//////////  ƒ  fontLookupAPCA()  0.1.7 (G)  \\////////////////////////////////\n/////////                                    \\//////////////////////////////\n\nexport function fontLookupAPCA (contrast,places=2) {\n\n////////////////////////////////////////////////////////////////////////////\n/////  CONTRAST * FONT WEIGHT & SIZE  /////////////////////////////////////\n\n// Font size interpolations. Here the chart was re-ordered to put\n// the main contrast levels each on one line, instead of font size per line.\n// First column is LC value, then each following column is font size by weight\n\n// G G G G G G  Public Beta 0.1.7 (G) • MAY 28 2022\n\n// Lc values under 70 should have Lc 15 ADDED if used for body text\n// All font sizes are in px and reference font is Barlow\n\n// 999: prohibited - too low contrast\n// 777: NON TEXT at this minimum weight stroke\n// 666 - this is for spot text, not fluent-Things like copyright or placeholder.\n// 5xx - minimum font at this weight for content, 5xx % 500 for font-size\n// 4xx - minimum font at this weight for any purpose], 4xx % 400 for font-size\n\n// MAIN FONT SIZE LOOKUP\n\n//// ASCENDING SORTED  Public Beta 0.1.7 (G) • MAY 28 2022  ////\n\n//// Lc 45 * 0.2 = 9 which is the index for the row for Lc 45\n\n// MAIN FONT LOOKUP May 28 2022 EXPANDED\n// Sorted by Lc Value\n// First row is standard weights 100-900\n// First column is font size in px\n// All other values are the Lc contrast \n// 999 = too low. 777 = non-text and spot text only\n\n\nconst fontMatrixAscend = [\n    ['Lc',100,200,300,400,500,600,700,800,900],\n    [0,999,999,999,999,999,999,999,999,999],\n    [10,999,999,999,999,999,999,999,999,999],\n    [15,777,777,777,777,777,777,777,777,777],\n    [20,777,777,777,777,777,777,777,777,777],\n    [25,777,777,777,120,120,108,96,96,96],\n    [30,777,777,120,108,108,96,72,72,72],\n    [35,777,120,108,96,72,60,48,48,48],\n    [40,120,108,96,60,48,42,32,32,32],\n    [45,108,96,72,42,32,28,24,24,24],\n    [50,96,72,60,32,28,24,21,21,21],\n    [55,80,60,48,28,24,21,18,18,18],\n    [60,72,48,42,24,21,18,16,16,18],\n    [65,68,46,32,21.75,19,17,15,16,18],\n    [70,64,44,28,19.5,18,16,14.5,16,18],\n    [75,60,42,24,18,16,15,14,16,18],\n    [80,56,38.25,23,17.25,15.81,14.81,14,16,18],\n    [85,52,34.5,22,16.5,15.625,14.625,14,16,18],\n    [90,48,32,21,16,15.5,14.5,14,16,18],\n    [95,45,28,19.5,15.5,15,14,13.5,16,18],\n    [100,42,26.5,18.5,15,14.5,13.5,13,16,18],\n    [105,39,25,18,14.5,14,13,12,16,18],\n    [110,36,24,18,14,13,12,11,16,18],\n    [115,34.5,22.5,17.25,12.5,11.875,11.25,10.625,14.5,16.5],\n    [120,33,21,16.5,11,10.75,10.5,10.25,13,15],\n    [125,32,20,16,10,10,10,10,12,14],\n    ];\n\n\n// ASCENDING SORTED  Public Beta 0.1.7 (G) • MAY 28 2022 ////\n\n// DELTA - MAIN FONT LOOKUP May 28 2022 EXPANDED\n// EXPANDED  Sorted by Lc Value ••  DELTA\n// The pre-calculated deltas of the above array\n\nconst fontDeltaAscend = [\n    ['∆Lc',100,200,300,400,500,600,700,800,900],\n    [0,0,0,0,0,0,0,0,0,0],\n    [10,0,0,0,0,0,0,0,0,0],\n    [15,0,0,0,0,0,0,0,0,0],\n    [20,0,0,0,0,0,0,0,0,0],\n    [25,0,0,0,12,12,12,24,24,24],\n    [30,0,0,12,12,36,36,24,24,24],\n    [35,0,12,12,36,24,18,16,16,16],\n    [40,12,12,24,18,16,14,8,8,8],\n    [45,12,24,12,10,4,4,3,3,3],\n    [50,16,12,12,4,4,3,3,3,3],\n    [55,8,12,6,4,3,3,2,2,0],\n    [60,4,2,10,2.25,2,1,1,0,0],\n    [65,4,2,4,2.25,1,1,0.5,0,0],\n    [70,4,2,4,1.5,2,1,0.5,0,0],\n    [75,4,3.75,1,0.75,0.188,0.188,0,0,0],\n    [80,4,3.75,1,0.75,0.188,0.188,0,0,0],\n    [85,4,2.5,1,0.5,0.125,0.125,0,0,0],\n    [90,3,4,1.5,0.5,0.5,0.5,0.5,0,0],\n    [95,3,1.5,1,0.5,0.5,0.5,0.5,0,0],\n    [100,3,1.5,0.5,0.5,0.5,0.5,1,0,0],\n    [105,3,1,0,0.5,1,1,1,0,0],\n    [110,1.5,1.5,0.75,1.5,1.125,0.75,0.375,1.5,1.5],\n    [115,1.5,1.5,0.75,1.5,1.125,0.75,0.375,1.5,1.5],\n    [120,1,1,0.5,1,0.75,0.5,0.25,1,1],\n    [125,0,0,0,0,0,0,0,0,0],\n    ];\n\n  // APCA CONTRAST FONT LOOKUP TABLES\n  // Copyright © 2022 by Myndex Research and Andrew Somers. All Rights Reserved\n  // Public Beta 0.1.7 (G) • MAY 28 2022\n  // For the following arrays, the Y axis is contrastArrayLen\n  // The two x axis are weightArrayLen and scoreArrayLen\n\n  // MAY 28 2022\n\n  const weightArray = [0,100,200,300,400,500,600,700,800,900];\n  const weightArrayLen = weightArray.length; // X axis\n\n  let returnArray = [contrast.toFixed(places),0,0,0,0,0,0,0,0,0,];\n  const returnArrayLen = returnArray.length; // X axis\n\n\n  const contrastArrayAscend = ['lc',0,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100,105,110,115,120,125,];\n  const contrastArrayLenAsc = contrastArrayAscend.length; // Y azis\n\n//// Lc 45 * 0.2 = 9, and 9 is the index for the row for Lc 45\n\n  let tempFont = 777;\n  contrast = Math.abs(contrast); // Polarity unneeded for LUT\n  const factor = 0.2; // 1/5 as LUT is in increments of 5\n  const index = (contrast == 0) ?\n                 1 : (contrast * factor) | 0 ; // LUT row... n|0 is bw floor\n  let w = 0; \n    // scoreAdj interpolates the needed font side per the Lc\n  let scoreAdj = (contrast - fontMatrixAscend[index][w]) * factor;\n\n  w++; // determines column in font matrix LUT\n\n\n/////////  Font and Score Interpolation  \\/////////////////////////////////\n\n// populate returnArray with interpolated values\n\n  for (; w < weightArrayLen; w++) {\n\n    tempFont = fontMatrixAscend[index][w]; \n\n    if (tempFont > 400) { // declares a specific minimum for the weight.\n        returnArray[w] = tempFont;\n    } else if (contrast < 14.5 ) {\n        returnArray[w] = 999; //  999 = do not use for anything\n    } else if (contrast < 29.5 ) {\n        returnArray[w] = 777; // 777 =  non-text only\n    } else {\n                // INTERPOLATION OF FONT SIZE\n               // sets level for 0.5px size increments of smaller fonts\n              // Note bitwise (n|0) instead of floor\n      (tempFont > 24) ?\n        returnArray[w] =\n            Math.round(tempFont - (fontDeltaAscend[index][w] * scoreAdj)) :\n        returnArray[w] =\n            tempFont - ((2.0 * fontDeltaAscend[index][w] * scoreAdj) | 0) * 0.5;\n                                                      // (n|0) is bitwise floor\n    }\n  }\n/////////  End Interpolation  ////////////////////////////////////////////\n\n  return returnArray\n} // end fontLookupAPCA\n\n/////////\\                                      ///////////////////////////\\\n//////////\\  END  fontLookupAPCA()  0.1.7 (G)  /////////////////////////////\\\n/////////////////////////////////////////////////////////////////////////////\\\n\n\n\n\n//////////////////////////////////////////////////////////////////////////////\n//////////  LUMINANCE CONVERTERS  |//////////////////////////////////////////\n\n\n//////////  ƒ  sRGBtoY()  //////////////////////////////////////////////////\nexport function sRGBtoY (rgb = [0,0,0]) { // send sRGB 8bpc (0xFFFFFF) or string\n\n// NOTE: Currently expects 0-255\n\n/////   APCA   0.0.98G - 4g - W3 Compatible Constants   ////////////////////\n/*\nconst mainTRC = 2.4; // 2.4 exponent emulates actual monitor perception\n    \nconst sRco = 0.2126729, \n      sGco = 0.7151522, \n      sBco = 0.0721750; // sRGB coefficients\n      */\n// Future:\n// 0.2126478133913640\t0.7151791475336150\t0.0721730390750208\n// Derived from:\n// xW\tyW\tK\txR\tyR\txG\tyG\txB\tyB\n// 0.312720\t0.329030\t6504\t0.640\t0.330\t0.300\t0.600\t0.150\t0.060\n\n         // linearize r, g, or b then apply coefficients\n        // and sum then return the resulting luminance\n\n  function simpleExp (chan) { return Math.pow(chan/255.0, SA98G.mainTRC); };\n\n  return SA98G.sRco * simpleExp(rgb[0]) +\n         SA98G.sGco * simpleExp(rgb[1]) +\n         SA98G.sBco * simpleExp(rgb[2]);\n         \n} // End sRGBtoY()\n\n\n\n\n//////////  ƒ  displayP3toY()  /////////////////////////////////////////////\nexport function displayP3toY (rgb = [0,0,0]) { // send rgba array\n\n// NOTE: Currently Apple has the tuple as 0.0 to 1.0, NOT 255\n\n/////   APCA   0.0.98G - 4g - W3 Compatible Constants   ////////////////////\n\nconst mainTRC = 2.4; // 2.4 exponent emulates actual monitor perception\n                    // Pending evaluation, because, Apple...\n    \nconst sRco = 0.2289829594805780, \n      sGco = 0.6917492625852380, \n      sBco = 0.0792677779341829; // displayP3 coefficients\n\n// Derived from:\n// xW\tyW\tK\txR\tyR\txG\tyG\txB\tyB\n// 0.312720\t0.329030\t6504\t0.680\t0.320\t0.265\t0.690\t0.150\t0.060\n\n         // linearize r, g, or b then apply coefficients\n        // and sum then return the resulting luminance\n\n  function simpleExp (chan) { return Math.pow(chan, mainTRC); };\n\n  return sRco * simpleExp(rgb[0]) +\n         sGco * simpleExp(rgb[1]) +\n         sBco * simpleExp(rgb[2]);\n\n} // End displayP3toY()\n\n\n\n\n//////////  ƒ  adobeRGBtoY()  /////////////////////////////////////////////\nexport function adobeRGBtoY (rgb = [0,0,0]) { // send rgba array\n\n// NOTE: Currently expects 0-255\n\n/////   APCA   0.0.98G - 4g - W3 Compatible Constants   ////////////////////\n\nconst mainTRC = 2.35; // 2.35 exponent emulates actual monitor perception\n                     // Pending evaluation...\n    \nconst sRco = 0.2973550227113810, \n      sGco = 0.6273727497145280, \n      sBco = 0.0752722275740913; // adobeRGB coefficients\n\n// Derived from:\n// xW\tyW\tK\txR\tyR\txG\tyG\txB\tyB\n// 0.312720\t0.329030\t6504\t0.640\t0.330\t0.210\t0.710\t0.150\t0.060\n\n         // linearize r, g, or b then apply coefficients\n        // and sum then return the resulting luminance\n\n  function simpleExp (chan) { return Math.pow(chan/255.0, mainTRC); };\n\n  return sRco * simpleExp(rgb[0]) +\n         sGco * simpleExp(rgb[1]) +\n         sBco * simpleExp(rgb[2]);\n\n} // End displayP3toY()\n\n\n\n\n////////////////////////////////////////////////////////////////////////////\n//////////  UTILITIES  \\///////////////////////////////////////////////////\n\n\n//////////  ƒ  alphaBlend()  /////////////////////////////////////////////\n\n                      // send rgba array for text/icon, rgb for background.\n                     // Only foreground allows alpha of 0.0 to 1.0 \n                    // This blends using gamma encoded space (standard)\n                   // rounded 0-255 or set round=false for number 0.0-255.0\nexport function alphaBlend (rgbaFG=[0,0,0,1.0], rgbBG=[0,0,0], round = true ) {\n\t\n\trgbaFG[3] = Math.max(Math.min(rgbaFG[3], 1.0), 0.0); // clamp alpha 0-1\n\tlet compBlend = 1.0 - rgbaFG[3];\n\tlet rgbOut = [0,0,0,1,true]; // or just use rgbBG to retain other elements?\n\t\n\tfor (let i=0;i<3;i++) {\n\t\trgbOut[i] = rgbBG[i] * compBlend + rgbaFG[i] * rgbaFG[3];\n\t\tif (round) rgbOut[i] = Math.min(Math.round(rgbOut[i]),255);\n\t};\n  return rgbOut;\n} // End alphaBlend()\n\n\n\n\n//\\                                     ////////////////////////////////////////\n///\\                                   ////////////////////////////////////////\n////\\                                 ////////////////////////////////////////\n/////\\  END APCA 0.1.9  G-4g  BLOCK  ////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////\n///////////////////////////////////////////////////////////////////////////\n","import type { CssColor } from '@adobe/leonardo-contrast-colors';\nimport { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors';\nimport { Hsluv } from 'hsluv';\n\nimport type { ContrastMode, Mode, ColorInfo, ColorNumber, ThemeInfo, ColorType } from './types';\nimport { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './colorUtils';\n\nconst blueBaseColor = '#0A71C0';\nconst greenBaseColor = '#078D19';\nconst orangeBaseColor = '#CA5C21';\nconst purpleBaseColor = '#663299';\nconst redBaseColor = '#C01B1B';\nconst yellowBaseColor = '#EABF28';\n\nexport type ColorError = 'none' | 'decorative' | 'interaction';\n\ntype GlobalGenType = {\n  themeMode?: Mode | 'all';\n  contrastMode?: ContrastMode;\n};\n\ntype ThemeGenType = {\n  colors: {\n    accent: CssColor;\n    neutral: CssColor;\n    brand1: CssColor;\n    brand2: CssColor;\n    brand3: CssColor;\n  };\n  contrastMode?: ContrastMode;\n};\n\n/**\n * Generates a Leonardo theme color that is used to create a Leonardo Theme\n *\n * @param color CssColor\n * @param mode Light, Dark or Contrastmode\n * @param contrastMode Contrast mode\n * @returns\n */\nconst generateThemeColor = (color: CssColor, mode: Mode, contrastMode: 'aa' | 'aaa' = 'aa') => {\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n  let colorLightness = getLightnessFromHex(color);\n  if (mode === 'dark' || mode === 'contrast') {\n    color = getBaseColor(color);\n    colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;\n  }\n\n  const multiplier = colorLightness <= 30 ? -8 : 8;\n  const baseDefaultContrast = getContrastFromLightness(colorLightness, color, leoBackgroundColor.colorKeys[0]);\n  const baseHoverContrast = getContrastFromLightness(\n    colorLightness - multiplier,\n    color,\n    leoBackgroundColor.colorKeys[0],\n  );\n  const baseActiveContrast = getContrastFromLightness(\n    colorLightness - multiplier * 2,\n    color,\n    leoBackgroundColor.colorKeys[0],\n  );\n\n  const textSubLightLightness = contrastMode === 'aa' ? 42 : 30;\n  const textDefLightLightness = contrastMode === 'aa' ? 18 : 12;\n\n  const textSubDarkLightness = contrastMode === 'aa' ? 67 : 80;\n  const textDefDarkLightness = contrastMode === 'aa' ? 90 : 94;\n\n  let lightnessScale: number[] = [];\n\n  if (mode === 'light') {\n    lightnessScale = [100, 96, 90, 84, 78, 76, 54, 33, textSubLightLightness, textDefLightLightness];\n  } else if (mode === 'dark') {\n    lightnessScale = [10, 14, 20, 26, 32, 35, 47, 77, textSubDarkLightness, textDefDarkLightness];\n  } else {\n    lightnessScale = [1, 6, 14, 20, 26, 58, 70, 82, 80, 95];\n  }\n\n  const getColorContrasts = (color: CssColor, lightnessScale: number[], backgroundColor: CssColor) => {\n    return lightnessScale.map((lightness) => getContrastFromLightness(lightness, color, backgroundColor));\n  };\n\n  return new Color({\n    name: 'color',\n    colorKeys: [color],\n    ratios: [\n      ...getColorContrasts(color, lightnessScale.slice(0, 8), leoBackgroundColor.colorKeys[0]),\n      baseDefaultContrast,\n      baseHoverContrast,\n      baseActiveContrast,\n      ...getColorContrasts(color, lightnessScale.slice(8), leoBackgroundColor.colorKeys[0]),\n    ],\n  });\n};\n\n/**\n *\n * Generates a color scale based on a base color and a mode.\n *\n * @param color The base color that is used to generate the color scale\n * @param mode The mode of the theme\n */\nexport const generateScaleForColor = (color: CssColor, mode: Mode, contrastMode: 'aa' | 'aaa' = 'aa'): ColorInfo[] => {\n  const themeColor = generateThemeColor(color, mode, contrastMode);\n\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n\n  const theme = new Theme({\n    colors: [themeColor],\n    backgroundColor: leoBackgroundColor,\n    lightness: 100,\n  });\n\n  const outputArray: ColorInfo[] = [];\n  for (let i = 0; i < theme.contrastColorValues.length; i++) {\n    outputArray.push({\n      hex: theme.contrastColorValues[i],\n      number: (i + 1) as ColorNumber,\n      name: getColorNameFromNumber((i + 1) as ColorNumber),\n    });\n  }\n  outputArray.push({\n    hex: calculateContrastOneColor(theme.contrastColorValues[8]),\n    number: 14,\n    name: getColorNameFromNumber(14),\n  });\n  outputArray.push({\n    hex: calculateContrastTwoColor(theme.contrastColorValues[8]),\n    number: 15,\n    name: getColorNameFromNumber(15),\n  });\n\n  if (mode === 'light') {\n    outputArray[8].hex = color;\n  }\n\n  return outputArray;\n};\n\n/**\n *\n * Generates a color theme based on a base color. Light, Dark and Contrast scales are includes.\n *\n * @param color The base color that is used to generate the color theme\n */\nexport const generateThemeForColor = (color: CssColor, contrastMode: 'aa' | 'aaa' = 'aa') => {\n  const lightScale = generateScaleForColor(color, 'light', contrastMode);\n  const darkScale = generateScaleForColor(color, 'dark', contrastMode);\n  const contrastScale = generateScaleForColor(color, 'contrast', contrastMode);\n\n  return {\n    light: lightScale,\n    dark: darkScale,\n    contrast: contrastScale,\n  } as ThemeInfo;\n};\n\nexport const generateGlobalColors = ({ contrastMode = 'aa' }: GlobalGenType) => {\n  const blueTheme = generateThemeForColor(blueBaseColor, contrastMode);\n  const greenTheme = generateThemeForColor(greenBaseColor, contrastMode);\n  const orangeTheme = generateThemeForColor(orangeBaseColor, contrastMode);\n  const purpleTheme = generateThemeForColor(purpleBaseColor, contrastMode);\n  const redTheme = generateThemeForColor(redBaseColor, contrastMode);\n  const yellowTheme = generateThemeForColor(yellowBaseColor, contrastMode);\n\n  return {\n    blue: blueTheme,\n    green: greenTheme,\n    orange: orangeTheme,\n    purple: purpleTheme,\n    red: redTheme,\n    yellow: yellowTheme,\n  };\n};\n\n/**\n * This function generates a complete theme for a set of colors.\n *\n * @param colors Which colors to generate the theme for\n * @param contrastMode The contrast mode to use\n * @returns\n */\nexport const generateColorTheme = ({ colors, contrastMode = 'aa' }: ThemeGenType) => {\n  const accentTheme = generateThemeForColor(colors.accent, contrastMode);\n  const neutralTheme = generateThemeForColor(colors.neutral, contrastMode);\n  const brand1Theme = generateThemeForColor(colors.brand1, contrastMode);\n  const brand2Theme = generateThemeForColor(colors.brand2, contrastMode);\n  const brand3Theme = generateThemeForColor(colors.brand3, contrastMode);\n\n  return {\n    accent: accentTheme,\n    neutral: neutralTheme,\n    brand1: brand1Theme,\n    brand2: brand2Theme,\n    brand3: brand3Theme,\n  };\n};\n\n/**\n *\n * This function calculates a color that can be used as a strong contrast color to a base color.\n *\n * @param baseColor The base color\n */\nexport const calculateContrastOneColor = (baseColor: CssColor) => {\n  const contrastWhite = getContrastFromHex(baseColor, '#ffffff');\n  const contrastBlack = getContrastFromHex(baseColor, '#000000');\n  const lightness = contrastWhite >= contrastBlack ? 100 : 0;\n  // const color = createColorWithLightness(baseColor, lightness);\n\n  return lightness === 0 ? '#000000' : '#ffffff';\n};\n\n/**\n *\n * This function calculates a color that can be used as a subtle contrast color to a base color.\n *\n * @param color The base color\n */\nexport const calculateContrastTwoColor = (color: CssColor) => {\n  const contrastWhite = getContrastFromHex(color, '#ffffff');\n  const contrastBlack = getContrastFromHex(color, '#000000');\n  const lightness = getLightnessFromHex(color);\n  const doubleALightnessModifier = lightness <= 40 ? 60 : lightness >= 60 ? 60 : 50;\n\n  let targetLightness = 0;\n  const contrastDirection = contrastWhite >= contrastBlack ? 'lighten' : 'darken';\n\n  targetLightness =\n    contrastDirection === 'lighten' ? lightness + doubleALightnessModifier : lightness - doubleALightnessModifier;\n\n  return createColorWithLightness(color, targetLightness);\n};\n\n/**\n *\n * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast.\n *\n * @param baseDefaultColor Base default color\n * @param baseActiveColor Base active color\n */\nexport const canTextBeUsedOnColors = (baseDefaultColor: CssColor, baseActiveColor: CssColor) => {\n  const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, '#ffffff');\n  const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, '#000000');\n\n  const activeAgainstWhite = getContrastFromHex(baseActiveColor, '#ffffff');\n  const activeAgainstBlack = getContrastFromHex(baseActiveColor, '#000000');\n\n  if (defaultAgainstWhite >= 4.5 && activeAgainstWhite >= 4.5) {\n    return true;\n  } else if (defaultAgainstBlack >= 4.5 && activeAgainstBlack >= 4.5) {\n    return true;\n  }\n\n  return false;\n};\n\n/**\n *\n * This function creates a color with a specific lightness value.\n *\n * @param color The base color\n * @param lightness The lightness value from 0 to 100\n */\nexport const createColorWithLightness = (color: CssColor, lightness: number) => {\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n  const colors = new Color({\n    name: 'color',\n    colorKeys: [color],\n    ratios: [getContrastFromLightness(lightness, color, '#ffffff')],\n  });\n\n  const theme = new Theme({\n    colors: [colors],\n    backgroundColor: leoBackgroundColor,\n    lightness: 100,\n  });\n  return theme.contrastColorValues[0];\n};\n\n/**\n *\n * This function returns the color number based on the color name.\n *\n * @param name The name of the color\n */\nexport const getColorNumberFromName = (name: string): ColorNumber => {\n  const colorMap: { [key: string]: ColorNumber } = {\n    'Background Default': 1,\n    'Background Subtle': 2,\n    'Surface Default': 3,\n    'Surface Hover': 4,\n    'Surface Active': 5,\n    'Border Subtle': 6,\n    'Border Default': 7,\n    'Border Strong': 8,\n    'Base Default': 9,\n    'Base Hover': 10,\n    'Base Active': 11,\n    'Text Subtle': 12,\n    'Text Default': 13,\n    'Contrast Default': 14,\n    'Contrast Subtle': 15,\n  };\n  return colorMap[name];\n};\n\n/**\n *\n * This function returns the color name based on the color number.\n *\n * @param number The number of the color\n */\nexport const getColorNameFromNumber = (number: ColorNumber): string => {\n  const colorMap: { [key in ColorNumber]: string } = {\n    1: 'Background Default',\n    2: 'Background Subtle',\n    3: 'Surface Default',\n    4: 'Surface Hover',\n    5: 'Surface Active',\n    6: 'Border Subtle',\n    7: 'Border Default',\n    8: 'Border Strong',\n    9: 'Base Default',\n    10: 'Base Hover',\n    11: 'Base Active',\n    12: 'Text Subtle',\n    13: 'Text Default',\n    14: 'Contrast Default',\n    15: 'Contrast Subtle',\n  };\n  return colorMap[number];\n};\n\nexport const getBaseColor = (color: CssColor) => {\n  const conv = new Hsluv();\n  conv.hex = color;\n  conv.hexToHsluv();\n  // conv.hsluv_l = 100 - conv.hsluv_l;\n  // conv.hsluv_s = getSaturationForDarkMode(color, conv.hsluv_s);\n  conv.hsluvToHex();\n\n  return conv.hex as CssColor;\n};\n\nexport const getCssVariable = (colorType: ColorType, colorNumber: ColorNumber) => {\n  return `--ds-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\\s/g, '-')}`;\n};\n"],"mappings":"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","names":["Hsluv","color","lightnessScale","Hsluv"]}

package/dist/src/colors/themeUtils.js

@@ -0,0 +1,365 @@
+// src/colors/themeUtils.ts
+import { BackgroundColor, Color, Theme } from "@adobe/leonardo-contrast-colors";
+import { Hsluv as Hsluv2 } from "hsluv";
+
+// src/colors/colorUtils.ts
+import { Hsluv } from "hsluv";
+import chroma from "chroma-js";
+var hexToRgb = (hex) => {
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, function(m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+};
+var luminanceFromRgb = (r, g, b) => {
+  const a = [Number(r), Number(g), Number(b)].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+};
+var luminanceFromHex = (hex) => {
+  const rgb = hexToRgb(hex);
+  if (rgb) {
+    const r = rgb.r.toString();
+    const g = rgb.g.toString();
+    const b = rgb.b.toString();
+    return luminanceFromRgb(r, g, b);
+  }
+  return 2;
+};
+var getRatioFromLum = (lum1, lum2) => {
+  if (lum1 !== null && lum2 !== null) {
+    return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05);
+  } else {
+    return -1;
+  }
+};
+var getLightnessFromHex = (hex) => {
+  const conv = new Hsluv();
+  conv.hex = hex;
+  conv.hexToHsluv();
+  return Number(conv.hsluv_l.toFixed(0));
+};
+var getContrastFromHex = (color1, color2) => {
+  const lum1 = luminanceFromHex(color1);
+  const lum2 = luminanceFromHex(color2);
+  if (lum1 !== null && lum2 !== null) {
+    return getRatioFromLum(lum1, lum2);
+  }
+  return -1;
+};
+var getContrastFromLightness = (lightness, mainColor, backgroundColor) => {
+  const conv = new Hsluv();
+  conv.hex = mainColor;
+  conv.hexToHsluv();
+  conv.hsluv_l = lightness;
+  conv.hsluvToHex();
+  const lightMainColor = conv.hex;
+  const lum1 = luminanceFromHex(lightMainColor);
+  const lum2 = luminanceFromHex(backgroundColor);
+  const ratio = getRatioFromLum(lum1 ?? 0, lum2 ?? 0);
+  return ratio;
+};
+
+// src/colors/themeUtils.ts
+var blueBaseColor = "#0A71C0";
+var greenBaseColor = "#078D19";
+var orangeBaseColor = "#CA5C21";
+var purpleBaseColor = "#663299";
+var redBaseColor = "#C01B1B";
+var yellowBaseColor = "#EABF28";
+var generateThemeColor = (color, mode, contrastMode = "aa") => {
+  const leoBackgroundColor = new BackgroundColor({
+    name: "backgroundColor",
+    colorKeys: ["#ffffff"],
+    ratios: [1]
+  });
+  let colorLightness = getLightnessFromHex(color);
+  if (mode === "dark" || mode === "contrast") {
+    color = getBaseColor(color);
+    colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;
+  }
+  const multiplier = colorLightness <= 30 ? -8 : 8;
+  const baseDefaultContrast = getContrastFromLightness(colorLightness, color, leoBackgroundColor.colorKeys[0]);
+  const baseHoverContrast = getContrastFromLightness(
+    colorLightness - multiplier,
+    color,
+    leoBackgroundColor.colorKeys[0]
+  );
+  const baseActiveContrast = getContrastFromLightness(
+    colorLightness - multiplier * 2,
+    color,
+    leoBackgroundColor.colorKeys[0]
+  );
+  const textSubLightLightness = contrastMode === "aa" ? 42 : 30;
+  const textDefLightLightness = contrastMode === "aa" ? 18 : 12;
+  const textSubDarkLightness = contrastMode === "aa" ? 67 : 80;
+  const textDefDarkLightness = contrastMode === "aa" ? 90 : 94;
+  let lightnessScale = [];
+  if (mode === "light") {
+    lightnessScale = [100, 96, 90, 84, 78, 76, 54, 33, textSubLightLightness, textDefLightLightness];
+  } else if (mode === "dark") {
+    lightnessScale = [10, 14, 20, 26, 32, 35, 47, 77, textSubDarkLightness, textDefDarkLightness];
+  } else {
+    lightnessScale = [1, 6, 14, 20, 26, 58, 70, 82, 80, 95];
+  }
+  const getColorContrasts = (color2, lightnessScale2, backgroundColor) => {
+    return lightnessScale2.map((lightness) => getContrastFromLightness(lightness, color2, backgroundColor));
+  };
+  return new Color({
+    name: "color",
+    colorKeys: [color],
+    ratios: [
+      ...getColorContrasts(color, lightnessScale.slice(0, 8), leoBackgroundColor.colorKeys[0]),
+      baseDefaultContrast,
+      baseHoverContrast,
+      baseActiveContrast,
+      ...getColorContrasts(color, lightnessScale.slice(8), leoBackgroundColor.colorKeys[0])
+    ]
+  });
+};
+var generateScaleForColor = (color, mode, contrastMode = "aa") => {
+  const themeColor = generateThemeColor(color, mode, contrastMode);
+  const leoBackgroundColor = new BackgroundColor({
+    name: "backgroundColor",
+    colorKeys: ["#ffffff"],
+    ratios: [1]
+  });
+  const theme = new Theme({
+    colors: [themeColor],
+    backgroundColor: leoBackgroundColor,
+    lightness: 100
+  });
+  const outputArray = [];
+  for (let i = 0; i < theme.contrastColorValues.length; i++) {
+    outputArray.push({
+      hex: theme.contrastColorValues[i],
+      number: i + 1,
+      name: getColorNameFromNumber(i + 1)
+    });
+  }
+  outputArray.push({
+    hex: calculateContrastOneColor(theme.contrastColorValues[8]),
+    number: 14,
+    name: getColorNameFromNumber(14)
+  });
+  outputArray.push({
+    hex: calculateContrastTwoColor(theme.contrastColorValues[8]),
+    number: 15,
+    name: getColorNameFromNumber(15)
+  });
+  if (mode === "light") {
+    outputArray[8].hex = color;
+  }
+  return outputArray;
+};
+var generateThemeForColor = (color, contrastMode = "aa") => {
+  const lightScale = generateScaleForColor(color, "light", contrastMode);
+  const darkScale = generateScaleForColor(color, "dark", contrastMode);
+  const contrastScale = generateScaleForColor(color, "contrast", contrastMode);
+  return {
+    light: lightScale,
+    dark: darkScale,
+    contrast: contrastScale
+  };
+};
+var generateGlobalColors = ({ contrastMode = "aa" }) => {
+  const blueTheme = generateThemeForColor(blueBaseColor, contrastMode);
+  const greenTheme = generateThemeForColor(greenBaseColor, contrastMode);
+  const orangeTheme = generateThemeForColor(orangeBaseColor, contrastMode);
+  const purpleTheme = generateThemeForColor(purpleBaseColor, contrastMode);
+  const redTheme = generateThemeForColor(redBaseColor, contrastMode);
+  const yellowTheme = generateThemeForColor(yellowBaseColor, contrastMode);
+  return {
+    blue: blueTheme,
+    green: greenTheme,
+    orange: orangeTheme,
+    purple: purpleTheme,
+    red: redTheme,
+    yellow: yellowTheme
+  };
+};
+var generateColorTheme = ({ colors, contrastMode = "aa" }) => {
+  const accentTheme = generateThemeForColor(colors.accent, contrastMode);
+  const neutralTheme = generateThemeForColor(colors.neutral, contrastMode);
+  const brand1Theme = generateThemeForColor(colors.brand1, contrastMode);
+  const brand2Theme = generateThemeForColor(colors.brand2, contrastMode);
+  const brand3Theme = generateThemeForColor(colors.brand3, contrastMode);
+  return {
+    accent: accentTheme,
+    neutral: neutralTheme,
+    brand1: brand1Theme,
+    brand2: brand2Theme,
+    brand3: brand3Theme
+  };
+};
+var calculateContrastOneColor = (baseColor) => {
+  const contrastWhite = getContrastFromHex(baseColor, "#ffffff");
+  const contrastBlack = getContrastFromHex(baseColor, "#000000");
+  const lightness = contrastWhite >= contrastBlack ? 100 : 0;
+  return lightness === 0 ? "#000000" : "#ffffff";
+};
+var calculateContrastTwoColor = (color) => {
+  const contrastWhite = getContrastFromHex(color, "#ffffff");
+  const contrastBlack = getContrastFromHex(color, "#000000");
+  const lightness = getLightnessFromHex(color);
+  const doubleALightnessModifier = lightness <= 40 ? 60 : lightness >= 60 ? 60 : 50;
+  let targetLightness = 0;
+  const contrastDirection = contrastWhite >= contrastBlack ? "lighten" : "darken";
+  targetLightness = contrastDirection === "lighten" ? lightness + doubleALightnessModifier : lightness - doubleALightnessModifier;
+  return createColorWithLightness(color, targetLightness);
+};
+var canTextBeUsedOnColors = (baseDefaultColor, baseActiveColor) => {
+  const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, "#ffffff");
+  const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, "#000000");
+  const activeAgainstWhite = getContrastFromHex(baseActiveColor, "#ffffff");
+  const activeAgainstBlack = getContrastFromHex(baseActiveColor, "#000000");
+  if (defaultAgainstWhite >= 4.5 && activeAgainstWhite >= 4.5) {
+    return true;
+  } else if (defaultAgainstBlack >= 4.5 && activeAgainstBlack >= 4.5) {
+    return true;
+  }
+  return false;
+};
+var createColorWithLightness = (color, lightness) => {
+  const leoBackgroundColor = new BackgroundColor({
+    name: "backgroundColor",
+    colorKeys: ["#ffffff"],
+    ratios: [1]
+  });
+  const colors = new Color({
+    name: "color",
+    colorKeys: [color],
+    ratios: [getContrastFromLightness(lightness, color, "#ffffff")]
+  });
+  const theme = new Theme({
+    colors: [colors],
+    backgroundColor: leoBackgroundColor,
+    lightness: 100
+  });
+  return theme.contrastColorValues[0];
+};
+var getColorNumberFromName = (name) => {
+  const colorMap = {
+    "Background Default": 1,
+    "Background Subtle": 2,
+    "Surface Default": 3,
+    "Surface Hover": 4,
+    "Surface Active": 5,
+    "Border Subtle": 6,
+    "Border Default": 7,
+    "Border Strong": 8,
+    "Base Default": 9,
+    "Base Hover": 10,
+    "Base Active": 11,
+    "Text Subtle": 12,
+    "Text Default": 13,
+    "Contrast Default": 14,
+    "Contrast Subtle": 15
+  };
+  return colorMap[name];
+};
+var getColorNameFromNumber = (number) => {
+  const colorMap = {
+    1: "Background Default",
+    2: "Background Subtle",
+    3: "Surface Default",
+    4: "Surface Hover",
+    5: "Surface Active",
+    6: "Border Subtle",
+    7: "Border Default",
+    8: "Border Strong",
+    9: "Base Default",
+    10: "Base Hover",
+    11: "Base Active",
+    12: "Text Subtle",
+    13: "Text Default",
+    14: "Contrast Default",
+    15: "Contrast Subtle"
+  };
+  return colorMap[number];
+};
+var getBaseColor = (color) => {
+  const conv = new Hsluv2();
+  conv.hex = color;
+  conv.hexToHsluv();
+  conv.hsluvToHex();
+  return conv.hex;
+};
+var getCssVariable = (colorType, colorNumber) => {
+  return `--ds-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, "-")}`;
+};
+export {
+  calculateContrastOneColor,
+  calculateContrastTwoColor,
+  canTextBeUsedOnColors,
+  createColorWithLightness,
+  generateColorTheme,
+  generateGlobalColors,
+  generateScaleForColor,
+  generateThemeForColor,
+  getBaseColor,
+  getColorNameFromNumber,
+  getColorNumberFromName,
+  getCssVariable
+};
+/*! Bundled license information:
+
+colorparsley/src/colorparsley.js:
+  (** @preserve
+  /////    CoLoR PaRsLeY  a simple set of color parsing thingies!
+  /////           Beta 0.1.8   Revision date: June 04, 2022
+  /////
+  /////    Functions to parse color values and return array
+  /////    Copyright (c) 2019-2022 by Andrew Somers. All Rights Reserved.
+  /////    LICENSE: AGPL 3
+  /////    CONTACT: Please use the ISSUES or DISCUSSIONS tab at:
+  /////    https://github.com/Myndex/colorparsley/
+  /////
+  ///////////////////////////////////////////////////////////////////////////////
+  /////
+  /////    IMPORT:
+  /////    import { colorParsley } from 'colorparsley';
+  /////
+  /////    let rgbaArray = colorParsley('#abcdef');
+  /////
+  /////    Output as array:  [r,g,b,a,isValid,colorspace]
+  /////    Example: [123,123,123,1.0,true,'sRGB']
+  // *)
+
+apca-w3/src/apca-w3.js:
+  (** @preserve
+  /////    SAPC APCA - Advanced Perceptual Contrast Algorithm
+  /////           Beta 0.1.9 W3 • contrast function only
+  /////           DIST: W3 • Revision date: July 3, 2022
+  /////    Function to parse color values and determine Lc contrast
+  /////    Copyright © 2019-2022 by Andrew Somers. All Rights Reserved.
+  /////    LICENSE: W3 LICENSE
+  /////    CONTACT: Please use the ISSUES or DISCUSSIONS tab at:
+  /////    https://github.com/Myndex/SAPC-APCA/
+  /////
+  ///////////////////////////////////////////////////////////////////////////////
+  /////
+  /////    MINIMAL IMPORTS:
+  /////      import { APCAcontrast, sRGBtoY, displayP3toY,
+  /////               calcAPCA, fontLookupAPCA } from 'apca-w3';
+  /////      import { colorParsley } from 'colorparsley';
+  /////
+  /////    FORWARD CONTRAST USAGE:
+  /////      Lc = APCAcontrast( sRGBtoY( TEXTcolor ) , sRGBtoY( BACKGNDcolor ) );
+  /////    Where the colors are sent as an rgba array [255,255,255,1]
+  /////
+  /////    Retrieving an array of font sizes for the contrast:
+  /////      fontArray = fontLookupAPCA(Lc);
+  /////
+  /////    Live Demonstrator at https://www.myndex.com/APCA/
+  // *)
+*/
+//# sourceMappingURL=themeUtils.js.map

package/dist/src/colors/themeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/colors/themeUtils.ts","../../../src/colors/colorUtils.ts"],"sourcesContent":["import type { CssColor } from '@adobe/leonardo-contrast-colors';\nimport { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors';\nimport { Hsluv } from 'hsluv';\n\nimport type { ContrastMode, Mode, ColorInfo, ColorNumber, ThemeInfo, ColorType } from './types';\nimport { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './colorUtils';\n\nconst blueBaseColor = '#0A71C0';\nconst greenBaseColor = '#078D19';\nconst orangeBaseColor = '#CA5C21';\nconst purpleBaseColor = '#663299';\nconst redBaseColor = '#C01B1B';\nconst yellowBaseColor = '#EABF28';\n\nexport type ColorError = 'none' | 'decorative' | 'interaction';\n\ntype GlobalGenType = {\n  themeMode?: Mode | 'all';\n  contrastMode?: ContrastMode;\n};\n\ntype ThemeGenType = {\n  colors: {\n    accent: CssColor;\n    neutral: CssColor;\n    brand1: CssColor;\n    brand2: CssColor;\n    brand3: CssColor;\n  };\n  contrastMode?: ContrastMode;\n};\n\n/**\n * Generates a Leonardo theme color that is used to create a Leonardo Theme\n *\n * @param color CssColor\n * @param mode Light, Dark or Contrastmode\n * @param contrastMode Contrast mode\n * @returns\n */\nconst generateThemeColor = (color: CssColor, mode: Mode, contrastMode: 'aa' | 'aaa' = 'aa') => {\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n  let colorLightness = getLightnessFromHex(color);\n  if (mode === 'dark' || mode === 'contrast') {\n    color = getBaseColor(color);\n    colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;\n  }\n\n  const multiplier = colorLightness <= 30 ? -8 : 8;\n  const baseDefaultContrast = getContrastFromLightness(colorLightness, color, leoBackgroundColor.colorKeys[0]);\n  const baseHoverContrast = getContrastFromLightness(\n    colorLightness - multiplier,\n    color,\n    leoBackgroundColor.colorKeys[0],\n  );\n  const baseActiveContrast = getContrastFromLightness(\n    colorLightness - multiplier * 2,\n    color,\n    leoBackgroundColor.colorKeys[0],\n  );\n\n  const textSubLightLightness = contrastMode === 'aa' ? 42 : 30;\n  const textDefLightLightness = contrastMode === 'aa' ? 18 : 12;\n\n  const textSubDarkLightness = contrastMode === 'aa' ? 67 : 80;\n  const textDefDarkLightness = contrastMode === 'aa' ? 90 : 94;\n\n  let lightnessScale: number[] = [];\n\n  if (mode === 'light') {\n    lightnessScale = [100, 96, 90, 84, 78, 76, 54, 33, textSubLightLightness, textDefLightLightness];\n  } else if (mode === 'dark') {\n    lightnessScale = [10, 14, 20, 26, 32, 35, 47, 77, textSubDarkLightness, textDefDarkLightness];\n  } else {\n    lightnessScale = [1, 6, 14, 20, 26, 58, 70, 82, 80, 95];\n  }\n\n  const getColorContrasts = (color: CssColor, lightnessScale: number[], backgroundColor: CssColor) => {\n    return lightnessScale.map((lightness) => getContrastFromLightness(lightness, color, backgroundColor));\n  };\n\n  return new Color({\n    name: 'color',\n    colorKeys: [color],\n    ratios: [\n      ...getColorContrasts(color, lightnessScale.slice(0, 8), leoBackgroundColor.colorKeys[0]),\n      baseDefaultContrast,\n      baseHoverContrast,\n      baseActiveContrast,\n      ...getColorContrasts(color, lightnessScale.slice(8), leoBackgroundColor.colorKeys[0]),\n    ],\n  });\n};\n\n/**\n *\n * Generates a color scale based on a base color and a mode.\n *\n * @param color The base color that is used to generate the color scale\n * @param mode The mode of the theme\n */\nexport const generateScaleForColor = (color: CssColor, mode: Mode, contrastMode: 'aa' | 'aaa' = 'aa'): ColorInfo[] => {\n  const themeColor = generateThemeColor(color, mode, contrastMode);\n\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n\n  const theme = new Theme({\n    colors: [themeColor],\n    backgroundColor: leoBackgroundColor,\n    lightness: 100,\n  });\n\n  const outputArray: ColorInfo[] = [];\n  for (let i = 0; i < theme.contrastColorValues.length; i++) {\n    outputArray.push({\n      hex: theme.contrastColorValues[i],\n      number: (i + 1) as ColorNumber,\n      name: getColorNameFromNumber((i + 1) as ColorNumber),\n    });\n  }\n  outputArray.push({\n    hex: calculateContrastOneColor(theme.contrastColorValues[8]),\n    number: 14,\n    name: getColorNameFromNumber(14),\n  });\n  outputArray.push({\n    hex: calculateContrastTwoColor(theme.contrastColorValues[8]),\n    number: 15,\n    name: getColorNameFromNumber(15),\n  });\n\n  if (mode === 'light') {\n    outputArray[8].hex = color;\n  }\n\n  return outputArray;\n};\n\n/**\n *\n * Generates a color theme based on a base color. Light, Dark and Contrast scales are includes.\n *\n * @param color The base color that is used to generate the color theme\n */\nexport const generateThemeForColor = (color: CssColor, contrastMode: 'aa' | 'aaa' = 'aa') => {\n  const lightScale = generateScaleForColor(color, 'light', contrastMode);\n  const darkScale = generateScaleForColor(color, 'dark', contrastMode);\n  const contrastScale = generateScaleForColor(color, 'contrast', contrastMode);\n\n  return {\n    light: lightScale,\n    dark: darkScale,\n    contrast: contrastScale,\n  } as ThemeInfo;\n};\n\nexport const generateGlobalColors = ({ contrastMode = 'aa' }: GlobalGenType) => {\n  const blueTheme = generateThemeForColor(blueBaseColor, contrastMode);\n  const greenTheme = generateThemeForColor(greenBaseColor, contrastMode);\n  const orangeTheme = generateThemeForColor(orangeBaseColor, contrastMode);\n  const purpleTheme = generateThemeForColor(purpleBaseColor, contrastMode);\n  const redTheme = generateThemeForColor(redBaseColor, contrastMode);\n  const yellowTheme = generateThemeForColor(yellowBaseColor, contrastMode);\n\n  return {\n    blue: blueTheme,\n    green: greenTheme,\n    orange: orangeTheme,\n    purple: purpleTheme,\n    red: redTheme,\n    yellow: yellowTheme,\n  };\n};\n\n/**\n * This function generates a complete theme for a set of colors.\n *\n * @param colors Which colors to generate the theme for\n * @param contrastMode The contrast mode to use\n * @returns\n */\nexport const generateColorTheme = ({ colors, contrastMode = 'aa' }: ThemeGenType) => {\n  const accentTheme = generateThemeForColor(colors.accent, contrastMode);\n  const neutralTheme = generateThemeForColor(colors.neutral, contrastMode);\n  const brand1Theme = generateThemeForColor(colors.brand1, contrastMode);\n  const brand2Theme = generateThemeForColor(colors.brand2, contrastMode);\n  const brand3Theme = generateThemeForColor(colors.brand3, contrastMode);\n\n  return {\n    accent: accentTheme,\n    neutral: neutralTheme,\n    brand1: brand1Theme,\n    brand2: brand2Theme,\n    brand3: brand3Theme,\n  };\n};\n\n/**\n *\n * This function calculates a color that can be used as a strong contrast color to a base color.\n *\n * @param baseColor The base color\n */\nexport const calculateContrastOneColor = (baseColor: CssColor) => {\n  const contrastWhite = getContrastFromHex(baseColor, '#ffffff');\n  const contrastBlack = getContrastFromHex(baseColor, '#000000');\n  const lightness = contrastWhite >= contrastBlack ? 100 : 0;\n  // const color = createColorWithLightness(baseColor, lightness);\n\n  return lightness === 0 ? '#000000' : '#ffffff';\n};\n\n/**\n *\n * This function calculates a color that can be used as a subtle contrast color to a base color.\n *\n * @param color The base color\n */\nexport const calculateContrastTwoColor = (color: CssColor) => {\n  const contrastWhite = getContrastFromHex(color, '#ffffff');\n  const contrastBlack = getContrastFromHex(color, '#000000');\n  const lightness = getLightnessFromHex(color);\n  const doubleALightnessModifier = lightness <= 40 ? 60 : lightness >= 60 ? 60 : 50;\n\n  let targetLightness = 0;\n  const contrastDirection = contrastWhite >= contrastBlack ? 'lighten' : 'darken';\n\n  targetLightness =\n    contrastDirection === 'lighten' ? lightness + doubleALightnessModifier : lightness - doubleALightnessModifier;\n\n  return createColorWithLightness(color, targetLightness);\n};\n\n/**\n *\n * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast.\n *\n * @param baseDefaultColor Base default color\n * @param baseActiveColor Base active color\n */\nexport const canTextBeUsedOnColors = (baseDefaultColor: CssColor, baseActiveColor: CssColor) => {\n  const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, '#ffffff');\n  const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, '#000000');\n\n  const activeAgainstWhite = getContrastFromHex(baseActiveColor, '#ffffff');\n  const activeAgainstBlack = getContrastFromHex(baseActiveColor, '#000000');\n\n  if (defaultAgainstWhite >= 4.5 && activeAgainstWhite >= 4.5) {\n    return true;\n  } else if (defaultAgainstBlack >= 4.5 && activeAgainstBlack >= 4.5) {\n    return true;\n  }\n\n  return false;\n};\n\n/**\n *\n * This function creates a color with a specific lightness value.\n *\n * @param color The base color\n * @param lightness The lightness value from 0 to 100\n */\nexport const createColorWithLightness = (color: CssColor, lightness: number) => {\n  const leoBackgroundColor = new BackgroundColor({\n    name: 'backgroundColor',\n    colorKeys: ['#ffffff'],\n    ratios: [1],\n  });\n  const colors = new Color({\n    name: 'color',\n    colorKeys: [color],\n    ratios: [getContrastFromLightness(lightness, color, '#ffffff')],\n  });\n\n  const theme = new Theme({\n    colors: [colors],\n    backgroundColor: leoBackgroundColor,\n    lightness: 100,\n  });\n  return theme.contrastColorValues[0];\n};\n\n/**\n *\n * This function returns the color number based on the color name.\n *\n * @param name The name of the color\n */\nexport const getColorNumberFromName = (name: string): ColorNumber => {\n  const colorMap: { [key: string]: ColorNumber } = {\n    'Background Default': 1,\n    'Background Subtle': 2,\n    'Surface Default': 3,\n    'Surface Hover': 4,\n    'Surface Active': 5,\n    'Border Subtle': 6,\n    'Border Default': 7,\n    'Border Strong': 8,\n    'Base Default': 9,\n    'Base Hover': 10,\n    'Base Active': 11,\n    'Text Subtle': 12,\n    'Text Default': 13,\n    'Contrast Default': 14,\n    'Contrast Subtle': 15,\n  };\n  return colorMap[name];\n};\n\n/**\n *\n * This function returns the color name based on the color number.\n *\n * @param number The number of the color\n */\nexport const getColorNameFromNumber = (number: ColorNumber): string => {\n  const colorMap: { [key in ColorNumber]: string } = {\n    1: 'Background Default',\n    2: 'Background Subtle',\n    3: 'Surface Default',\n    4: 'Surface Hover',\n    5: 'Surface Active',\n    6: 'Border Subtle',\n    7: 'Border Default',\n    8: 'Border Strong',\n    9: 'Base Default',\n    10: 'Base Hover',\n    11: 'Base Active',\n    12: 'Text Subtle',\n    13: 'Text Default',\n    14: 'Contrast Default',\n    15: 'Contrast Subtle',\n  };\n  return colorMap[number];\n};\n\nexport const getBaseColor = (color: CssColor) => {\n  const conv = new Hsluv();\n  conv.hex = color;\n  conv.hexToHsluv();\n  // conv.hsluv_l = 100 - conv.hsluv_l;\n  // conv.hsluv_s = getSaturationForDarkMode(color, conv.hsluv_s);\n  conv.hsluvToHex();\n\n  return conv.hex as CssColor;\n};\n\nexport const getCssVariable = (colorType: ColorType, colorNumber: ColorNumber) => {\n  return `--ds-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\\s/g, '-')}`;\n};\n","import type { CssColor } from '@adobe/leonardo-contrast-colors';\nimport { Hsluv } from 'hsluv';\nimport chroma from 'chroma-js';\nimport { APCAcontrast, sRGBtoY } from 'apca-w3';\n\n/**\n * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)'\n *\n * @param hex A hex color string\n * @param valuesOnly If true, only the values are returned\n * @returns A CSS HSL string\n */\nexport const hexToCssHsl = (hex: string, valuesOnly = false) => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  let r = 0;\n  let g = 0;\n  let b = 0;\n  let cssString = '';\n  if (result) {\n    r = parseInt(result[1], 16);\n    g = parseInt(result[2], 16);\n    b = parseInt(result[3], 16);\n  }\n  (r /= 255), (g /= 255), (b /= 255);\n  const max = Math.max(r, g, b),\n    min = Math.min(r, g, b);\n  let h,\n    s,\n    l = (max + min) / 2;\n  if (max == min) {\n    h = s = 0; // achromatic\n  } else {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n  }\n\n  h = Math.round(h ? h * 360 : 0);\n  s = Math.round(s * 100);\n  l = Math.round(l * 100);\n\n  cssString = h + ',' + s + '%,' + l + '%';\n  cssString = !valuesOnly ? 'hsl(' + cssString + ')' : cssString;\n\n  return cssString;\n};\n\n/**\n * Converts a HEX string '#xxxxxx' into an array of HSL values '[h,s,l]'\n *\n * @param H A Hex color string\n * @returns HSL values in an array\n */\nexport const hexToHSL = (H: string) => {\n  // Convert hex to RGB first\n  let r = 0,\n    g = 0,\n    b = 0;\n  if (H.length == 4) {\n    r = parseInt('0x' + H[1] + H[1]);\n    g = parseInt('0x' + H[2] + H[2]);\n    b = parseInt('0x' + H[3] + H[3]);\n  } else if (H.length == 7) {\n    r = parseInt('0x' + H[1] + H[2]);\n    g = parseInt('0x' + H[3] + H[4]);\n    b = parseInt('0x' + H[5] + H[6]);\n  }\n  // Then to HSL\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  let h = 0,\n    s = 0,\n    l = 0;\n  const cmin = Math.min(r, g, b),\n    cmax = Math.max(r, g, b),\n    delta = cmax - cmin;\n\n  if (delta == 0) h = 0;\n  else if (cmax == r) h = ((g - b) / delta) % 6;\n  else if (cmax == g) h = (b - r) / delta + 2;\n  else h = (r - g) / delta + 4;\n\n  h = Math.round(h * 60);\n\n  if (h < 0) h += 360;\n\n  l = (cmax + cmin) / 2;\n  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));\n  s = +(s * 100).toFixed(1);\n  l = +(l * 100).toFixed(1);\n\n  return [h, s, l];\n};\n\n/**\n * Converts a HEX color '#xxxxxx' into an array of HSLuv values '[h,s,l]'\n *\n * @param hex A hex color string\n * @returns\n */\nexport const hexToHsluv = (hex: string) => {\n  const conv = new Hsluv();\n  conv.hex = hex;\n  conv.hexToHsluv();\n  return [conv.hsluv_h, conv.hsluv_s, conv.hsluv_l];\n};\n\n/**\n * Converts a HSL number array '[h,s,l]' into HSL CSS string 'hsl(x,x,x)'\n *\n * @param HSL A HSL number array '[h,s,l]'\n * @returns A hex color string\n */\nexport const hslArrToCss = (HSL: number[]) => {\n  return 'hsl(' + HSL[0] + ',' + HSL[1] + '%,' + HSL[2] + '%)';\n};\n\n/**\n * Converts a HSL CSS string 'hsl(x,x,x)' into an array of HSL values '[h,s,l]'\n *\n * @param h The HSL hue\n * @param s The HSL saturation\n * @param l The HSL lightness\n * @returns HEX color string\n */\nexport const HSLToHex = (h: number, s: number, l: number) => {\n  s /= 100;\n  l /= 100;\n\n  let r = 0,\n    g = 0,\n    b = 0;\n  const c = (1 - Math.abs(2 * l - 1)) * s,\n    x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n    m = l - c / 2;\n\n  if (0 <= h && h < 60) {\n    r = c;\n    g = x;\n    b = 0;\n  } else if (60 <= h && h < 120) {\n    r = x;\n    g = c;\n    b = 0;\n  } else if (120 <= h && h < 180) {\n    r = 0;\n    g = c;\n    b = x;\n  } else if (180 <= h && h < 240) {\n    r = 0;\n    g = x;\n    b = c;\n  } else if (240 <= h && h < 300) {\n    r = x;\n    g = 0;\n    b = c;\n  } else if (300 <= h && h < 360) {\n    r = c;\n    g = 0;\n    b = x;\n  }\n  // Having obtained RGB, convert channels to hex\n  r = parseInt(Math.round((r + m) * 255).toString(16), 16);\n  g = parseInt(Math.round((g + m) * 255).toString(16), 16);\n  b = parseInt(Math.round((b + m) * 255).toString(16), 16);\n\n  // Prepend 0s, if necessary\n  if (r.toString().length == 1) r = parseInt('0' + r.toString(), 10);\n  if (g.toString().length == 1) g = parseInt('0' + g.toString(), 10);\n  if (b.toString().length == 1) b = parseInt('0' + b.toString(), 10);\n\n  return '#' + r + g + b;\n};\n\n/**\n * Converts a HEX color '#xxxxxx' into an array of RGB values '[R, G, B]'\n *\n * @param hex A hex color string\n * @returns RGB values in an array\n */\nexport const hexToRgb = (hex: string) => {\n  const shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n  hex = hex.replace(shorthandRegex, function (m, r: string, g: string, b: string) {\n    return r + r + g + g + b + b;\n  });\n\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n};\n\n/**\n * Get the luminance of an RGB color\n *\n * @param r RGB red value\n * @param G RGB green value\n * @param b RGB blue value\n * @returns\n */\nexport const luminanceFromRgb = (r: string, g: string, b: string) => {\n  const a = [Number(r), Number(g), Number(b)].map(function (v) {\n    v /= 255;\n    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n  });\n  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;\n};\n\n/**\n * Get the luminance of a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const luminanceFromHex = (hex: CssColor) => {\n  const rgb = hexToRgb(hex);\n  if (rgb) {\n    const r = rgb.r.toString();\n    const g = rgb.g.toString();\n    const b = rgb.b.toString();\n    return luminanceFromRgb(r, g, b);\n  }\n  return 2;\n};\n\n/**\n * Get the contrast ratio between two luminance values\n *\n * @param lum1 The first luminance value\n * @param lum2 The second luminance value\n * @returns\n */\nexport const getRatioFromLum = (lum1: number, lum2: number) => {\n  if (lum1 !== null && lum2 !== null) {\n    return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05);\n  } else {\n    return -1;\n  }\n};\n\n/**\n * Get the HSL lightness from a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const getHslLightessFromHex = (hex: CssColor) => {\n  return chroma(hex).hsl()[2];\n};\n\nexport const getHslSaturationFromHex = (hex: CssColor) => {\n  return chroma(hex).hsl()[1];\n};\n\n/**\n * Get the HSLuv lightness from a HEX color\n *\n * @param hex A hex color string\n * @returns\n */\nexport const getLightnessFromHex = (hex: string) => {\n  const conv = new Hsluv();\n  conv.hex = hex;\n  conv.hexToHsluv();\n  return Number(conv.hsluv_l.toFixed(0));\n};\n\n/**\n * Get the contrast ratio between two HEX colors\n *\n * @param {CssColor} color1 The first color\n * @param {CssColor} color2 The second color\n * @returns\n */\nexport const getContrastFromHex = (color1: CssColor, color2: CssColor) => {\n  const lum1 = luminanceFromHex(color1);\n  const lum2 = luminanceFromHex(color2);\n  if (lum1 !== null && lum2 !== null) {\n    return getRatioFromLum(lum1, lum2);\n  }\n  return -1;\n};\n\n/**\n * Get the contrast ratio between two colors at a specific lightness\n *\n * @param lightness The lightness value\n * @param mainColor The main color\n * @param backgroundColor The background color\n * @returns The contrast ratio\n */\nexport const getContrastFromLightness = (lightness: number, mainColor: CssColor, backgroundColor: CssColor) => {\n  const conv = new Hsluv();\n  conv.hex = mainColor;\n  conv.hexToHsluv();\n  conv.hsluv_l = lightness;\n  conv.hsluvToHex();\n  const lightMainColor = conv.hex;\n  const lum1 = luminanceFromHex(lightMainColor as CssColor);\n  const lum2 = luminanceFromHex(backgroundColor);\n  const ratio = getRatioFromLum(lum1 ?? 0, lum2 ?? 0);\n\n  return ratio;\n};\n\n/**\n * Maps the numbers from [start1 - end1] to the range [start2 - end2], maintaining the proportionality between the numbers in the ranges using lineaer interpolation.\n */\n// const mapRange = (value: number, start1: number, end1: number, start2: number, end2: number) => {\n//   return start2 + ((value - start1) * (end2 - start2)) / (end1 - start1);\n// };\n\n/**\n * Check if two colors have enough contrast to be used together\n *\n * @param {CssColor} color1 The first color\n * @param {CssColor} color2 The second color\n * @returns {boolean} If the colors have enough contrast\n */\nexport const areColorsContrasting = (color1: CssColor, color2: CssColor, type: 'decorative' | 'aa' | 'aaa' = 'aa') => {\n  const contrast = getContrastFromHex(color1, color2);\n  if (contrast !== null) {\n    if (type === 'aaa') {\n      return contrast >= 7;\n    } else if (type === 'aa') {\n      return contrast >= 4.5;\n    } else {\n      return contrast >= 3;\n    }\n  }\n  return false;\n};\n\nexport const getApcaContrastLc = (textColor: CssColor, backgroundColor: CssColor) => {\n  const textColorRgb = hexToRgb(textColor);\n  const backgroundColorRgb = hexToRgb(backgroundColor);\n\n  if (textColorRgb && backgroundColorRgb) {\n    return APCAcontrast(\n      sRGBtoY([textColorRgb.r, textColorRgb.g, textColorRgb.b]),\n      sRGBtoY([backgroundColorRgb.r, backgroundColorRgb.g, backgroundColorRgb.b]),\n    );\n  }\n  return 0;\n};\n\n/**\n * Check if aa string value is a HEX color\n *\n * @param {string} hex The string to check\n * @returns {boolean} If the string is a HEX color\n */\nexport const isHexColor = (hex: string) => {\n  return typeof hex === 'string' && hex.length === 6 && !isNaN(Number('0x' + hex));\n};\n"],"mappings":"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","names":["Hsluv","color","lightnessScale","Hsluv"]}

package/dist/src/colors/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/src/colors/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}