shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

chore(sw): improve interactive header story preview

Browse Source
This commit is contained in:
shkim4 committed 2026-10-19 11:12:07 +09:00
1 parent 50bf5bda8e
commit bf16578226
58 files changed
+6028 -15
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/sw/storybook-overview-qa/after-index.json
+423
View File
@@ -0,0 +1,423 @@
[
{
"type": "story",
"subtype": "story",
"id": "sw-header--detail-buttons",
"name": "Detail Buttons (Shared States)",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest",
"verification"
],
"exportName": "DetailButtons"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--overview",
"name": "Overview",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Overview"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--interactive-states",
"name": "Interactive States",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "InteractiveStates"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--window-move-motion",
"name": "Window Move Motion",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "WindowMoveMotion"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--composed-controls",
"name": "Composed Controls",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ComposedControls"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--logo-slot",
"name": "Logo Slot",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LogoSlot"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--document-dropdown",
"name": "Document Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "DocumentDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--layer-dropdown",
"name": "Layer Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LayerDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--color-dropdown",
"name": "Color Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ColorDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--line-style-dropdown",
"name": "Line Style Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LineStyleDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--text-dimension-style-dropdown",
"name": "Text · Dimension Style Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "TextDimensionStyleDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--responsive-more",
"name": "Responsive More",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ResponsiveMore"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--layer-detail-input",
"name": "Layer Detail · Input",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LayerDetailInput"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel",
"name": "Property Panel",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanel"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-variants",
"name": "Property Panel Variants",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelVariants"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--k-guide",
"name": "K Guide",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "KGuide"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--additional-hover",
"name": "Additional Hover",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "AdditionalHover"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-bar",
"name": "Property Bar",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyBar"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--dynamic-controls",
"name": "Dynamic Controls",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "DynamicControls"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--colorize",
"name": "Colorize",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Colorize"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--composition",
"name": "Composition (Visibility · Order)",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Composition"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-none",
"name": "Property Panel · 선택 없음",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelNone"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-all",
"name": "Property Panel · 전체 선택",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelAll"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-circle",
"name": "Property Panel · 원 1개",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelCircle"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-expanded",
"name": "Property Panel · 모두 펼침",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelExpanded"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-compare",
"name": "Property Panel · 4개 비교",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelCompare"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-shape-slot",
"name": "Property Panel · 형상 Slot",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyShapeSlot"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-fields",
"name": "Property Panel · 필드 13개",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyFields"
}
]
docs/sw/storybook-overview-qa/before-index.json
+423
View File
@@ -0,0 +1,423 @@
[
{
"type": "story",
"subtype": "story",
"id": "sw-header--detail-buttons",
"name": "Detail Buttons (Shared States)",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest",
"verification"
],
"exportName": "DetailButtons"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--overview",
"name": "Overview",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Overview"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--interactive-states",
"name": "Interactive States",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "InteractiveStates"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--window-move-motion",
"name": "Window Move Motion",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "WindowMoveMotion"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--composed-controls",
"name": "Composed Controls",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ComposedControls"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--logo-slot",
"name": "Logo Slot",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LogoSlot"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--document-dropdown",
"name": "Document Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "DocumentDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--layer-dropdown",
"name": "Layer Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LayerDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--color-dropdown",
"name": "Color Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ColorDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--line-style-dropdown",
"name": "Line Style Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LineStyleDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--text-dimension-style-dropdown",
"name": "Text · Dimension Style Dropdown",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "TextDimensionStyleDropdown"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--responsive-more",
"name": "Responsive More",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "ResponsiveMore"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--layer-detail-input",
"name": "Layer Detail · Input",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "LayerDetailInput"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel",
"name": "Property Panel",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanel"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-variants",
"name": "Property Panel Variants",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelVariants"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--k-guide",
"name": "K Guide",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "KGuide"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--additional-hover",
"name": "Additional Hover",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "AdditionalHover"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-bar",
"name": "Property Bar",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyBar"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--dynamic-controls",
"name": "Dynamic Controls",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "DynamicControls"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--colorize",
"name": "Colorize",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Colorize"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--composition",
"name": "Composition (Visibility · Order)",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "Composition"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-none",
"name": "Property Panel · 선택 없음",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelNone"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-all",
"name": "Property Panel · 전체 선택",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelAll"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-circle",
"name": "Property Panel · 원 1개",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelCircle"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-expanded",
"name": "Property Panel · 모두 펼침",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelExpanded"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-panel-compare",
"name": "Property Panel · 4개 비교",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyPanelCompare"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-shape-slot",
"name": "Property Panel · 형상 Slot",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyShapeSlot"
},
{
"type": "story",
"subtype": "story",
"id": "sw-header--property-fields",
"name": "Property Panel · 필드 13개",
"title": "SW/Header",
"importPath": "./src/sw/sw-header.stories.tsx",
"componentPath": "./packages/sw/dist/index.js",
"tags": [
"dev",
"test",
"manifest"
],
"exportName": "PropertyFields"
}
]
docs/sw/storybook-overview-qa/changed-files.json
+234
View File
@@ -0,0 +1,234 @@
[
{
"status": " M",
"path": "src/sw/sw-header.stories.tsx"
},
{
"status": " M",
"path": "src/sw/sw-stories.css"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/after-index.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/before-index.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/chrome-overlays-result.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/chrome-result.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/firefox-initial-infrastructure-result.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/firefox-result.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/initial-verifier-failure.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/manager-story-order.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-after-expanded.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-after-scrolled.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-after.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-before.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-firefox-1400.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-firefox-500.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-manager.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-narrow-overlay.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/overview-narrow.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/review-candidates.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screen-survey.json"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--additional-hover.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--color-dropdown.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--colorize.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--composed-controls.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--composition.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--detail-buttons.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--document-dropdown.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--dynamic-controls.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--interactive-states.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--k-guide.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--layer-detail-input.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--layer-dropdown.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--line-style-dropdown.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--logo-slot.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--overview.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-bar.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-fields.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-all.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-circle.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-compare.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-expanded.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-none.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel-variants.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-panel.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--property-shape-slot.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--responsive-more.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--text-dimension-style-dropdown.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/screens/sw-header--window-move-motion.png"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/storybook-build.txt"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/sw-build.txt"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/sw-typecheck.txt"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/validation-summary.json"
},
{
"status": "??",
"path": "docs/sw/sw-storybook-screen-review-2026-10-19.md"
},
{
"status": "??",
"path": "packages/sw/tests/overview-firefox.browser.mjs"
},
{
"status": "??",
"path": "packages/sw/tests/overview.browser.mjs"
},
{
"status": "??",
"path": "src/sw/sw-header-overview.tsx"
},
{
"status": "??",
"path": "docs/sw/storybook-overview-qa/changed-files.json"
}
]
docs/sw/storybook-overview-qa/chrome-overlays-result.json
+104
View File
@@ -0,0 +1,104 @@
{
"baseCommit": "50bf5bda8e956a4973b923d64131f2f2285bd38c",
"checks": [
{
"name": "all 28 Story IDs, names, order and tags retained",
"status": "PASS"
},
{
"name": "other 27 Story declarations byte-identical",
"status": "PASS"
},
{
"name": "package production source untouched",
"status": "PASS"
},
{
"name": "document first row is above the property Bar and clickable",
"status": "PASS"
},
{
"name": "existing 레이어 상세 reports Callback",
"status": "PASS"
},
{
"name": "existing 색상 상세 reports Callback",
"status": "PASS"
},
{
"name": "existing 선스타일 상세 reports Callback",
"status": "PASS"
},
{
"name": "existing 문자스타일 상세 reports Callback",
"status": "PASS"
},
{
"name": "existing 치수스타일 상세 reports Callback",
"status": "PASS"
},
{
"name": "ByBlock mode immediately appears in Header without changing numeric RGB property",
"status": "PASS"
},
{
"name": "direct color selection clears Header mode label",
"status": "PASS"
},
{
"name": "small Inner layer dropdown stays in browser width",
"status": "PASS",
"data": {
"x": 141,
"y": 345.0625,
"width": 234,
"height": 250
}
},
{
"name": "small Inner lower layer row hit-test is unobstructed",
"status": "PASS"
},
{
"name": "small Inner layer selection or Escape closes only nested dropdown",
"status": "PASS"
},
{
"name": "small Inner line dropdown stays in browser width",
"status": "PASS",
"data": {
"x": 186,
"y": 39.0625,
"width": 189.1875,
"height": 342
}
},
{
"name": "small Inner line selection or Escape closes only nested dropdown",
"status": "PASS"
},
{
"name": "small Inner color dropdown stays in browser width",
"status": "PASS",
"data": {
"x": 175,
"y": 377.0625,
"width": 192,
"height": 182
}
},
{
"name": "small Inner color selection or Escape closes only nested dropdown",
"status": "PASS"
},
{
"name": "no overlay browser errors",
"status": "PASS",
"data": []
}
],
"errors": [],
"sizes": [],
"browser": "155.0.8059.80",
"status": "PASS"
}
docs/sw/storybook-overview-qa/chrome-result.json
+670
View File
@@ -0,0 +1,670 @@
{
"baseCommit": "50bf5bda8e956a4973b923d64131f2f2285bd38c",
"checks": [
{
"name": "all 28 Story IDs, names, order and tags retained",
"status": "PASS"
},
{
"name": "other 27 Story declarations byte-identical",
"status": "PASS"
},
{
"name": "package production source untouched",
"status": "PASS"
},
{
"name": "16:9 fitted to both Inner dimensions at 1920x1080",
"status": "PASS",
"data": {
"stage": {
"x": 360,
"y": 264.25,
"w": 1200,
"h": 675,
"right": 1560,
"bottom": 939.25
},
"slot": {
"x": 360,
"y": 169.5,
"w": 1200,
"h": 864.5,
"right": 1560,
"bottom": 1034
},
"header": {
"x": 360,
"y": 264.25,
"w": 1200,
"h": 49,
"right": 1560,
"bottom": 313.25
},
"viewport": {
"w": 1920,
"h": 1080
},
"overflow": 0
}
},
{
"name": "16:9 fitted to both Inner dimensions at 1440x900",
"status": "PASS",
"data": {
"stage": {
"x": 120,
"y": 174.25,
"w": 1200,
"h": 675,
"right": 1320,
"bottom": 849.25
},
"slot": {
"x": 120,
"y": 169.5,
"w": 1200,
"h": 684.5,
"right": 1320,
"bottom": 854
},
"header": {
"x": 120,
"y": 174.25,
"w": 1200,
"h": 49,
"right": 1320,
"bottom": 223.25
},
"viewport": {
"w": 1440,
"h": 900
},
"overflow": 0
}
},
{
"name": "16:9 fitted to both Inner dimensions at 1280x720",
"status": "PASS",
"data": {
"stage": {
"x": 191.5625,
"y": 169.5,
"w": 896.875,
"h": 504.5,
"right": 1088.4375,
"bottom": 674
},
"slot": {
"x": 38.40625,
"y": 169.5,
"w": 1203.1875,
"h": 504.5,
"right": 1241.59375,
"bottom": 674
},
"header": {
"x": 191.5625,
"y": 169.5,
"w": 896.875,
"h": 49,
"right": 1088.4375,
"bottom": 218.5
},
"viewport": {
"w": 1280,
"h": 720
},
"overflow": 0
}
},
{
"name": "16:9 fitted to both Inner dimensions at 768x600",
"status": "PASS",
"data": {
"stage": {
"x": 42.21875,
"y": 169.5,
"w": 683.546875,
"h": 384.5,
"right": 725.765625,
"bottom": 554
},
"slot": {
"x": 23.046875,
"y": 169.5,
"w": 721.90625,
"h": 384.5,
"right": 744.953125,
"bottom": 554
},
"header": {
"x": 42.21875,
"y": 169.5,
"w": 683.546875,
"h": 49,
"right": 725.765625,
"bottom": 218.5
},
"viewport": {
"w": 768,
"h": 600
},
"overflow": 0
}
},
{
"name": "16:9 fitted to both Inner dimensions at 390x844",
"status": "PASS",
"data": {
"stage": {
"x": 16,
"y": 383.0625,
"w": 358,
"h": 201.375,
"right": 374,
"bottom": 584.4375
},
"slot": {
"x": 16,
"y": 169.5,
"w": 358,
"h": 628.5,
"right": 374,
"bottom": 798
},
"header": {
"x": 16,
"y": 383.0625,
"w": 390,
"h": 49,
"right": 406,
"bottom": 432.0625
},
"viewport": {
"w": 390,
"h": 844
},
"overflow": 0
}
},
{
"name": "16:9 fitted to both Inner dimensions at 1000x500",
"status": "PASS",
"data": {
"stage": {
"x": 247.109375,
"y": 169.5,
"w": 505.765625,
"h": 284.5,
"right": 752.875,
"bottom": 454
},
"slot": {
"x": 30,
"y": 169.5,
"w": 940,
"h": 284.5,
"right": 970,
"bottom": 454
},
"header": {
"x": 247.109375,
"y": 169.5,
"w": 505.765625,
"h": 49,
"right": 752.875,
"bottom": 218.5
},
"viewport": {
"w": 1000,
"h": 500
},
"overflow": 0
}
},
{
"name": "one Header and no duplicate fixed Figma specimen",
"status": "PASS"
},
{
"name": "document selection updates Header and Callback",
"status": "PASS",
"data": "onDocumentClick → documentOpen(true) → onDocumentSelect(doc-2) → documentOpen(false)"
},
{
"name": "layer selection updates shared data",
"status": "PASS",
"data": "onDocumentClick → documentOpen(true) → onDocumentSelect(doc-2) → documentOpen(false) → onLayerOpen → onLayerSelect(layer, CC-D GNL)"
},
{
"name": "existing layer Detail callback closes list",
"status": "PASS"
},
{
"name": "color selection invokes host callback",
"status": "PASS",
"data": "onLayerOpen → onLayerSelect(layer, CC-D GNL) → onLayerOpen → onLayerDetail → onColorOpen → onColorSelect(color, 255,255,255)"
},
{
"name": "line selection updates Header",
"status": "PASS",
"data": "onLayerOpen → onLayerDetail → onColorOpen → onColorSelect(color, 255,255,255) → onLineStyleOpen → onLineTypeSelect(line, CENTER)"
},
{
"name": "ByLayer weight mode does not turn numeric property into a mode string",
"status": "PASS"
},
{
"name": "text style selection updates Header",
"status": "PASS",
"data": "onColorSelect(color, 255,255,255) → onLineStyleOpen → onLineTypeSelect(line, CENTER) → onLineWeightSelect(w-bylayer) → onTextStyleOpen → onTextStyleSelect(dotum)"
},
{
"name": "dimension style selection updates Header",
"status": "PASS",
"data": "onLineTypeSelect(line, CENTER) → onLineWeightSelect(w-bylayer) → onTextStyleOpen → onTextStyleSelect(dotum) → onDimensionStyleOpen → onDimensionStyleSelect(iso-25)"
},
{
"name": "opening another dropdown closes the previous one",
"status": "PASS"
},
{
"name": "Escape closes Header dropdown",
"status": "PASS"
},
{
"name": "outside click closes Header dropdown",
"status": "PASS"
},
{
"name": "Bar Enter commits state",
"status": "PASS"
},
{
"name": "Bar validates min=0",
"status": "PASS"
},
{
"name": "Bar Escape cancels edit",
"status": "PASS"
},
{
"name": "Header opens panel with same Bar value",
"status": "PASS"
},
{
"name": "numeric weight property remains numeric after ByLayer mode",
"status": "PASS"
},
{
"name": "Header layer value shared with panel",
"status": "PASS"
},
{
"name": "panel edit updates the Bar",
"status": "PASS"
},
{
"name": "panel number validation rejects negative radius",
"status": "PASS"
},
{
"name": "panel Layer dropdown updates Header shared value",
"status": "PASS"
},
{
"name": "panel line dropdown updates Header shared value",
"status": "PASS"
},
{
"name": "panel color dropdown updates Header shared value",
"status": "PASS"
},
{
"name": "panel RGB validation rejects out-of-range value",
"status": "PASS"
},
{
"name": "gauge keyboard editing commits host state",
"status": "PASS"
},
{
"name": "first Escape cancels draft and retains panel",
"status": "PASS"
},
{
"name": "next Escape closes panel and restores Header focus",
"status": "PASS"
},
{
"name": "panel Close button restores focus",
"status": "PASS"
},
{
"name": "external Props update Bar",
"status": "PASS"
},
{
"name": "Bar ReadOnly",
"status": "PASS"
},
{
"name": "Bar Disabled",
"status": "PASS"
},
{
"name": "dynamic Bar field added",
"status": "PASS"
},
{
"name": "dynamic field shared with panel",
"status": "PASS"
},
{
"name": "dynamic field removed from both",
"status": "PASS"
},
{
"name": "shape Slot can be empty without changing panel structure",
"status": "PASS"
},
{
"name": "original panel size none:314x256",
"status": "PASS",
"data": {
"x": 1000,
"y": 301.25,
"width": 314,
"height": 256
}
},
{
"name": "original panel size all:314x361",
"status": "PASS",
"data": {
"x": 1000,
"y": 301.25,
"width": 314,
"height": 361
}
},
{
"name": "original panel size circle:314x658",
"status": "PASS",
"data": {
"x": 1000,
"y": 301.25,
"width": 314,
"height": 658
}
},
{
"name": "original panel size expanded:314x754",
"status": "PASS",
"data": {
"x": 1000,
"y": 301.25,
"width": 314,
"height": 754
}
},
{
"name": "expanded popup bottom accessible through internal scroll",
"status": "PASS"
},
{
"name": "small Inner reaches full popup bottom with native Header and popup dimensions",
"status": "PASS",
"data": {
"top": 630,
"left": 16,
"height": 201,
"scrollHeight": 831,
"width": 358,
"scrollWidth": 390
}
},
{
"name": "narrow popup Escape restores More focus",
"status": "PASS"
},
{
"name": "actual Storybook manager iframe fits its own Inner",
"status": "PASS",
"data": {
"width": 1071.59375,
"height": 602.765625,
"slotWidth": 1071.59375,
"slotHeight": 744.5,
"viewportWidth": 1140,
"viewportHeight": 960
}
},
{
"name": "no browser errors",
"status": "PASS",
"data": []
}
],
"errors": [],
"sizes": [
{
"stage": {
"x": 360,
"y": 264.25,
"w": 1200,
"h": 675,
"right": 1560,
"bottom": 939.25
},
"slot": {
"x": 360,
"y": 169.5,
"w": 1200,
"h": 864.5,
"right": 1560,
"bottom": 1034
},
"header": {
"x": 360,
"y": 264.25,
"w": 1200,
"h": 49,
"right": 1560,
"bottom": 313.25
},
"viewport": {
"w": 1920,
"h": 1080
},
"overflow": 0
},
{
"stage": {
"x": 120,
"y": 174.25,
"w": 1200,
"h": 675,
"right": 1320,
"bottom": 849.25
},
"slot": {
"x": 120,
"y": 169.5,
"w": 1200,
"h": 684.5,
"right": 1320,
"bottom": 854
},
"header": {
"x": 120,
"y": 174.25,
"w": 1200,
"h": 49,
"right": 1320,
"bottom": 223.25
},
"viewport": {
"w": 1440,
"h": 900
},
"overflow": 0
},
{
"stage": {
"x": 191.5625,
"y": 169.5,
"w": 896.875,
"h": 504.5,
"right": 1088.4375,
"bottom": 674
},
"slot": {
"x": 38.40625,
"y": 169.5,
"w": 1203.1875,
"h": 504.5,
"right": 1241.59375,
"bottom": 674
},
"header": {
"x": 191.5625,
"y": 169.5,
"w": 896.875,
"h": 49,
"right": 1088.4375,
"bottom": 218.5
},
"viewport": {
"w": 1280,
"h": 720
},
"overflow": 0
},
{
"stage": {
"x": 42.21875,
"y": 169.5,
"w": 683.546875,
"h": 384.5,
"right": 725.765625,
"bottom": 554
},
"slot": {
"x": 23.046875,
"y": 169.5,
"w": 721.90625,
"h": 384.5,
"right": 744.953125,
"bottom": 554
},
"header": {
"x": 42.21875,
"y": 169.5,
"w": 683.546875,
"h": 49,
"right": 725.765625,
"bottom": 218.5
},
"viewport": {
"w": 768,
"h": 600
},
"overflow": 0
},
{
"stage": {
"x": 16,
"y": 383.0625,
"w": 358,
"h": 201.375,
"right": 374,
"bottom": 584.4375
},
"slot": {
"x": 16,
"y": 169.5,
"w": 358,
"h": 628.5,
"right": 374,
"bottom": 798
},
"header": {
"x": 16,
"y": 383.0625,
"w": 390,
"h": 49,
"right": 406,
"bottom": 432.0625
},
"viewport": {
"w": 390,
"h": 844
},
"overflow": 0
},
{
"stage": {
"x": 247.109375,
"y": 169.5,
"w": 505.765625,
"h": 284.5,
"right": 752.875,
"bottom": 454
},
"slot": {
"x": 30,
"y": 169.5,
"w": 940,
"h": 284.5,
"right": 970,
"bottom": 454
},
"header": {
"x": 247.109375,
"y": 169.5,
"w": 505.765625,
"h": 49,
"right": 752.875,
"bottom": 218.5
},
"viewport": {
"w": 1000,
"h": 500
},
"overflow": 0
}
],
"browser": "155.0.8059.80",
"managerOrder": [
"sw-header--overview",
"sw-header--interactive-states",
"sw-header--window-move-motion",
"sw-header--composed-controls",
"sw-header--logo-slot",
"sw-header--document-dropdown",
"sw-header--layer-dropdown",
"sw-header--color-dropdown",
"sw-header--line-style-dropdown",
"sw-header--text-dimension-style-dropdown",
"sw-header--responsive-more",
"sw-header--layer-detail-input",
"sw-header--property-panel",
"sw-header--property-panel-variants",
"sw-header--k-guide",
"sw-header--additional-hover",
"sw-header--property-bar",
"sw-header--dynamic-controls",
"sw-header--colorize",
"sw-header--composition",
"sw-header--property-panel-none",
"sw-header--property-panel-all",
"sw-header--property-panel-circle",
"sw-header--property-panel-expanded",
"sw-header--property-panel-compare",
"sw-header--property-shape-slot",
"sw-header--property-fields"
],
"status": "PASS"
}
docs/sw/storybook-overview-qa/firefox-initial-infrastructure-result.json
+86
View File
@@ -0,0 +1,86 @@
{
"checks": [
{
"name": "Firefox 1400: 16:9 in Inner and Header 49",
"status": "PASS",
"data": {
"width": 1200,
"height": 675,
"slotWidth": 1200,
"slotHeight": 702.5,
"headerHeight": 49,
"viewportWidth": 1400,
"viewportHeight": 915
}
},
{
"name": "Firefox 1400: full original popup 314x754",
"status": "PASS",
"data": {
"width": 314,
"height": 754,
"focus": false
}
},
{
"name": "Firefox 1400: popup bottom reachable and focusable",
"status": "PASS",
"data": {
"top": 156,
"visible": true
}
},
{
"name": "Firefox 1400: Escape closes popup and restores focus",
"status": "PASS"
},
{
"name": "Firefox 500: 16:9 in Inner and Header 49",
"status": "PASS",
"data": {
"width": 468,
"height": 263.25,
"slotWidth": 468,
"slotHeight": 502.5,
"headerHeight": 49,
"viewportWidth": 500,
"viewportHeight": 715
}
},
{
"name": "Firefox 500: full original popup 314x754",
"status": "PASS",
"data": {
"width": 314,
"height": 754,
"focus": false
}
},
{
"name": "Firefox 500: popup bottom reachable and focusable",
"status": "PASS",
"data": {
"top": 567.75,
"visible": true
}
},
{
"name": "Firefox 500: Escape closes popup and restores focus",
"status": "PASS"
},
{
"name": "Firefox browser errors absent",
"status": "FAIL",
"data": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:12495/sb-common-assets/nunito-sans-regular.woff2",
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:12495/sb-common-assets/nunito-sans-regular.woff2"
]
}
],
"errors": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:12495/sb-common-assets/nunito-sans-regular.woff2",
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:12495/sb-common-assets/nunito-sans-regular.woff2"
],
"version": "158.0",
"status": "FAIL"
}
docs/sw/storybook-overview-qa/firefox-result.json
+90
View File
@@ -0,0 +1,90 @@
{
"checks": [
{
"name": "Firefox 1400: 16:9 in Inner and Header 49",
"status": "PASS",
"data": {
"width": 1200,
"height": 675,
"slotWidth": 1200,
"slotHeight": 700.5,
"headerHeight": 49,
"viewportWidth": 1400,
"viewportHeight": 915
}
},
{
"name": "Firefox 1400: full original popup 314x754",
"status": "PASS",
"data": {
"width": 314,
"height": 754,
"focus": false
}
},
{
"name": "Firefox 1400: popup bottom reachable and focusable",
"status": "PASS",
"data": {
"top": 156,
"visible": true
}
},
{
"name": "Firefox 1400: Escape closes popup and restores focus",
"status": "PASS"
},
{
"name": "Firefox 500: 16:9 in Inner and Header 49",
"status": "PASS",
"data": {
"width": 468,
"height": 263.25,
"slotWidth": 468,
"slotHeight": 502.5,
"headerHeight": 49,
"viewportWidth": 500,
"viewportHeight": 715
}
},
{
"name": "Firefox 500: full original popup 314x754",
"status": "PASS",
"data": {
"width": 314,
"height": 754,
"focus": false
}
},
{
"name": "Firefox 500: popup bottom reachable and focusable",
"status": "PASS",
"data": {
"top": 567.75,
"visible": true
}
},
{
"name": "Firefox 500: Escape closes popup and restores focus",
"status": "PASS"
},
{
"name": "Firefox SW runtime errors absent; known Storybook font warnings recorded separately",
"status": "PASS",
"data": {
"errors": [],
"warnings": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2",
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2"
]
}
}
],
"errors": [],
"infrastructureWarnings": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2",
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2"
],
"version": "158.0",
"status": "PASS"
}
docs/sw/storybook-overview-qa/initial-verifier-failure.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

docs/sw/storybook-overview-qa/manager-story-order.json
+29
View File
@@ -0,0 +1,29 @@
[
"sw-header--overview",
"sw-header--interactive-states",
"sw-header--window-move-motion",
"sw-header--composed-controls",
"sw-header--logo-slot",
"sw-header--document-dropdown",
"sw-header--layer-dropdown",
"sw-header--color-dropdown",
"sw-header--line-style-dropdown",
"sw-header--text-dimension-style-dropdown",
"sw-header--responsive-more",
"sw-header--layer-detail-input",
"sw-header--property-panel",
"sw-header--property-panel-variants",
"sw-header--k-guide",
"sw-header--additional-hover",
"sw-header--property-bar",
"sw-header--dynamic-controls",
"sw-header--colorize",
"sw-header--composition",
"sw-header--property-panel-none",
"sw-header--property-panel-all",
"sw-header--property-panel-circle",
"sw-header--property-panel-expanded",
"sw-header--property-panel-compare",
"sw-header--property-shape-slot",
"sw-header--property-fields"
]
docs/sw/storybook-overview-qa/overview-after-expanded.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

docs/sw/storybook-overview-qa/overview-after-scrolled.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

docs/sw/storybook-overview-qa/overview-after.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

docs/sw/storybook-overview-qa/overview-before.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

docs/sw/storybook-overview-qa/overview-firefox-1400.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

docs/sw/storybook-overview-qa/overview-firefox-500.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

docs/sw/storybook-overview-qa/overview-manager.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

docs/sw/storybook-overview-qa/overview-narrow-overlay.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

docs/sw/storybook-overview-qa/overview-narrow.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

docs/sw/storybook-overview-qa/review-candidates.json
+366
View File
@@ -0,0 +1,366 @@
[
{
"number": "V-01",
"name": "Overview",
"id": "sw-header--overview",
"status": "KEEP",
"audience": "통합 시연 / 사용자",
"content": "16:9 Stage에서 Header·전체 Dropdown·속성Bar·속성창·공유 속성을 조작.",
"proposal": "현재 메인으로 유지.",
"impact": "중간",
"loss": "대체 메인 없음. 이번에 실제 수정한 유일한 Story.",
"url": "http://localhost:6024/?path=/story/sw-header--overview",
"screenshot": "overview-after.png"
},
{
"number": "V-02",
"name": "Interactive States",
"id": "sw-header--interactive-states",
"status": "SIMPLIFY",
"audience": "상태 비교 / 사용자·QA",
"content": "12개 섹션: Host state, Hover/Selected/Disabled, 토글, 창 버튼 Callback, 긴 파일명.",
"proposal": "반복 Header 표본과 설명을 상태별로 축소 검토.",
"impact": "낮음",
"loss": "삭제하면 Disabled+Hover·키보드·창 버튼 Callback 비교를 잃음. 메인은 상태 비교표를 대체하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--interactive-states",
"screenshot": "screens/sw-header--interactive-states.png"
},
{
"number": "V-03",
"name": "Window Move Motion",
"id": "sw-header--window-move-motion",
"status": "KEEP",
"audience": "단계별 실컴포넌트 정지 표본 / QA",
"content": "기존 9단계의 창 이동 모션을 3배 확대.",
"proposal": "이번에 확정한 단계별 섹션 그대로 유지.",
"impact": "낮음",
"loss": "타이밍·위치 비교의 유일한 상세 화면. 메인의 실시간 Hover와 목적이 다름.",
"url": "http://localhost:6024/?path=/story/sw-header--window-move-motion",
"screenshot": "screens/sw-header--window-move-motion.png"
},
{
"number": "V-04",
"name": "Composed Controls",
"id": "sw-header--composed-controls",
"status": "KEEP",
"audience": "하위 컴포넌트 조합 / 사용자",
"content": "레이어·색상·상세보기, 선·문자·치수 공개 하위 컴포넌트와 그룹 Hover.",
"proposal": "독립 조합 API 사용 예제로 유지.",
"impact": "중간",
"loss": "전체 Header 통합 시연으로 하위 컴포넌트 단독 조합을 대체할 수 없음.",
"url": "http://localhost:6024/?path=/story/sw-header--composed-controls",
"screenshot": "screens/sw-header--composed-controls.png"
},
{
"number": "V-05",
"name": "Logo Slot",
"id": "sw-header--logo-slot",
"status": "KEEP",
"audience": "설정 예제 / 사용자",
"content": "기본 임시 로고, 가로형 logoSrc, 세로형 React logo, 미전달 4개 표본.",
"proposal": "로고 슬롯 계약 예제로 유지.",
"impact": "낮음",
"loss": "삭제하면 이미지/ReactNode/미전달의 차이를 직접 확인할 수 없음.",
"url": "http://localhost:6024/?path=/story/sw-header--logo-slot",
"screenshot": "screens/sw-header--logo-slot.png"
},
{
"number": "V-06",
"name": "Document Dropdown",
"id": "sw-header--document-dropdown",
"status": "SIMPLIFY",
"audience": "실제 조작+정적 상태 / 사용자·QA",
"content": "18개 섹션: 문서 선택·닫기·New/Open·현재 문서 위치·Hover·18개/빈 목록·긴 이름·390px.",
"proposal": "반복 현재 문서/Hover 표본을 한 비교 구역으로 줄이는 방안 검토.",
"impact": "중간",
"loss": "메인은 기본 선택·목록 변경을 대체하지만 빈 목록·긴 이름·행 위치·18개 스크롤 사례는 대체하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--document-dropdown",
"screenshot": "screens/sw-header--document-dropdown.png"
},
{
"number": "V-07",
"name": "Layer Dropdown",
"id": "sw-header--layer-dropdown",
"status": "SIMPLIFY",
"audience": "실제 조작+정적 상태 / 사용자·QA",
"content": "19개 섹션: 전구·눈꽃·잠금, 상태 혼합, 선택, 긴/빈/많은 레이어, 6개 좁은 폭.",
"proposal": "중복 Header 표본을 줄이고 아이콘 상태표·예외 사례 유지 검토.",
"impact": "중간",
"loss": "메인은 정상 선택·Toggle만 대체. On/Off/Hover 아이콘 매트릭스·20개 목록·Callback 없는 상태가 고유함.",
"url": "http://localhost:6024/?path=/story/sw-header--layer-dropdown",
"screenshot": "screens/sw-header--layer-dropdown.png"
},
{
"number": "V-08",
"name": "Color Dropdown",
"id": "sw-header--color-dropdown",
"status": "SIMPLIFY",
"audience": "실제 조작+디자인 비교 / 사용자·QA",
"content": "9개 섹션: 팔레트·사용자 색상 40개·ByLayer·RGB 입력·Colorize·상세 Callback.",
"proposal": "반복 Default/Hover Header와 설명을 축소; Colorize 통합 목적지로 검토.",
"impact": "중간",
"loss": "메인의 색상 변경은 40개 색상·정적 Hover 비교를 대체하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--color-dropdown",
"screenshot": "screens/sw-header--color-dropdown.png"
},
{
"number": "V-09",
"name": "Line Style Dropdown",
"id": "sw-header--line-style-dropdown",
"status": "SIMPLIFY",
"audience": "실제 조작+디자인 비교 / 사용자·QA",
"content": "8개 섹션: 3열 선 종류·가중치·스케일, 현재 행/상세 Hover, 390px.",
"proposal": "중복 Default/Hover를 줄이고 3열 입력·좁은 화면 사례 보존 검토.",
"impact": "중간",
"loss": "메인은 정상 선택을 대체하지만 상세 상태·열 배치 기준은 남길 필요가 있음.",
"url": "http://localhost:6024/?path=/story/sw-header--line-style-dropdown",
"screenshot": "screens/sw-header--line-style-dropdown.png"
},
{
"number": "V-10",
"name": "Text · Dimension Style Dropdown",
"id": "sw-header--text-dimension-style-dropdown",
"status": "KEEP",
"audience": "실제 조작+디자인 비교 / 사용자·QA",
"content": "문자·치수스타일 목록과 각 행·상세 Hover, 선택 Callback 등 6개 섹션.",
"proposal": "서로 다른 두 필드의 목록 계약을 함께 확인하는 현 구성 유지.",
"impact": "낮음",
"loss": "메인의 선택만으로 각 행 미리보기와 Figma Hover 비교를 대체하지 못함.",
"url": "http://localhost:6024/?path=/story/sw-header--text-dimension-style-dropdown",
"screenshot": "screens/sw-header--text-dimension-style-dropdown.png"
},
{
"number": "V-11",
"name": "Responsive More",
"id": "sw-header--responsive-more",
"status": "SIMPLIFY",
"audience": "반응형 실제 조작+폭 표본 / 사용자·QA",
"content": "1440/768/390 조작 구역 3개 + 경계 폭 16개. More 대표 필드 전환과 Callback.",
"proposal": "경계 폭 표본을 접는 방식 등 화면 길이 축소 검토. 기능은 유지 권장.",
"impact": "중간",
"loss": "삭제한 Responsive와 다른 기능. 메인은 현재 폭만 보여 주므로 모든 경계값 비교를 대체하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--responsive-more",
"screenshot": "screens/sw-header--responsive-more.png"
},
{
"number": "V-12",
"name": "Layer Detail · Input",
"id": "sw-header--layer-detail-input",
"status": "MERGE REVIEW",
"audience": "상세 버튼+독립 Input / 사용자·QA",
"content": "6개 섹션: Figma PNG, 레이어 상세 3상태, Input Default/Hover/ReadOnly/Disabled/Focus 및 입력·IME·확정/취소.",
"proposal": "상세 버튼 비교는 Detail Buttons로 옮기는 방안 검토. 독립 Input 시연은 남겨야 함.",
"impact": "중간",
"loss": "독립 Input Story는 현재 없음. 페이지 전체를 지우면 텍스트/숫자·외부 Props·취소 예제를 잃음. detail-buttons 검증이 이 ID를 참조함.",
"url": "http://localhost:6024/?path=/story/sw-header--layer-detail-input",
"screenshot": "screens/sw-header--layer-detail-input.png"
},
{
"number": "V-13",
"name": "Property Panel",
"id": "sw-header--property-panel",
"status": "KEEP",
"audience": "Header 연동과 데이터 변형 / 사용자·QA",
"content": "4가지 선택, Controlled/Uncontrolled, 외부 Open/값, 항목 추가·삭제·순서, 제한 상태·게이지.",
"proposal": "고급 데이터/API 검증 화면으로 유지.",
"impact": "중간",
"loss": "메인에 없는 Controlled 전환, 개별 제한·옵션 삭제·선택 객체 교체가 남음. Firefox·닫기·필드 테스트가 참조.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel",
"screenshot": "screens/sw-header--property-panel.png"
},
{
"number": "V-14",
"name": "Property Panel Variants",
"id": "sw-header--property-panel-variants",
"status": "MERGE REVIEW",
"audience": "독립 패널과 데이터 변형 / QA",
"content": "같은 PropertyPanelDemo를 standalone으로 렌더링. 4상태·데이터 버튼이 Property Panel과 거의 동일.",
"proposal": "단독 패널 기준이 필요하면 4개 개별/4개 비교 화면과 통합 검토.",
"impact": "중간",
"loss": "Header Overlay·Focus 복귀와 다른 단독 맥락. standalone의 닫기는 기록만 하고 패널을 유지하며 너비/Open 버튼은 Header 연동 검증을 대신하지 못함.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-variants",
"screenshot": "screens/sw-header--property-panel-variants.png"
},
{
"number": "V-15",
"name": "K Guide",
"id": "sw-header--k-guide",
"status": "KEEP",
"audience": "실시간 모션 / 사용자",
"content": "K 버튼 Hover/Focus의 원본 이미지 Pan·Zoom, 이탈 정지, Reduced Motion 안내.",
"proposal": "고유한 가이드 모션 예제로 유지.",
"impact": "낮음",
"loss": "Header 실시간 모션과 창 이동 1400ms 모션은 별개. 메인에서는 일부만 볼 수 있음.",
"url": "http://localhost:6024/?path=/story/sw-header--k-guide",
"screenshot": "screens/sw-header--k-guide.png"
},
{
"number": "V-16",
"name": "Additional Hover",
"id": "sw-header--additional-hover",
"status": "MERGE REVIEW",
"audience": "상세/Selected 회귀·외부 모드 / QA",
"content": "StyleDemo 1920과 RequiredColorDemo: 5개 상세 Hover, Selected, 외부 ByLayer/ByBlock/직접 색상.",
"proposal": "상세 상태는 Detail Buttons, 외부 색상 모드는 Color Dropdown으로 이전 검토.",
"impact": "중간",
"loss": "외부 colorMode 제어는 메인의 일반 색상 선택과 다름. followup-four가 이 ID를 참조하므로 먼저 대체 시나리오가 필요함.",
"url": "http://localhost:6024/?path=/story/sw-header--additional-hover",
"screenshot": "screens/sw-header--additional-hover.png"
},
{
"number": "V-17",
"name": "Property Bar",
"id": "sw-header--property-bar",
"status": "KEEP",
"audience": "속성Bar 전체 API / 사용자·QA",
"content": "Controlled, 외부 Open/값, 추가·삭제·순서 반전·객체 교체·개별 Disabled/ReadOnly, 1222px 부모 폭.",
"proposal": "메인의 참조 구현이자 고급 API 예제로 유지.",
"impact": "중간",
"loss": "메인은 공유 값·기본 추가/제거·제한만 제공. 개별 제한·순서·객체 교체·Controlled를 대체하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--property-bar",
"screenshot": "screens/sw-header--property-bar.png"
},
{
"number": "V-18",
"name": "Dynamic Controls",
"id": "sw-header--dynamic-controls",
"status": "KEEP",
"audience": "controls allowlist / 사용자",
"content": "12개 구성의 제거·재추가·라벨·순서·visible, 동적 문서 데이터.",
"proposal": "Composition과 다른 API임을 설명하는 방향으로 유지.",
"impact": "중간",
"loss": "controls는 전체 allowlist이며 로고 외 16개 요소를 숨기는 hiddenControls와 다름. 이름이 비슷해도 동일 기능이 아님.",
"url": "http://localhost:6024/?path=/story/sw-header--dynamic-controls",
"screenshot": "screens/sw-header--dynamic-controls.png"
},
{
"number": "V-19",
"name": "Colorize",
"id": "sw-header--colorize",
"status": "REMOVE REVIEW",
"audience": "색상 추출 버튼 접근 / QA",
"content": "별도 기본/확대 상태표 없이 StyleDemo(1920)를 다시 표시. 색상 Dropdown의 추출 버튼으로 연결.",
"proposal": "Color Dropdown에 버튼 접근·Hover·Callback 증거를 남긴 뒤 메뉴 삭제 검토 가능.",
"impact": "중간",
"loss": "실제 색상 추출 CAD 기능은 호스트 소유. 삭제 시 전용 접근 URL을 잃고 detail-buttons preservation의 colorize 참조를 이전해야 함. 지금은 삭제하지 않음.",
"url": "http://localhost:6024/?path=/story/sw-header--colorize",
"screenshot": "screens/sw-header--colorize.png"
},
{
"number": "V-20",
"name": "Composition (Visibility · Order)",
"id": "sw-header--composition",
"status": "KEEP",
"audience": "hiddenControls/menuOrder / 사용자·QA",
"content": "16개 표시 항목, 프리셋·순서·중복/알 수 없는 ID, 실제 화면/고정 폭, Callback 보존.",
"proposal": "개별 제거와 순서 계약을 보여 주는 예제로 유지.",
"impact": "중간",
"loss": "Dynamic Controls와 다른 API. 홈·창 이동·최소화·종료까지 개별 제어하고 메뉴 순서 정규화를 검증함.",
"url": "http://localhost:6024/?path=/story/sw-header--composition",
"screenshot": "screens/sw-header--composition.png"
},
{
"number": "V-21",
"name": "Property Panel · 선택 없음",
"id": "sw-header--property-panel-none",
"status": "QA",
"audience": "단독 실제 컴포넌트 / 디자인 QA",
"content": "선택 없음 314×256 고정 상태와 실제 필드.",
"proposal": "일반 사용자 목록보다는 QA 분류 검토.",
"impact": "중간",
"loss": "Variants/Compare와 겹치지만 테스트의 상태별 직접 URL·치수 기준임. 삭제/통합 시 ID 참조 이전 필요.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-none",
"screenshot": "screens/sw-header--property-panel-none.png"
},
{
"number": "V-22",
"name": "Property Panel · 전체 선택",
"id": "sw-header--property-panel-all",
"status": "QA",
"audience": "단독 실제 컴포넌트 / 디자인 QA",
"content": "전체 선택 314×361, 혼합 레이어 값과 선택 개수.",
"proposal": "개별 QA 기준으로 유지하거나 Compare 통합 검토.",
"impact": "중간",
"loss": "선택 없음/원 상태와 내용이 다름. 테스트 직접 URL·혼합 값·개수 레이아웃을 보존해야 함.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-all",
"screenshot": "screens/sw-header--property-panel-all.png"
},
{
"number": "V-23",
"name": "Property Panel · 원 1개",
"id": "sw-header--property-panel-circle",
"status": "QA",
"audience": "단독 실제 컴포넌트 / 디자인 QA",
"content": "원 1개 314×658, 기본 형상·치수·XYZ·전체 선택 복귀.",
"proposal": "개별 QA 기준으로 유지하거나 Compare 통합 검토.",
"impact": "중간",
"loss": "원형 Slot과 위치·푸터를 포함. 다른 상태와 같은 이름의 단순 중복이 아님.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-circle",
"screenshot": "screens/sw-header--property-panel-circle.png"
},
{
"number": "V-24",
"name": "Property Panel · 모두 펼침",
"id": "sw-header--property-panel-expanded",
"status": "QA",
"audience": "단독 실제 컴포넌트 / 디자인 QA",
"content": "전체 펼침 314×754, 추가 공통 속성·형상·위치·푸터.",
"proposal": "개별 QA 기준으로 유지하거나 Compare 통합 검토.",
"impact": "중간",
"loss": "754px 전체 높이와 하단 잘림 검증에 필요. 개별 ID가 기존 테스트에서 동적으로 참조됨.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-expanded",
"screenshot": "screens/sw-header--property-panel-expanded.png"
},
{
"number": "V-25",
"name": "Property Panel · 4개 비교",
"id": "sw-header--property-panel-compare",
"status": "QA",
"audience": "4개 실제 패널 병렬 비교 / 디자인 QA",
"content": "4개 선택 상태를 동시에 렌더링하고 실측 폭·높이를 표시.",
"proposal": "나란히 비교하는 QA 목적을 유지. 개별 메뉴 통합 목적지로 검토 가능.",
"impact": "중간",
"loss": "Variants는 상태 전환, Compare는 동시 비교라는 차이가 있음. property-fields의 4상태 치수 검증이 참조함.",
"url": "http://localhost:6024/?path=/story/sw-header--property-panel-compare",
"screenshot": "screens/sw-header--property-panel-compare.png"
},
{
"number": "V-26",
"name": "Property Panel · 형상 Slot",
"id": "sw-header--property-shape-slot",
"status": "KEEP",
"audience": "형상 확장 API / 사용자",
"content": "기본/null/ReactNode/Render Prop, 원·사각형 교체, 치수/그룹 추가.",
"proposal": "외부 컴포넌트 확장 계약 예제로 유지.",
"impact": "중간",
"loss": "메인은 기본/null만 제공. ReactNode와 Render Prop·형상 교체를 대체할 수 없음.",
"url": "http://localhost:6024/?path=/story/sw-header--property-shape-slot",
"screenshot": "screens/sw-header--property-shape-slot.png"
},
{
"number": "V-27",
"name": "Property Panel · 필드 13개",
"id": "sw-header--property-fields",
"status": "QA",
"audience": "필드 상태·실제 조작 / 디자인 QA",
"content": "Figma 13개 필드 Default/Hover 표본, 실제 패널, 혼합 레이어·외부 값·제한·단위.",
"proposal": "77개 필드 검증의 기준 화면으로 유지 권장.",
"impact": "중간",
"loss": "메인은 필드별 디자인 상태표를 대체하지 않음. property-fields.browser.mjs의 핵심 직접 ID.",
"url": "http://localhost:6024/?path=/story/sw-header--property-fields",
"screenshot": "screens/sw-header--property-fields.png"
},
{
"number": "V-28",
"name": "Detail Buttons (Shared States)",
"id": "sw-header--detail-buttons",
"status": "QA",
"audience": "실제 Pointer/Callback 비교 / QA",
"content": "5개 상세 버튼 × Default/Hover/Disabled/Callback 없음, 클릭 횟수. verification 태그로 기본 숨김.",
"proposal": "이미 적용된 숨김과 검증 표본 유지.",
"impact": "중간",
"loss": "메인은 실제 Dropdown 접근용이며 이 비교 매트릭스를 대체하지 못함. detail-buttons 검증의 직접 ID.",
"url": "http://localhost:6024/?path=/story/sw-header--detail-buttons",
"screenshot": "screens/sw-header--detail-buttons.png"
}
]
docs/sw/storybook-overview-qa/screen-survey.json
+2395
View File
File diff suppressed because it is too large. Load diff
docs/sw/storybook-overview-qa/screens/sw-header--additional-hover.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

docs/sw/storybook-overview-qa/screens/sw-header--color-dropdown.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 183 KiB

docs/sw/storybook-overview-qa/screens/sw-header--colorize.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

docs/sw/storybook-overview-qa/screens/sw-header--composed-controls.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

docs/sw/storybook-overview-qa/screens/sw-header--composition.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

docs/sw/storybook-overview-qa/screens/sw-header--detail-buttons.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

docs/sw/storybook-overview-qa/screens/sw-header--document-dropdown.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

docs/sw/storybook-overview-qa/screens/sw-header--dynamic-controls.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

docs/sw/storybook-overview-qa/screens/sw-header--interactive-states.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 KiB

docs/sw/storybook-overview-qa/screens/sw-header--k-guide.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

docs/sw/storybook-overview-qa/screens/sw-header--layer-detail-input.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 KiB

docs/sw/storybook-overview-qa/screens/sw-header--layer-dropdown.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 220 KiB

docs/sw/storybook-overview-qa/screens/sw-header--line-style-dropdown.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

docs/sw/storybook-overview-qa/screens/sw-header--logo-slot.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

docs/sw/storybook-overview-qa/screens/sw-header--overview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-bar.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-fields.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-all.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-circle.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-compare.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-expanded.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-none.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel-variants.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-panel.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

docs/sw/storybook-overview-qa/screens/sw-header--property-shape-slot.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

docs/sw/storybook-overview-qa/screens/sw-header--responsive-more.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

docs/sw/storybook-overview-qa/screens/sw-header--text-dimension-style-dropdown.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

docs/sw/storybook-overview-qa/screens/sw-header--window-move-motion.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

docs/sw/storybook-overview-qa/storybook-build.txt
+306
View File
@@ -0,0 +1,306 @@
T Building storybook v10.6.1
|
o Cleaning outputDir: storybook-static
|
o Loading presets
|
o Building manager..
|
• Building open services..
|
• Building preview..
|
• Copying static files: public\fonts at storybook-static\fonts
|
• Copying static files: themes at storybook-static\themes
| Vite vite v8.3.0 building client environment for production...
transforming...
Found 1 warning while optimizing generated CSS:
│ }
│ .bg-\[var\(\.\.\.\)\] {
│ background-color: var(...);
┆ ^-- Unexpected token Delim('.')
┆
│ }
│ .bg-background {
✓ 3102 modules transformed.
|
! Vite [lightningcss minify] 'host-context' is not recognized as a valid
| pseudo-class. Did you mean '::host-context' (pseudo-element) or is
| this a typo?
| 1322 | background-color: var(--hm-orgchart-dialog-close-hover);
| 1323 | }
| 1324 | :host-context(.dark) .hm-orgchart-employee-dialog-close:hover,
| | ^
| 1325 | .dark .hm-orgchart-employee-dialog-close:hover {
| 1326 | background-color: color-mix(in oklab,
| var(--hm-orgchart-dialog-close-hover) 50%, transparent);
rendering chunks...
computing gzip size...
| Vite storybook-static/assets/input-26-11656-BIXt51ww.png
| 5.09 kB
| storybook-static/iframe.html
| 19.07 kB │ gzip: 5.42 kB
| storybook-static/assets/NotoSansKR-variable-k7NQXPol.ttf
| 10,414.58 kB
| storybook-static/assets/data-table-x0avmA1M.css
| 0.89 kB │ gzip: 0.32 kB
| storybook-static/assets/department-colors-preview-C8o8mgn-.css
| 1.12 kB │ gzip: 0.39 kB
| storybook-static/assets/org-chart-stories-CVVpQeIs.css
| 1.15 kB │ gzip: 0.39 kB
| storybook-static/assets/org-chart-expanded-BQqXfdmZ.css
| 1.34 kB │ gzip: 0.43 kB
| storybook-static/assets/story-page-B9TObVPB.css
| 1.74 kB │ gzip: 0.49 kB
| storybook-static/assets/designer-theme-Bv3QXGf0.css
| 2.88 kB │ gzip: 0.85 kB
| storybook-static/assets/reference-CElszmAj.css
| 3.13 kB │ gzip: 0.87 kB
| storybook-static/assets/center-stories-MLQreMPw.css
| 6.77 kB │ gzip: 1.49 kB
| storybook-static/assets/dashboard-layout-cwHZMCdB.css
| 6.90 kB │ gzip: 1.21 kB
| storybook-static/assets/engine-DrWcIejL.css
| 15.64 kB │ gzip: 3.10 kB
| storybook-static/assets/center-shared-CBSMPY7X.css
| 55.67 kB │ gzip: 10.48 kB
| storybook-static/assets/sw-header-CUYjY3HM.css
| 73.13 kB │ gzip: 13.58 kB
| storybook-static/assets/style-BhhUui7W.css
| 93.80 kB │ gzip: 12.41 kB
| storybook-static/assets/iframe-BW1xNYqB.css
| 237.20 kB │ gzip: 36.15 kB
| storybook-static/assets/iframe-BN7HSSg4.js
| 0.04 kB │ gzip: 0.06 kB
| storybook-static/assets/center-stories-Cr38slYE.js
| 0.09 kB │ gzip: 0.11 kB
| storybook-static/assets/org-chart-stories-BU9b3y-N.js
| 0.09 kB │ gzip: 0.11 kB
| storybook-static/assets/chart-column-39yOKDYH.js
| 0.41 kB │ gzip: 0.29 kB
| storybook-static/assets/layout-grid-6y2ii6HT.js
| 0.48 kB │ gzip: 0.28 kB
| storybook-static/assets/italic-DkeWgR9v.js
| 0.58 kB │ gzip: 0.36 kB
| storybook-static/assets/org-chart-full-composition.stories-D1pErr-l.js
| 0.59 kB │ gzip: 0.39 kB
| storybook-static/assets/org-chart-p1.stories-CfXa_6Rp.js
| 0.59 kB │ gzip: 0.40 kB
| storybook-static/assets/org-chart-department-colors.stories-CtRK7aJI.js
| 0.60 kB │ gzip: 0.39 kB
| storybook-static/assets/settings-BS9DjRDa.js
| 0.62 kB │ gzip: 0.34 kB
| storybook-static/assets/org-chart-summary.stories-B900zJzh.js
| 0.76 kB │ gzip: 0.40 kB
| storybook-static/assets/center-information.stories-QS-Xk9cm.js
| 0.94 kB │ gzip: 0.63 kB
| storybook-static/assets/sample-users-CAqvNHXG.js
| 0.94 kB │ gzip: 0.67 kB
| storybook-static/assets/center-spatial.stories-BKywiGMs.js
| 0.97 kB │ gzip: 0.64 kB
| storybook-static/assets/rolldown-runtime-DkW27tQK.js
| 1.19 kB │ gzip: 0.67 kB
| storybook-static/assets/preload-helper-VEOc_cSF.js
| 1.33 kB │ gzip: 0.75 kB
| storybook-static/assets/center-title.stories-D4g3unBO.js
| 1.36 kB │ gzip: 0.88 kB
| storybook-static/assets/org-chart-overview-internal.stories-CZjDbHDQ.js
| 1.43 kB │ gzip: 0.68 kB
| storybook-static/assets/org-chart-cards.stories-BMF7xDR7.js
| 1.60 kB │ gzip: 0.92 kB
| storybook-static/assets/color.stories-DZb1MHtw.js
| 1.80 kB │ gzip: 1.03 kB
| storybook-static/assets/center-facility.stories-SWGtrHnb.js
| 1.90 kB │ gzip: 1.08 kB
| storybook-static/assets/loading-screen.stories-Dff8ndFU.js
| 1.96 kB │ gzip: 1.04 kB
| storybook-static/assets/story-board-BEJDReki.js
| 1.99 kB │ gzip: 0.89 kB
| storybook-static/assets/skeleton.stories-kNCVEaAs.js
| 2.10 kB │ gzip: 1.01 kB
| storybook-static/assets/story-page-BdQwBtvH.js
| 2.13 kB │ gzip: 0.69 kB
| storybook-static/assets/verification-state-BvmqrSTe.js
| 2.15 kB │ gzip: 1.05 kB
| storybook-static/assets/hover-card.stories-Crbf6ekx.js
| 2.34 kB │ gzip: 1.09 kB
| storybook-static/assets/alert-dialog.stories-YCXcnGTq.js
| 2.48 kB │ gzip: 1.08 kB
| storybook-static/assets/separator.stories-DCH35yh1.js
| 2.56 kB │ gzip: 1.16 kB
| storybook-static/assets/dropdown-menu.stories-GGuA7NCs.js
| 2.58 kB │ gzip: 1.29 kB
| storybook-static/assets/badge.stories-CHBpLyWb.js
| 2.61 kB │ gzip: 1.23 kB
| storybook-static/assets/tooltip.stories-CAhvJiqg.js
| 2.65 kB │ gzip: 1.23 kB
| storybook-static/assets/publisher-regression.stories-BSdjbYdq.js
| 2.70 kB │ gzip: 1.15 kB
| storybook-static/assets/calendar.stories-CEWYrdQ5.js
| 2.79 kB │ gzip: 1.31 kB
| storybook-static/assets/switch.stories-DHCVpaSE.js
| 2.86 kB │ gzip: 1.28 kB
| storybook-static/assets/reference-yKN_SnBk.js
| 2.88 kB │ gzip: 1.24 kB
| storybook-static/assets/context-menu.stories-ZITwa1kb.js
| 2.95 kB │ gzip: 1.47 kB
| storybook-static/assets/center-shared-CSGUuM9T.js
| 2.96 kB │ gzip: 1.36 kB
| storybook-static/assets/scroll-area.stories-DEvdgplg.js
| 3.02 kB │ gzip: 1.30 kB
| storybook-static/assets/popover.stories-DvMwP766.js
| 3.05 kB │ gzip: 1.30 kB
| storybook-static/assets/aspect-ratio.stories-7mL3laNq.js
| 3.06 kB │ gzip: 1.52 kB
| storybook-static/assets/typography.stories-CKjfpWpM.js
| 3.07 kB │ gzip: 1.42 kB
| storybook-static/assets/pagination.stories-Mbhc8AU9.js
| 3.12 kB │ gzip: 1.50 kB
| storybook-static/assets/alert.stories-CpyLpNi-.js
| 3.16 kB │ gzip: 1.30 kB
| storybook-static/assets/label.stories-CPEv7gzc.js
| 3.19 kB │ gzip: 1.39 kB
| storybook-static/assets/collapsible.stories-DO9N9ksi.js
| 3.19 kB │ gzip: 1.50 kB
| storybook-static/assets/drawer.stories-C9cifdBI.js
| 3.23 kB │ gzip: 1.47 kB
| storybook-static/assets/radio-group.stories-DwqwXVDe.js
| 3.24 kB │ gzip: 1.47 kB
| storybook-static/assets/avatar.stories-B6K5na20.js
| 3.30 kB │ gzip: 1.45 kB
| storybook-static/assets/page-header.stories-HeG_6w9V.js
| 3.32 kB │ gzip: 1.30 kB
| storybook-static/assets/menubar.stories-BhTzLN_a.js
| 3.33 kB │ gzip: 1.39 kB
| storybook-static/assets/command.stories-D-XMtuKM.js
| 3.33 kB │ gzip: 1.58 kB
| storybook-static/assets/center-overview.stories-E8zT3EyS.js
| 3.36 kB │ gzip: 1.77 kB
| storybook-static/assets/filter-bar.stories-DcTIJuSP.js
| 3.43 kB │ gzip: 1.72 kB
| storybook-static/assets/sheet.stories-DdnpVhWc.js
| 3.51 kB │ gzip: 1.44 kB
| storybook-static/assets/progress.stories-BDmSy5Qj.js
| 3.52 kB │ gzip: 1.61 kB
| storybook-static/assets/breadcrumb.stories-ChR_KDt-.js
| 3.55 kB │ gzip: 1.52 kB
| storybook-static/assets/card.stories-_z1r7XI2.js
| 3.74 kB │ gzip: 1.63 kB
| storybook-static/assets/navigation-menu.stories-H4SlN4bU.js
| 3.86 kB │ gzip: 1.62 kB
| storybook-static/assets/resizable.stories-uaf5IGxv.js
| 3.96 kB │ gzip: 1.46 kB
| storybook-static/assets/specimens-Ch5aVLS1.js
| 4.13 kB │ gzip: 1.36 kB
| storybook-static/assets/sonner.stories-gVdEDxUX.js
| 4.22 kB │ gzip: 1.83 kB
| storybook-static/assets/checkbox.stories-CgA-2wok.js
| 4.39 kB │ gzip: 1.66 kB
| storybook-static/assets/date-picker.stories-DHa1DjlV.js
| 4.45 kB │ gzip: 1.69 kB
| storybook-static/assets/slider.stories-BcPpzY38.js
| 4.53 kB │ gzip: 1.86 kB
| storybook-static/assets/org-chart-page-previews-Ctz_kKme.js
| 4.70 kB │ gzip: 2.05 kB
| storybook-static/assets/carousel.stories-BLEYsPtS.js
| 4.75 kB │ gzip: 1.91 kB
| storybook-static/assets/layout.stories-BQltBMcD.js
| 4.79 kB │ gzip: 1.92 kB
| storybook-static/assets/table.stories-B82HKFvC.js
| 4.86 kB │ gzip: 2.02 kB
| storybook-static/assets/combobox.stories-49EFqEgG.js
| 5.03 kB │ gzip: 2.07 kB
| storybook-static/assets/accordion.stories-Bzzb4Ud4.js
| 5.05 kB │ gzip: 1.81 kB
| storybook-static/assets/OrgChart-DZlWXlj3-Cg7VHAIW.js
| 5.35 kB │ gzip: 1.95 kB
| storybook-static/assets/dialog.stories-CHiRjmir.js
| 5.53 kB │ gzip: 2.13 kB
| storybook-static/assets/toggle.stories-DffHj9E4.js
| 5.81 kB │ gzip: 2.13 kB
| storybook-static/assets/data-table.stories-B40WrOK1.js
| 5.92 kB │ gzip: 2.52 kB
| storybook-static/assets/textarea.stories-t-9JtP6t.js
| 5.99 kB │ gzip: 2.43 kB
| storybook-static/assets/runtime-loader.stories-Cgs8Weu2.js
| 6.18 kB │ gzip: 2.45 kB
| storybook-static/assets/toggle-group.stories-BRmj8DKL.js
| 6.57 kB │ gzip: 2.23 kB
| storybook-static/assets/react-Q1GcV6wX.js
| 7.87 kB │ gzip: 3.01 kB
| storybook-static/assets/input.stories-BXqV7hCq.js
| 8.32 kB │ gzip: 3.05 kB
| storybook-static/assets/button.stories-CG1boIti.js
| 9.65 kB │ gzip: 3.62 kB
| storybook-static/assets/select.stories-CwcBCz1l.js
| 10.52 kB │ gzip: 3.39 kB
| storybook-static/assets/tabs.stories-G8gk_Flp.js
| 11.57 kB │ gzip: 4.13 kB
| storybook-static/assets/org-chart.stories-welHTajy.js
| 12.54 kB │ gzip: 4.16 kB
| storybook-static/assets/designer-theme.stories-BzNQsLun.js
| 14.62 kB │ gzip: 5.51 kB
| storybook-static/assets/gnb.stories-CIUtlAzi.js
| 16.56 kB │ gzip: 5.84 kB
| storybook-static/assets/theme-CZw7CMzf.js
| 18.61 kB │ gzip: 3.18 kB
| storybook-static/assets/lnb.stories-BFHV7Rpz.js
| 23.06 kB │ gzip: 6.43 kB
| storybook-static/assets/dashboard-layout.stories-Okv-SwFR.js
| 23.84 kB │ gzip: 6.25 kB
| storybook-static/vite-inject-mocker-entry.js
| 27.84 kB │ gzip: 9.66 kB
| storybook-static/assets/reference-data-Dp4dBiCx.js
| 40.42 kB │ gzip: 9.43 kB
| storybook-static/assets/runtime-theme.stories-WGYRELlW.js
| 61.92 kB │ gzip: 11.60 kB
| storybook-static/assets/org-chart-expanded.stories-DYDKWoe7.js
| 79.03 kB │ gzip: 10.07 kB
| storybook-static/assets/react-18-BukvVaPF.js
| 207.62 kB │ gzip: 65.12 kB
| storybook-static/assets/core-component-preview-CbmTQndg.js
| 258.40 kB │ gzip: 146.05 kB
| storybook-static/assets/sw-header.stories-edbdMdWE.js
| 768.59 kB │ gzip: 359.85 kB
| storybook-static/assets/reference-Bz-UmAfk.js
| 1,644.48 kB │ gzip: 270.35 kB
| storybook-static/assets/iframe-NxI5EhLm.js
| 1,754.05 kB │ gzip: 503.61 kB
| storybook-static/assets/style-CNeiB0x2.js
| 2,359.94 kB │ gzip: 1,631.23 kB
|
! Vite [plugin builtin:vite-reporter]
| (!) Some chunks are larger than 500 kB after minification. Consider:
| - Using dynamic import() to code-split the application
| - Use build.rolldownOptions.output.codeSplitting to improve chunking:
| ]8;;https://rolldown.rs/reference/OutputOptions.codeSplittinghttps://rolldown.rs/reference/OutputOptions.codeSplitting]8;;
| - Adjust chunk size limit for this warning via
| build.chunkSizeWarningLimit.
| Vite ✓ built in 3.55s
|
! Vite [PLUGIN_TIMINGS] JavaScript callbacks ran for 3.0s of this 3.5s
| build (86%).
| The slowest callbacks, timed inside each callback (the wait before a
| callback starts is excluded, the time it awaits is included):
| - plugin storybook:react-docgen-plugin transform (60%, 2.1s, 3102
| calls)
| Additional callback time came from the callbacks below and from
| callbacks under 1s.
| 3 callbacks are listed without a time. Their calls overlapped, so the
| time inside one call includes work from other calls. To find their
| cost, profile the build with `node --cpu-prof`:
| - plugin vite:asset load (31 calls)
| - plugin @tailwindcss/vite:generate:build transform (19 calls)
| - plugin vite:css transform (19 calls)
| See ]8;;https://rolldown.rs/reference/InputOptions.checks#bundlertimingshttps://rolldown.rs/reference/InputOptions.checks#bundlertimings]8;;
| for more details.
|
o Output directory: D:/디자인시스템/HMDesign-SW/storybook-static
|
— Storybook build completed successfully
docs/sw/storybook-overview-qa/sw-build.txt
+17
View File
@@ -0,0 +1,17 @@
> hm-design-system-poc@0.1.0 build:sw
> npm run build -w @hm-design/sw
> @hm-design/sw@0.1.0 build
> node build.mjs
vite v8.3.0 building client environment for production...
transforming...
✓ 69 modules transformed.
rendering chunks...
computing gzip size...
dist/styles.css 100.39 kB │ gzip: 23.57 kB
dist/index.js 712.25 kB │ gzip: 337.98 kB
✓ built in 131ms
docs/sw/storybook-overview-qa/sw-typecheck.txt
+7
View File
@@ -0,0 +1,7 @@
> hm-design-system-poc@0.1.0 typecheck:sw
> npm run typecheck -w @hm-design/sw
> @hm-design/sw@0.1.0 typecheck
> tsc -p tsconfig.json
docs/sw/storybook-overview-qa/validation-summary.json
+58
View File
@@ -0,0 +1,58 @@
{
"baseCommit": "50bf5bda8e956a4973b923d64131f2f2285bd38c",
"scope": "STORYBOOK_ONLY",
"storybookCount": {
"before": 28,
"after": 28
},
"chrome": {
"checks": 53,
"status": "PASS"
},
"overlays": {
"checks": 19,
"status": "PASS"
},
"firefox": {
"checks": 9,
"status": "PASS",
"version": "158.0",
"infrastructureWarnings": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2",
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:8191/sb-common-assets/nunito-sans-regular.woff2"
]
},
"commands": [
{
"command": "npm.cmd run typecheck:sw",
"status": "PASS"
},
{
"command": "npm.cmd exec -- tsc -p tsconfig.app.json --noEmit",
"status": "PASS"
},
{
"command": "npm.cmd run build:sw",
"status": "PASS",
"distIndexUnchanged": true
},
{
"command": "npm.cmd exec -- storybook build -o storybook-static --disable-telemetry",
"status": "PASS"
}
],
"sourceSha256": {
"src/sw/sw-header.stories.tsx": "a2d81948871ed52821ab3fe821033c723c8e7ff38f562fa942bfd71d9a5d6e67",
"src/sw/sw-header-overview.tsx": "74a7c032fa11966147f6ab16837cc523f82012502a6de9fec59930477de721df",
"src/sw/sw-stories.css": "462e2314756a86e74e385f92fed1542e4a146f932617a9e7d860183041a28259"
},
"unchangedStoryDeclarations": 27,
"originalStoryStylesPreserved": true,
"productionPackageSourceUnchanged": true,
"notVerified": [
"Full interaction regression of the other 27 Stories",
"Full Firefox dropdown/bar/gauge integration",
"CAD, file and operating-system integrations",
"Full accessibility certification"
]
}