shkim4andClaude Opus 5.5
55179b4577
SW package 0.2.0 integrated improvement (Task A, steps 1-8). All new props are
optional; existing SW Stories are pixel-identical to the previous build (28/28).
- Build reproducibility: dist text normalized to LF, dist/build-info.json
(commit, dirty, tool versions, no timestamp), packages/sw/.gitattributes
(eol=lf). LF checkouts give identical dist and tarball.
- SWHeader: documentOpenPlacement ("menu" default | "header": Open right of
the logo in the existing document-button look, reusing onDocumentOpen and
documentOpenLabel, no duplicate Open in the dropdown), leading slot,
hiddenControls sub-items documentNew / documentOpen / layerFreeze /
layerLock. Open moves into More on measured overflow (with hysteresis).
- showNew / showOpen (SWHeaderDocumentTitle), showFreeze / showLock (layer
menu, field, property window list).
- SWToolButton (text / pill / document) and SWToolGroup (radio selection),
reusing the existing toggle, pill and file-name looks.
- SWPopup / SWPopupSection / SWPopupRow on the shared property window frame;
SWHeaderPropertyPanel gains children, title, autoFocus and optional
selection / properties / groups. Escape stack for several popups.
- Field dropdowns inside a popup use the shared fixed overlay
(useSWFixedDropdownPosition), so the scrolling body no longer clips them.
- AI guide, examples E/F, README, Storybook (SW/Header/Options, SW/Tool,
SW/Popup) and verification record docs/sw/sw-integrated-improvement-2026-10-19.md.
- Regression scripts rescoped for the intended changes (unused-removal 81/81,
overview 52/54 with the two pre-existing historical assertions).
Known limitation (unresolved): tools / leading content (incl. SWToolGroup)
does not move into More. With a wide tool bar the configured fields shrink
instead; in Example F the document name and layer field reach 0px at 390px.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
153 lines
3.4 KiB
JSON
153 lines
3.4 KiB
JSON
[
|
|
{
|
|
"type": "story",
|
|
"subtype": "story",
|
|
"id": "sw-header--composed-controls",
|
|
"name": "Dropdown",
|
|
"title": "SW/Header",
|
|
"importPath": "./src/sw/sw-header-dropdown.stories.tsx",
|
|
"tags": [
|
|
"dev",
|
|
"test",
|
|
"manifest"
|
|
],
|
|
"exportName": "ComposedControls"
|
|
},
|
|
{
|
|
"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--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--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--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--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"
|
|
}
|
|
]
|