@iyulab/modern-app 0.15.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [0.16.0] - 2026-08-11
+
+### Changed
+
+- **`SidebarLayout`'s main content area now ships a default padding**
+  (`var(--u-space-3xl, 32px)`) instead of none. Every consumer previously had to add this
+  themselves to keep route content off the viewport/sidebar edge. Full-bleed layouts (e.g. a
+  dashboard whose table should reach the panel edge) can still opt back to `0` via
+  `styles.main`. This is a visible rendering change for any consumer that never set
+  `styles.main` — hence the minor bump rather than a patch.
+
 ## [0.15.0] - 2026-08-11
 
 ### Added

package/dist/layouts/SidebarLayout.styles.js

@@ -165,10 +165,19 @@ var t = e`
     display: none;
   }
 
-  /* Main Content */
+  /* Main Content
+   * ★기본 패딩을 준다 — 라우트 콘텐츠가 뷰포트/사이드바 경계에 그대로 맞닿아 모든
+   *   소비자가 같은 배선을 재구현하던 문제였다. 값은 이 라이브러리의 spacing 스케일
+   *   상단 근처(3xl)에서 골랐다 — LOB 화면의 표준 여백으로 쓰기에 과하지 않은 최대값.
+   * ⚠«패딩 박스» 기준 절대배치는 이 padding 의 영향을 받지 않는다 — 바로 아래
+   *   u-progress-bar 가 top/left/right:0 으로 여전히 테두리에 꽉 차게 붙는 이유다
+   *   (CSS 2.1 §10.6.4: 절대배치 자손의 containing block 은 가장 가까운 positioned
+   *   조상의 «패딩 박스»이고, 그 경계는 조상 자신의 padding 값에 밀리지 않는다).
+   *   풀블리드를 원하는 소비자는 layout.styles.main = { padding: '0' } 로 되돌린다. */
   .main {
     position: relative;
     flex: 1;
+    padding: var(--u-space-3xl, 32px);
     background: var(--u-bg-color, #FFFFFF);
     overflow: auto;
     outline: none;

package/package.json

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

package/skills/modern-app/references/components/master-detail-layout.md

@@ -44,11 +44,11 @@ configurable breakpoint means measuring the host's own width in JavaScript and r
 
 ## Properties
 
-| Property | Attribute | Type | Default | Description |
-|----------|-----------|------|---------|-------------|
-| `masterSize` | `master-size` | `string` (CSS length) | `'22rem'` | Fixed width of the master pane |
-| `overlayBreakpoint` | `overlay-breakpoint` | `number` (px) | `760` | Below this self width, detail becomes a full overlay |
-| `locale` | `locale` | `string` | `''` | Language tag for the close button's accessible label |
+| Property | Type | Default | Reflect | Description |
+|----------|------|---------|---------|-------------|
+| `masterSize` | `string` | `'22rem'` | | Fixed width of the master pane, a CSS length (`master-size`) |
+| `overlayBreakpoint` | `number` | `760` | | Below this self width in px, detail becomes a full overlay (`overlay-breakpoint`) |
+| `locale` | `string` | `''` | | Language tag for the close button's accessible label |
 
 ## Events