@designbasekorea/wordpress-ui 0.1.7 → 0.1.8

package/docs/WORDPRESS-ADMIN-GUIDE.md

@@ -2,7 +2,7 @@
 
 이 문서는 `@designbasekorea/wordpress-ui`를 WordPress 플러그인과 테마의 관리자 화면에 적용하는 표준 가이드입니다.
 
-이 가이드의 기준 배포 버전은 `0.1.7`입니다. `@designbasekorea/ui-wc@0.8.7`과
+이 가이드의 기준 배포 버전은 `0.1.8`입니다. `@designbasekorea/ui-wc@0.8.8`과
 같은 세트를 사용하세요. 플러그인 또는 테마의 lockfile과
 vendor 산출물도 같은 버전으로 맞추고, 버전을 올릴 때마다 아래 검증 명령을 다시
 실행합니다.
@@ -63,7 +63,7 @@ WordPress plugin/theme
 ### 2.1 Node 프로젝트에 설치
 
 ```bash
-npm install @designbasekorea/wordpress-ui@0.1.7
+npm install @designbasekorea/wordpress-ui@0.1.8
 ```
 
 WordPress 서버가 npm을 실행하는 것이 아닙니다. 라이브러리를 설치한 뒤 플러그인 또는 테마 빌드 과정에서 배포에 필요한 파일을 포함해야 합니다.
@@ -144,7 +144,7 @@ require_once __DIR__ . '/vendor/wordpress-ui/wordpress-ui.php';
 
 final class MyPlugin_Admin_Assets
 {
-    private const UI_VERSION = '0.1.7';
+    private const UI_VERSION = '0.1.8';
 
     public static function init(): void
     {
@@ -454,7 +454,7 @@ select?.addEventListener('db-change', (event) => {
 React는 선택 사항입니다. Gutenberg나 기존 React 앱과 연결해야 하는 화면에서만 사용하고, 일반적인 PHP admin page에는 vanilla entry를 권장합니다.
 
 ```bash
-npm install @designbasekorea/wordpress-ui@0.1.7 react react-dom
+npm install @designbasekorea/wordpress-ui@0.1.8 react react-dom
 ```
 
 ```tsx
@@ -532,7 +532,7 @@ React adapter의 책임은 관리자 shell과 ui-wc primitives 조합입니다.
 
 - `AdminShell`: `sidebarTitle`(사이드바 로고)과 `sidebarItems`(메뉴). 내부에서 `.designbase-wp-admin` root를 만듭니다.
 - `AdminPage`, `AdminPageContent`: 페이지 폭과 밀도
-- `AdminPageHeader`: title, description, breadcrumb, action. 모바일에서는 메뉴 버튼을 붙입니다.
+- `AdminPageHeader`: title, description, breadcrumb, action. 태블릿 이하에서는 제목 왼쪽에 사이드바 열기/닫기 버튼을 붙입니다. 기본값은 닫힘입니다.
 - `Section`, `Table`, `SearchBar`, `Select`, `Tabs`, `EmptyState`, `Modal` 등: 같은 패키지의 React primitives. `AdminSection` / `AdminDataTable` / `AdminFilterBar` 같은 별도 래퍼는 없습니다.
 
 이 컴포넌트들은 REST 요청, 페이지네이션 API, nonce 갱신, capability 검사를 대신하지 않습니다. React state와 서버 데이터의 생명주기는 플러그인/테마 앱이 소유합니다.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designbasekorea/wordpress-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "WordPress 관리자용 Designbase UI primitives와 plugin shell patterns",
   "type": "module",
   "main": "dist/index.cjs",
@@ -74,7 +74,7 @@
         "build-storybook": "storybook build"
     },
   "dependencies": {
-    "@designbasekorea/ui-wc": "0.8.7"
+    "@designbasekorea/ui-wc": "0.8.8"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <20.0.0",

package/wordpress-ui.php

@@ -62,6 +62,12 @@ if (!function_exists('designbase_wordpress_ui_enqueue')) {
         }
 
         wp_enqueue_style($handle, $base_url . '/dist/styles.css', [], $version);
+        // Unscoped on purpose: the bundled CSS cannot target `body.wp-toolbar`
+        // after it is prefixed with `.designbase-wp-admin`.
+        wp_add_inline_style(
+            $handle,
+            '.wp-toolbar .designbase-wp-admin{--dbwp-chrome-offset:32px}@media screen and (max-width:782px){.wp-toolbar .designbase-wp-admin{--dbwp-chrome-offset:46px}}'
+        );
         wp_enqueue_script(
             $handle . '-browser',
             $base_url . '/dist/browser.iife.js',