@orangecheck/design 0.28.6 → 0.28.7
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 +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/index.mjs.map +1 -1
- package/dist/tokens.js +5 -3
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +5 -3
- package/dist/tokens.mjs.map +1 -1
- package/package.json +1 -1
package/dist/tokens.mjs
CHANGED
|
@@ -958,15 +958,17 @@ var Z_STEP = 3;
|
|
|
958
958
|
var LAYERS = Array.from({ length: DEPTH }, (_, i) => i);
|
|
959
959
|
function layerStyle(i) {
|
|
960
960
|
const t = i / (DEPTH - 1);
|
|
961
|
+
const ink = "var(--oc-sigil-ink, var(--primary))";
|
|
962
|
+
const bg = "var(--oc-sigil-bg, var(--background))";
|
|
961
963
|
let color;
|
|
962
964
|
if (t < 0.14) {
|
|
963
|
-
color = `color-mix(in oklab,
|
|
965
|
+
color = `color-mix(in oklab, ${ink}, white ${Math.round((0.14 - t) * 26)}%)`;
|
|
964
966
|
} else if (t < 0.6) {
|
|
965
967
|
const k = (t - 0.14) / 0.46;
|
|
966
|
-
color = `color-mix(in oklab,
|
|
968
|
+
color = `color-mix(in oklab, ${ink}, black ${Math.round(k * 34)}%)`;
|
|
967
969
|
} else {
|
|
968
970
|
const k = (t - 0.6) / 0.4;
|
|
969
|
-
color = `color-mix(in oklab, color-mix(in oklab,
|
|
971
|
+
color = `color-mix(in oklab, color-mix(in oklab, ${ink}, black 34%), ${bg} ${Math.round(k * 100)}%)`;
|
|
970
972
|
}
|
|
971
973
|
return {
|
|
972
974
|
transform: `translateZ(${-i * Z_STEP}px)`,
|