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

feat(sw): viewer mode header, dropdown and popup panel

Browse Source 
- SWViewerHeader: data-driven viewer menu (button / toggle / menu / tabs / switch / custom), More by
  collapseBelow, trailing slot, onCommand; SWHeader logo props with no default logo
- SWViewerMenu: dropdown, check / radio, multi-level submenu, context menu at a point
- SWViewerPanel: viewer popup frame with free children / footer, drag, corner resize, collapse, modal
- Panel controls: SWViewerSection / Field / Hint / Switch / Slider / Input / Button / Badge / Status
- SWHeader black text outline tokens on viewer text, matching icon outline (drop-shadow)
- Storybook SW/Viewer stories; remove SW/Tool story (SW/Popup kept)
- AI guide ai/VIEWER.md, example H, verification scripts and evidence
This commit is contained in:
shkim4 committed 2026-10-19 16:09:26 +09:00
1 parent e8409eff44
commit 7f42923ccf
50 files changed
+3838 -92
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/sw/viewer-qa/regression/regression.json
+237
View File
@@ -0,0 +1,237 @@
{
"base": "http://127.0.0.1:6024",
"next": "http://127.0.0.1:6034",
"results": [
{
"id": "overview",
"width": 1920,
"size": "1920x1000 / 1920x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "overview",
"width": 1180,
"size": "1180x1000 / 1180x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "overview",
"width": 768,
"size": "768x1000 / 768x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "interactive-states",
"width": 1920,
"size": "1920x2517 / 1920x2517",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "interactive-states",
"width": 1180,
"size": "1180x2527 / 1180x2527",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "interactive-states",
"width": 768,
"size": "768x2623 / 768x2623",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "logo-slot",
"width": 1920,
"size": "1920x1000 / 1920x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "logo-slot",
"width": 1180,
"size": "1180x1000 / 1180x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "logo-slot",
"width": 768,
"size": "768x1000 / 768x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-dropdown",
"width": 1920,
"size": "1920x9112 / 1920x9112",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-dropdown",
"width": 1180,
"size": "1180x9122 / 1180x9122",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-dropdown",
"width": 768,
"size": "768x9298 / 768x9298",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "responsive-more",
"width": 1920,
"size": "1920x10042 / 1920x10042",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "responsive-more",
"width": 1180,
"size": "1180x10052 / 1180x10052",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "responsive-more",
"width": 768,
"size": "768x10048 / 768x10048",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "k-guide",
"width": 1920,
"size": "1920x1037 / 1920x1037",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "k-guide",
"width": 1180,
"size": "1180x1028 / 1180x1028",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "k-guide",
"width": 768,
"size": "768x1023 / 768x1023",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "property-panel-compare",
"width": 1920,
"size": "1920x1000 / 1920x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "property-panel-compare",
"width": 1180,
"size": "1180x1000 / 1180x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "property-panel-compare",
"width": 768,
"size": "768x1000 / 768x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "composed-controls",
"width": 1920,
"size": "1920x1000 / 1920x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "composed-controls",
"width": 1180,
"size": "1180x1000 / 1180x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "composed-controls",
"width": 768,
"size": "768x1000 / 768x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-open",
"width": 1920,
"size": "1920x10771 / 1920x10771",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-open",
"width": 1180,
"size": "1180x10761 / 1180x10761",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "document-open",
"width": 768,
"size": "768x10797 / 768x10797",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "hidden-sub-controls",
"width": 1920,
"size": "1920x1710 / 1920x1710",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "hidden-sub-controls",
"width": 1180,
"size": "1180x1700 / 1180x1700",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "hidden-sub-controls",
"width": 768,
"size": "768x1676 / 768x1676",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "detail-buttons",
"width": 1920,
"size": "1920x1000 / 1920x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "detail-buttons",
"width": 1180,
"size": "1180x1000 / 1180x1000",
"diffPixels": 0,
"result": "PASS"
},
{
"id": "detail-buttons",
"width": 768,
"size": "768x1000 / 768x1000",
"diffPixels": 0,
"result": "PASS"
}
]
}