feat(storybook): refine manager layout and Hanmac branding

This commit is contained in:
shkim4 committed 2026-11-09 13:59:46 +09:00
1 parent fc0a3e7725
commit e47eb040f2
7 files changed
+20 -13

No files matched your search

+6
View File
@@ -65,6 +65,8 @@
padding: 0;
color: var(--color-fg-on-green-primary);
}
/* The Settings button is hidden, so the title uses the full header width. */
#storybook-sidebar-region .sidebar-header > div { margin-right: 0; }
#storybook-sidebar-region .sidebar-header > div a {
color: var(--color-fg-on-green-primary);
font: 700 16px/30px var(--hm-manager-font);
@@ -103,6 +105,10 @@
}
/* Storybook's named creation action only; search/filter remain available. */
#storybook-sidebar-region button[aria-label='Create a new story'] { display: none; }
/* Storybook Settings menu trigger only; sidebar search, tag filter and expand/collapse remain. */
#storybook-sidebar-region .sidebar-header button[aria-label='Settings'] { display: none; }
/* Storybook sidebar search landmark (input, icon, shortcut hint, tag filter); the tree and header remain. */
#storybook-sidebar-region [role='search'] { display: none; }
#storybook-explorer-tree .sidebar-subheading {
position: relative;
+2 -1
View File
@@ -31,13 +31,14 @@ document.head.appendChild(toolbarStyle)
addons.setConfig({
layout: {
showPanel: false,
showToolbar: false,
// LNB width 246px. recentVisibleSizes keeps the same width when the sidebar is collapsed and expanded again.
navSize: 246,
recentVisibleSizes: { navSize: 246 },
},
theme: create({
base: 'light',
brandTitle: 'HM Design System',
brandTitle: 'Hanmac Design System',
brandUrl: './',
brandTarget: '_self',
fontBase: "'Hanmac Manager Noto Sans KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif",
+1 -1
View File
@@ -25,7 +25,7 @@ const preview: Preview = {
includeNames: true,
order: [
"Foundation",
["HM Color", "Company Colors", "Typography", "Layout"],
["Hanmac Color", "Company Colors", "Typography", "Layout"],
"Components",
[
"Form",
+2 -2
View File
@@ -499,11 +499,11 @@ Source: `src/components/tooltip.stories.tsx`; meta.tags: []
- All — Tooltip; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
- Open — Open; tags: ["verification"]; VERIFICATION; HIDE. Keep direct URL and tag-filter access; excluded from default sidebar.
### Foundation/HM Color
### Foundation/Hanmac Color
Source: `src/foundation/color.stories.tsx`; meta.tags: []
- All — HM Color; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
- All — Hanmac Color; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
### Foundation/Company Colors
+2 -2
View File
@@ -3637,13 +3637,13 @@
},
{
"file": "src/foundation/color.stories.tsx",
"title": "Foundation/HM Color",
"title": "Foundation/Hanmac Color",
"metaTags": [],
"stories": [
{
"id": "foundation-color--all",
"exportName": "All",
"name": "HM Color",
"name": "Hanmac Color",
"storyTags": [],
"effectiveTags": [],
"category": "PRIMARY",