origam 2.16.0 → 2.17.0

package/dist/src/utils/Commons/color.util.cjs

@@ -39,14 +39,16 @@ exports.rawBgExprWithState = rawBgExprWithState;
 exports.toHex = toHex;
 exports.tokenForegroundForIntent = tokenForegroundForIntent;
 exports.tokenStylesForIntent = tokenStylesForIntent;
+exports.warnDeprecatedEmit = warnDeprecatedEmit;
 exports.warnDeprecatedProp = warnDeprecatedProp;
 exports.warnLegacyColor = warnLegacyColor;
-var _consts = require("../../consts/index.cjs");
-var _color = require("../../enums/Commons/color.enum.cjs");
+exports.warnUnsupportedProp = warnUnsupportedProp;
+var _color = require("../../consts/Commons/color.const.cjs");
+var _color2 = require("../../enums/Commons/color.enum.cjs");
 var _commons = require("./commons.util.cjs");
 var _console = require("./console.util.cjs");
 function isCssColor(color) {
-  return !!color && (/^(#|var\(--|(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color-mix|color)\()/i.test(color) || _consts.CSS_NAMED_COLORS.has(color.toLowerCase()));
+  return !!color && (/^(#|var\(--|(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color-mix|color)\()/i.test(color) || _color.CSS_NAMED_COLORS.has(color.toLowerCase()));
 }
 function isParsableColor(color) {
   return isCssColor(color) && !/^((rgb|hsl)a?\()?var\(--/.test(color) && !/^color-mix\(/i.test(color);
@@ -61,10 +63,10 @@ function parseColor(color) {
       g: (color & 65280) >> 8,
       b: color & 255
     };
-  } else if (typeof color === "string" && _consts.CSS_COLOR_REGEX.test(color)) {
+  } else if (typeof color === "string" && _color.CSS_COLOR_REGEX.test(color)) {
     const {
       groups
-    } = color.match(_consts.CSS_COLOR_REGEX);
+    } = color.match(_color.CSS_COLOR_REGEX);
     const {
       fn,
       values
@@ -76,7 +78,7 @@ function parseColor(color) {
         return parseFloat(v);
       }
     });
-    return _consts.COLOR_MAPPERS[fn](...realValues);
+    return _color.COLOR_MAPPERS[fn](...realValues);
   } else if (typeof color === "string") {
     let hex = color.startsWith("#") ? color.slice(1) : color;
     if ([3, 4].includes(hex.length)) {
@@ -290,8 +292,8 @@ function classToHex(color, colors) {
 }
 function XyzToRgb(xyz) {
   const rgb = Array(3);
-  const transform = _consts.SRGB_FORWARD_TRANSFORM;
-  const matrix = _consts.SRGB_FORWARD_MATRIX;
+  const transform = _color.SRGB_FORWARD_TRANSFORM;
+  const matrix = _color.SRGB_FORWARD_MATRIX;
   for (let i = 0; i < 3; ++i) {
     rgb[i] = Math.round((0, _commons.clamp)(transform(matrix[i][0] * xyz[0] + matrix[i][1] * xyz[1] + matrix[i][2] * xyz[2])) * 255);
   }
@@ -307,8 +309,8 @@ function RgbtoXyz({
   b
 }) {
   const xyz = [0, 0, 0];
-  const transform = _consts.SRGB_REVERSE_TRANSFORM;
-  const matrix = _consts.SRGB_REVERSE_MATRIX;
+  const transform = _color.SRGB_REVERSE_TRANSFORM;
+  const matrix = _color.SRGB_REVERSE_MATRIX;
   const rLinear = transform(r / 255);
   const gLinear = transform(g / 255);
   const bLinear = transform(b / 255);
@@ -318,42 +320,42 @@ function RgbtoXyz({
   return xyz;
 }
 function XyztoLab(xyz) {
-  const transform = _consts.CIELAB_FORWARD_TRANSFORM;
+  const transform = _color.CIELAB_FORWARD_TRANSFORM;
   const transformedY = transform(xyz[1]);
   return [116 * transformedY - 16, 500 * (transform(xyz[0] / 0.95047) - transformedY), 200 * (transformedY - transform(xyz[2] / 1.08883))];
 }
 function LabtoXyz(lab) {
-  const transform = _consts.CIELAB_REVERSE_TRANSFORM;
+  const transform = _color.CIELAB_REVERSE_TRANSFORM;
   const Ln = (lab[0] + 16) / 116;
   return [transform(Ln + lab[1] / 500) * 0.95047, transform(Ln), transform(Ln - lab[2] / 200) * 1.08883];
 }
 function APCAcontrast(text, background) {
-  const Rtxt = (text.r / 255) ** _consts.MAIN_TRC;
-  const Gtxt = (text.g / 255) ** _consts.MAIN_TRC;
-  const Btxt = (text.b / 255) ** _consts.MAIN_TRC;
-  const Rbg = (background.r / 255) ** _consts.MAIN_TRC;
-  const Gbg = (background.g / 255) ** _consts.MAIN_TRC;
-  const Bbg = (background.b / 255) ** _consts.MAIN_TRC;
-  let Ytxt = Rtxt * _consts.RCO + Gtxt * _consts.GCO + Btxt * _consts.BCO;
-  let Ybg = Rbg * _consts.RCO + Gbg * _consts.GCO + Bbg * _consts.BCO;
-  if (Ytxt <= _consts.BLK_THRS) Ytxt += (_consts.BLK_THRS - Ytxt) ** _consts.BLK_CLMP;
-  if (Ybg <= _consts.BLK_THRS) Ybg += (_consts.BLK_THRS - Ybg) ** _consts.BLK_CLMP;
-  if (Math.abs(Ybg - Ytxt) < _consts.COLOR_DELTA_Y_MIN) return 0;
+  const Rtxt = (text.r / 255) ** _color.MAIN_TRC;
+  const Gtxt = (text.g / 255) ** _color.MAIN_TRC;
+  const Btxt = (text.b / 255) ** _color.MAIN_TRC;
+  const Rbg = (background.r / 255) ** _color.MAIN_TRC;
+  const Gbg = (background.g / 255) ** _color.MAIN_TRC;
+  const Bbg = (background.b / 255) ** _color.MAIN_TRC;
+  let Ytxt = Rtxt * _color.RCO + Gtxt * _color.GCO + Btxt * _color.BCO;
+  let Ybg = Rbg * _color.RCO + Gbg * _color.GCO + Bbg * _color.BCO;
+  if (Ytxt <= _color.BLK_THRS) Ytxt += (_color.BLK_THRS - Ytxt) ** _color.BLK_CLMP;
+  if (Ybg <= _color.BLK_THRS) Ybg += (_color.BLK_THRS - Ybg) ** _color.BLK_CLMP;
+  if (Math.abs(Ybg - Ytxt) < _color.COLOR_DELTA_Y_MIN) return 0;
   let outputContrast;
   if (Ybg > Ytxt) {
-    const SAPC = (Ybg ** _consts.NORM_BG - Ytxt ** _consts.NORM_TXT) * _consts.SCALE_B_O_W;
-    outputContrast = SAPC < _consts.LO_CLIP ? 0 : SAPC < _consts.LO_CON_THRESH ? SAPC - SAPC * _consts.LO_CON_FACTOR * _consts.LO_CON_OFFSET : SAPC - _consts.LO_CON_OFFSET;
+    const SAPC = (Ybg ** _color.NORM_BG - Ytxt ** _color.NORM_TXT) * _color.SCALE_B_O_W;
+    outputContrast = SAPC < _color.LO_CLIP ? 0 : SAPC < _color.LO_CON_THRESH ? SAPC - SAPC * _color.LO_CON_FACTOR * _color.LO_CON_OFFSET : SAPC - _color.LO_CON_OFFSET;
   } else {
-    const SAPC = (Ybg ** _consts.REV_BG - Ytxt ** _consts.REV_TXT) * _consts.SCALE_W_O_B;
-    outputContrast = SAPC > -_consts.LO_CLIP ? 0 : SAPC > -_consts.LO_CON_THRESH ? SAPC - SAPC * _consts.LO_CON_FACTOR * _consts.LO_CON_OFFSET : SAPC + _consts.LO_CON_OFFSET;
+    const SAPC = (Ybg ** _color.REV_BG - Ytxt ** _color.REV_TXT) * _color.SCALE_W_O_B;
+    outputContrast = SAPC > -_color.LO_CLIP ? 0 : SAPC > -_color.LO_CON_THRESH ? SAPC - SAPC * _color.LO_CON_FACTOR * _color.LO_CON_OFFSET : SAPC + _color.LO_CON_OFFSET;
   }
   return outputContrast * 100;
 }
 function isIntent(v) {
-  return typeof v === "string" && _consts.COLOR_INTENTS.has(v);
+  return typeof v === "string" && _color.COLOR_INTENTS.has(v);
 }
 function isUtilityIntent(v) {
-  return typeof v === "string" && _consts.COLOR_UTILITY_INTENTS.has(v);
+  return typeof v === "string" && _color.COLOR_UTILITY_INTENTS.has(v);
 }
 function intentTokenBase(intent) {
   if (intent === "neutral") return "action--secondary";
@@ -367,7 +369,7 @@ function intentBgExpr(intent, role) {
   const baseVar = `var(--origam-color__${base}---bg)`;
   if (role === "default") return baseVar;
   if (role === "disabled") return `var(--origam-color__${base}---bgDisabled)`;
-  const pct = role === "hover" ? _consts.COLOR_HOVER_MIX_PCT : _consts.COLOR_ACTIVE_MIX_PCT;
+  const pct = role === "hover" ? _color.COLOR_HOVER_MIX_PCT : _color.COLOR_ACTIVE_MIX_PCT;
   const slot = role === "hover" ? "bgHover" : "bgActive";
   return `var(--origam-color__${base}---${slot}, color-mix(in srgb, ${baseVar}, black ${pct}%))`;
 }
@@ -376,7 +378,7 @@ function intentFgExpr(intent, role) {
   const slot = role === "disabled" ? "fgDisabled" : "fg";
   return `var(--origam-color__${base}---${slot})`;
 }
-function tokenStylesForIntent(intent, role = _color.BG_FG_ROLE.DEFAULT) {
+function tokenStylesForIntent(intent, role = _color2.BG_FG_ROLE.DEFAULT) {
   return {
     "background-color": intentBgExpr(intent, role),
     color: intentFgExpr(intent, role)
@@ -385,7 +387,7 @@ function tokenStylesForIntent(intent, role = _color.BG_FG_ROLE.DEFAULT) {
 function rawBgExprWithState(raw, role) {
   if (role === "default") return raw;
   if (role === "disabled") return raw;
-  const pct = role === "hover" ? _consts.COLOR_HOVER_MIX_PCT : _consts.COLOR_ACTIVE_MIX_PCT;
+  const pct = role === "hover" ? _color.COLOR_HOVER_MIX_PCT : _color.COLOR_ACTIVE_MIX_PCT;
   return `color-mix(in srgb, ${raw}, black ${pct}%)`;
 }
 function tokenForegroundForIntent(intent) {
@@ -415,4 +417,22 @@ function warnDeprecatedProp(component, oldProp, newProp, removalVersion = "v3.0.
   if (_warnedDeprecatedPropKeys.has(key)) return;
   _warnedDeprecatedPropKeys.add(key);
   console.warn(`[origam] <${component}> prop "${oldProp}" is deprecated \u2014 use "${newProp}" instead. "${oldProp}" keeps working as an alias and will be removed in ${removalVersion}.`);
+}
+const _warnedUnsupportedPropKeys = /* @__PURE__ */new Set();
+function warnUnsupportedProp(component, prop, reason) {
+  if (typeof console === "undefined") return;
+  if (!process.env?.DEV) return;
+  const key = `${component}::${prop}`;
+  if (_warnedUnsupportedPropKeys.has(key)) return;
+  _warnedUnsupportedPropKeys.add(key);
+  console.warn(`[origam] <${component}> prop "${prop}" has no effect on this component: ${reason}`);
+}
+const _warnedDeprecatedEmitKeys = /* @__PURE__ */new Set();
+function warnDeprecatedEmit(component, emit, replacement, removalVersion = "v3.0.0") {
+  if (typeof console === "undefined") return;
+  if (!process.env?.DEV) return;
+  const key = `${component}::${emit}`;
+  if (_warnedDeprecatedEmitKeys.has(key)) return;
+  _warnedDeprecatedEmitKeys.add(key);
+  console.warn(`[origam] <${component}> emit "${emit}" is deprecated and will be removed in ${removalVersion}. ${replacement}`);
 }