@iyulab/modern-app 0.18.4 → 0.18.6

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## [0.18.6] - 2026-08-24
+
+### Fixed
+
+- **`SidebarLayout`'s sidebar and mobile-header backgrounds now fall back to
+  `--u-bg-color-raised` instead of `--u-panel-bg-color`.** The sidebar is persistent chrome, not
+  a floating overlay (card/menu/dialog) — `--u-panel-bg-color`'s light value is the same white as
+  the page background, so an app that never set `--app-sidebar-bg` got a sidebar visually
+  indistinguishable from the page (and, since `u-group-box` also read `--u-panel-bg-color`, from
+  its own cards too — a three-way collapse). `--u-bg-color-raised` is the token this library
+  already documents for chrome surfaces adjacent to the page background, and `u-group-box`
+  switched to it in `0.18.2`; the sidebar now matches. Visual change for any consumer relying on
+  the unset default — light: sidebar goes from `#FFFFFF` to `#FAFAFA`; dark: `#1E1E1E` to
+  `#2A2A2A`, which also fixes the reported card/input collapse (`u-input`'s background stayed on
+  `--u-panel-bg-color`, so the sidebar now reads one step lighter than form fields instead of
+  identical to them). `--app-sidebar-bg`/`--app-header-bg` overrides still take precedence
+  exactly as before.
+
+## [0.18.5] - 2026-08-23
+
+### Fixed
+
+- **`App.load()` now initializes i18next before checking the `auth` gate.** Same ordering bug as
+  `0.18.4`'s theme fix, one layer down: when `auth.me()` resolves to `null`, `load()` renders the
+  login screen and returns before the shell is built, but `i18next.init()` used to run only after
+  the auth check passed. Any `renderLogin` screen that calls `i18next.t()` for its copy rendered
+  with i18next uninitialized (falling back to raw keys or an empty string, depending on
+  `returnEmptyString`/`returnNull`). i18n setup is pure display configuration independent of auth
+  state, so it now runs unconditionally before the gate alongside theme and icon setup — every
+  render path, including the pre-auth login screen, has translations available.
+
 ## [0.18.4] - 2026-08-23
 
 ### Fixed

package/dist/App.js

@@ -28,7 +28,11 @@ var o = class o {
 		return t;
 	}
 	async load(a) {
-		if (this.unload(), this._config = a, await i.init(a.theme), a.iconBasepath && r(a.iconBasepath), a.auth) {
+		if (this.unload(), this._config = a, await i.init(a.theme), a.iconBasepath && r(a.iconBasepath), a.i18n) {
+			for (let e of a.i18n.plugins || []) t.use(e);
+			await t.init(a.i18n);
+		}
+		if (a.auth) {
 			let e = await a.auth.me();
 			if (e == null) {
 				let e = a.root || document.body, t = a.auth.renderLogin({
@@ -42,10 +46,6 @@ var o = class o {
 			}
 			this._user = e, await a.auth.onAuthenticated?.(e);
 		}
-		if (a.i18n) {
-			for (let e of a.i18n.plugins || []) t.use(e);
-			await t.init(a.i18n);
-		}
 		let o = a.root || document.body;
 		this._layout = await this.createLayout(o, a.layout), this._screen = new e({
 			element: o,

package/dist/layouts/SidebarLayout.styles.js

@@ -76,7 +76,11 @@ var t = e`
     justify-content: space-between;
     gap: 8px;
     height: 100%;
-    background: var(--app-sidebar-bg, var(--u-panel-bg-color, #FFFFFF));
+    /* --u-panel-bg-color 가 아니라 --u-bg-color-raised — 사이드바는 카드·메뉴류의
+       "떠 있는 패널"이 아니라 상시 크롬이고, 그 구분이 정확히 두 토큰이 갈리는 지점이다
+       (light.css 293~298행 참조). 미설정 시 페이지(--u-bg-color)와 같은 흰색으로 앉아
+       사이드바·페이지·카드 삼중 무구분을 만들던 종전 폴백을 대체한다. */
+    background: var(--app-sidebar-bg, var(--u-bg-color-raised, #FAFAFA));
     color: var(--app-sidebar-fg, var(--u-txt-color, #212121));
     border-right: 1px solid var(--u-border-color, #E0E0E0);
     transition: all 0.3s ease;
@@ -124,7 +128,7 @@ var t = e`
     justify-content: space-between;
     gap: 12px;
     padding: 16px;
-    background: var(--app-header-bg, var(--u-panel-bg-color, #FFFFFF));
+    background: var(--app-header-bg, var(--u-bg-color-raised, #FAFAFA));
     color: var(--app-header-fg, var(--u-txt-color, #212121));
     border-bottom: 1px solid var(--u-border-color-weak, #EEEEEE);
     user-select: none;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.18.4",
+  "version": "0.18.6",
   "keywords": [
     "iyulab",
     "web-framework",