@celestia-island/hikari 0.38.0 → 0.38.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.38.0",
+  "version": "0.38.2",
   "private": false,
   "type": "module",
   "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",

package/src/components/HkErrorLanding.scss

@@ -15,6 +15,15 @@
   --hel-error: var(--color-error, 226 84 84);
   --hel-warning: var(--color-warning, 222 168 62);
 
+  // The landing owns its full-viewport backdrop, so it must always fill
+  // the host's inline axis. Hosts vary: a plain block (the app overlay's
+  // fixed inset-0 box) already gives block children the full width, but a
+  // CENTERING host — e.g. a standalone mount root that is itself a
+  // centering flex/grid box — shrink-wraps flex/grid items to content
+  // width, which paints this background as one content-wide column and
+  // leaks the host body background down both sides. An explicit
+  // width:100% makes every host render the same edge-to-edge takeover.
+  width: 100%;
   min-height: 100vh;
   min-height: 100dvh;
   display: flex;

package/src/styles/admin-tokens.scss

@@ -538,6 +538,15 @@
      explicit box-sizing keeps that mapping honest on hosts without a
      global border-box reset. */
   box-sizing: border-box;
+  /* Mirror the card's own sizing contract (.s-auth-card below:
+     `width: 100%; max-width: 28rem`). The card's percentage width now
+     resolves against THIS wrapper, and a bare wrapper inside a centered
+     flex/grid host shrink-wraps to the card's content — collapsing the
+     panel to its intrinsic width. Presenting the same definite sizing
+     context here restores the exact pre-wrapper geometry in every host
+     formatting context. Keep the two declarations in sync. */
+  width: 100%;
+  max-width: 28rem;
   transition: height 0.3s var(--ease-out-expo, cubic-bezier(0.19, 1, 0.22, 1));
 
   &.s-auth-card--measuring {