@orangecheck/design 0.28.6 → 0.28.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -696,7 +696,7 @@ function OcThemeProvider({
696
696
  OcAurora,
697
697
  {
698
698
  intensity: typeof aurora === "object" ? aurora.intensity : void 0,
699
- gl: typeof aurora === "object" ? aurora.gl : void 0
699
+ gl: typeof aurora === "object" ? aurora.gl ?? true : true
700
700
  }
701
701
  ),
702
702
  children
@@ -1011,15 +1011,17 @@ var Z_STEP = 3;
1011
1011
  var LAYERS = Array.from({ length: DEPTH }, (_, i) => i);
1012
1012
  function layerStyle(i) {
1013
1013
  const t = i / (DEPTH - 1);
1014
+ const ink = "var(--oc-sigil-ink, var(--primary))";
1015
+ const bg = "var(--oc-sigil-bg, var(--background))";
1014
1016
  let color;
1015
1017
  if (t < 0.14) {
1016
- color = `color-mix(in oklab, var(--primary), white ${Math.round((0.14 - t) * 26)}%)`;
1018
+ color = `color-mix(in oklab, ${ink}, white ${Math.round((0.14 - t) * 26)}%)`;
1017
1019
  } else if (t < 0.6) {
1018
1020
  const k = (t - 0.14) / 0.46;
1019
- color = `color-mix(in oklab, var(--primary), black ${Math.round(k * 34)}%)`;
1021
+ color = `color-mix(in oklab, ${ink}, black ${Math.round(k * 34)}%)`;
1020
1022
  } else {
1021
1023
  const k = (t - 0.6) / 0.4;
1022
- color = `color-mix(in oklab, color-mix(in oklab, var(--primary), black 34%), var(--background) ${Math.round(k * 100)}%)`;
1024
+ color = `color-mix(in oklab, color-mix(in oklab, ${ink}, black 34%), ${bg} ${Math.round(k * 100)}%)`;
1023
1025
  }
1024
1026
  return {
1025
1027
  transform: `translateZ(${-i * Z_STEP}px)`,