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

refactor(storybook): consolidate property panel comparison layout

Browse Source 
Keep sw-header--property-panel-compare as the single property panel state
page: the four existing SWHeaderPropertyPanel states in 2 columns x 2 rows
at their original size, inside a scrolling Inner. Remove the duplicate
Property Panel Variants and the four single-state Stories (SW 24 -> 19).
Storybook-only change; SW runtime and public API untouched.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
shkim4andClaude Opus 5.5 committed 2026-10-19 12:52:29 +09:00
1 parent c705a1fc59
commit c8e5fbeebc
82 files changed
+12318 -49
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/sw/property-panel-comparison-qa/before/before-compare-1440.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

docs/sw/property-panel-comparison-qa/before/before-property-panel-all.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

docs/sw/property-panel-comparison-qa/before/before-property-panel-circle.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

docs/sw/property-panel-comparison-qa/before/before-property-panel-expanded.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

docs/sw/property-panel-comparison-qa/before/before-property-panel-none.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

docs/sw/property-panel-comparison-qa/before/before-property-panel-variants.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

docs/sw/property-panel-comparison-qa/before/result.json
+202
View File
@@ -0,0 +1,202 @@
{
"mode": "before",
"base": "static",
"browser": "155.0.8059.80",
"checks": [],
"errors": [],
"data": {
"inventory": {
"total": 343,
"sw": 24,
"ids": [
[
"sw-header--composed-controls",
"Dropdown"
],
[
"sw-header--detail-buttons",
"Detail Buttons (Shared States)"
],
[
"sw-header--overview",
"Overview"
],
[
"sw-header--interactive-states",
"Interactive States"
],
[
"sw-header--window-move-motion",
"Window Move Motion"
],
[
"sw-header--logo-slot",
"Logo Slot"
],
[
"sw-header--document-dropdown",
"Document Dropdown"
],
[
"sw-header--responsive-more",
"Responsive More"
],
[
"sw-header--layer-detail-input",
"Layer Detail · Input"
],
[
"sw-header--property-panel",
"Property Panel"
],
[
"sw-header--property-panel-variants",
"Property Panel Variants"
],
[
"sw-header--k-guide",
"K Guide"
],
[
"sw-header--additional-hover",
"Additional Hover"
],
[
"sw-header--property-bar",
"Property Bar"
],
[
"sw-header--dynamic-controls",
"Dynamic Controls"
],
[
"sw-header--colorize",
"Colorize"
],
[
"sw-header--composition",
"Composition (Visibility · Order)"
],
[
"sw-header--property-panel-none",
"Property Panel · 선택 없음"
],
[
"sw-header--property-panel-all",
"Property Panel · 전체 선택"
],
[
"sw-header--property-panel-circle",
"Property Panel · 원 1개"
],
[
"sw-header--property-panel-expanded",
"Property Panel · 모두 펼침"
],
[
"sw-header--property-panel-compare",
"Property Panel · 4개 비교"
],
[
"sw-header--property-shape-slot",
"Property Panel · 형상 Slot"
],
[
"sw-header--property-fields",
"Property Panel · 필드 13개"
]
]
},
"compare": {
"cells": [
{
"id": "none",
"cell": {
"x": 0,
"y": 177,
"w": 314,
"h": 322,
"right": 314,
"bottom": 499
},
"panel": {
"x": 0,
"y": 243,
"w": 314,
"h": 256,
"right": 314,
"bottom": 499
},
"caption": "선택된 객체 없음"
},
{
"id": "all",
"cell": {
"x": 338,
"y": 177,
"w": 314,
"h": 427,
"right": 652,
"bottom": 604
},
"panel": {
"x": 338,
"y": 243,
"w": 314,
"h": 361,
"right": 652,
"bottom": 604
},
"caption": "전체 객체 선택"
},
{
"id": "circle",
"cell": {
"x": 676,
"y": 177,
"w": 314,
"h": 724,
"right": 990,
"bottom": 901
},
"panel": {
"x": 676,
"y": 243,
"w": 314,
"h": 658,
"right": 990,
"bottom": 901
},
"caption": "원 1개 선택"
},
{
"id": "expanded",
"cell": {
"x": 1014,
"y": 177,
"w": 314,
"h": 820,
"right": 1328,
"bottom": 997
},
"panel": {
"x": 1014,
"y": 243,
"w": 314,
"h": 754,
"right": 1328,
"bottom": 997
},
"caption": "모든 항목 펼침"
}
],
"scroller": null,
"doc": {
"scrollW": 1440,
"clientW": 1440,
"scrollH": 1037,
"clientH": 900
}
}
}
}
docs/sw/property-panel-comparison-qa/before/story-inventory-before.json
+246
View File
@@ -0,0 +1,246 @@
{
"total": 343,
"sw": [
{
"id": "sw-header--composed-controls",
"name": "Dropdown",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--detail-buttons",
"name": "Detail Buttons (Shared States)",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest",
"verification"
]
},
{
"id": "sw-header--overview",
"name": "Overview",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--interactive-states",
"name": "Interactive States",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--window-move-motion",
"name": "Window Move Motion",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--logo-slot",
"name": "Logo Slot",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--document-dropdown",
"name": "Document Dropdown",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--responsive-more",
"name": "Responsive More",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--layer-detail-input",
"name": "Layer Detail · Input",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel",
"name": "Property Panel",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-variants",
"name": "Property Panel Variants",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--k-guide",
"name": "K Guide",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--additional-hover",
"name": "Additional Hover",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-bar",
"name": "Property Bar",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--dynamic-controls",
"name": "Dynamic Controls",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--colorize",
"name": "Colorize",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--composition",
"name": "Composition (Visibility · Order)",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-none",
"name": "Property Panel · 선택 없음",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-all",
"name": "Property Panel · 전체 선택",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-circle",
"name": "Property Panel · 원 1개",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-expanded",
"name": "Property Panel · 모두 펼침",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-panel-compare",
"name": "Property Panel · 4개 비교",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-shape-slot",
"name": "Property Panel · 형상 Slot",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
},
{
"id": "sw-header--property-fields",
"name": "Property Panel · 필드 13개",
"title": "SW/Header",
"tags": [
"dev",
"test",
"manifest"
]
}
]
}