@orangecheck/design 0.28.2 → 0.28.3

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.
Files changed (10) hide show
  1. package/dist/index.js +7 -7
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +7 -7
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles/sigil.css +50 -34
  6. package/dist/tokens.js +7 -7
  7. package/dist/tokens.js.map +1 -1
  8. package/dist/tokens.mjs +7 -7
  9. package/dist/tokens.mjs.map +1 -1
  10. 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.12) {
1016
- color = `color-mix(in oklab, var(--primary), white ${Math.round((0.12 - t) * 60)}%)`;
1017
- } else if (t < 0.62) {
1018
- const k = (t - 0.12) / 0.5;
1019
- color = `color-mix(in oklab, var(--primary), black ${Math.round(k * 42)}%)`;
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.62) / 0.38;
1022
- color = `color-mix(in oklab, color-mix(in oklab, var(--primary), black 42%), var(--background) ${Math.round(k * 100)}%)`;
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)`,