style(storybook): refine manager sidebar, LNB inset and shared story frame

- Manager sidebar labels and sort order for the grouped pages; LNB 1-depth
  text start 12px (token, baseline and LNB doc updated)
- Shared story frame: drop the divider under section titles, side margin
  max 60px -> 30px; Foundation color/typography spacing
- Pseudo-state mirroring also pins :focus-visible via data-sb-focus while
  keeping the previous clones for compound rules (Slider Focus + Drag)
This commit is contained in:
shkim4 committed 2026-11-13 17:57:34 +09:00
1 parent 7ff852952a
commit fe9c115cf9
22 files changed
+100 -83

No files matched your search

+10 -6
View File
@@ -29,6 +29,9 @@ toolbarStyle.textContent = `
document.head.appendChild(toolbarStyle)
// Sidebar display names only. Story titles, Story IDs and storySort stay English; items not listed keep item.name.
// 2026-11-13 grouped pages: 버튼 (Button + Toggle), 선택 컨트롤 (Checkbox / Radio Group / Switch), 시트·드로어 (Sheet + Drawer),
// 툴팁·호버 카드 (Tooltip + Hover Card), 접기·펼치기 (Accordion + Collapsible), 날짜 선택 (Date Picker + Calendar). The absorbed
// components keep their own labels for the hidden (verification) Stories shown by the sidebar tag filter.
const koreanLabels = {
foundation: '기본 요소',
components: '컴포넌트',
@@ -43,6 +46,7 @@ const koreanLabels = {
'components-form-input': '입력창',
'components-form-textarea': '텍스트 영역',
'components-form-select': '선택 목록',
'components-form-selection-controls': '선택 컨트롤',
'components-form-checkbox': '체크박스',
'components-form-radio-group': '라디오 버튼',
'components-form-switch': '스위치',
@@ -55,12 +59,12 @@ const koreanLabels = {
'components-navigation-menubar': '메뉴바',
'components-overlay-dialog': '대화상자',
'components-overlay-alert-dialog': '확인·경고 대화상자',
'components-overlay-sheet': '시트 패널',
'components-overlay-sheet': '시트·드로어',
'components-overlay-drawer': '드로어',
'components-overlay-dropdown-menu': '드롭다운 메뉴',
'components-overlay-dropdown-menu': '팝업 메뉴',
'components-overlay-context-menu': '컨텍스트 메뉴',
'components-overlay-popover': '팝오버',
'components-overlay-tooltip': '툴팁',
'components-overlay-tooltip': '툴팁·호버 카드',
'components-overlay-hover-card': '호버 카드',
'components-data-display-card': '카드',
'components-data-display-table': '테이블',
@@ -72,7 +76,7 @@ const koreanLabels = {
'components-data-display-aspect-ratio': '화면 비율',
'components-data-display-carousel': '캐러셀',
'components-data-display-scroll-area': '스크롤 영역',
'components-disclosure-accordion': '아코디언',
'components-disclosure-accordion': '접기·펼치기',
'components-disclosure-collapsible': '접기·펼치기',
'components-disclosure-resizable': '크기 조절',
'components-search-date-command': '명령어 검색',
@@ -86,9 +90,9 @@ const koreanLabels = {
'patterns-data-data-table': '데이터 테이블',
'patterns-data-filter-bar': '필터 바',
'patterns-layout': '화면 구성',
'patterns-layout-gnb': '전체 메뉴 (GNB)',
'patterns-layout-gnb': '상단 메뉴',
'patterns-layout-dashboard': '대시보드',
'patterns-layout-lnb': '좌측 메뉴 (LNB)',
'patterns-layout-lnb': '좌측 메뉴',
'patterns-layout-dashboard-layout': '대시보드',
'patterns-layout-page-header': '페이지 헤더',
chart: '차트',