@orangecheck/design 0.28.2 → 0.28.4
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 +7 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -7
- package/dist/index.mjs.map +1 -1
- package/dist/styles/sigil.css +58 -34
- package/dist/tokens.js +7 -7
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +7 -7
- package/dist/tokens.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1012,14 +1012,14 @@ var LAYERS = Array.from({ length: DEPTH }, (_, i) => i);
|
|
|
1012
1012
|
function layerStyle(i) {
|
|
1013
1013
|
const t = i / (DEPTH - 1);
|
|
1014
1014
|
let color;
|
|
1015
|
-
if (t < 0.
|
|
1016
|
-
color = `color-mix(in oklab, var(--primary), white ${Math.round((0.
|
|
1017
|
-
} else if (t < 0.
|
|
1018
|
-
const k = (t - 0.
|
|
1019
|
-
color = `color-mix(in oklab, var(--primary), black ${Math.round(k *
|
|
1015
|
+
if (t < 0.14) {
|
|
1016
|
+
color = `color-mix(in oklab, var(--primary), white ${Math.round((0.14 - t) * 26)}%)`;
|
|
1017
|
+
} else if (t < 0.6) {
|
|
1018
|
+
const k = (t - 0.14) / 0.46;
|
|
1019
|
+
color = `color-mix(in oklab, var(--primary), black ${Math.round(k * 34)}%)`;
|
|
1020
1020
|
} else {
|
|
1021
|
-
const k = (t - 0.
|
|
1022
|
-
color = `color-mix(in oklab, color-mix(in oklab, var(--primary), black
|
|
1021
|
+
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)}%)`;
|
|
1023
1023
|
}
|
|
1024
1024
|
return {
|
|
1025
1025
|
transform: `translateZ(${-i * Z_STEP}px)`,
|