@orangecheck/app-design 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -716,13 +716,15 @@ var SPHERE_GRADIENT = "radial-gradient(circle at 50% 42%, #fff8f3 0%, #ffe2d3 22
 function HalftoneSphere({ src, alt, stadium = false, float = false, className, style }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("relative aspect-square w-full", className), style, children: [
     stadium ? (
-      // The deck's offset stadium on wide screens; centred and inside the
-      // gutter on phones, where the offset would push the page sideways.
+      // Measured from the deck's title slide: a rounded square, its corners
+      // 17% of the sphere, level with the sphere's foot, reaching left behind
+      // the headline. On phones a ring inside the gutter, since the offset
+      // would push the page sideways.
       /* @__PURE__ */ jsx(
         "div",
         {
           "aria-hidden": true,
-          className: "oca-stadium pointer-events-none absolute inset-[-6%] md:[inset:-13%_10%_-13%_-27%]"
+          className: "oca-stadium pointer-events-none absolute inset-[-6%] rounded-full md:[inset:-12%_14%_0%_-26%] md:rounded-[17%]"
         }
       )
     ) : null,