feat(sw): implement SW header design system

docs/sw/detail-button-qa/baseline-result.json

@@ -0,0 +1,47 @@
+{
+  "mode": "baseline",
+  "browser": "155.0.8059.79",
+  "checks": [
+    {
+      "name": "no browser errors",
+      "status": "PASS",
+      "data": []
+    }
+  ],
+  "errors": [],
+  "styles": {},
+  "storyIds": [
+    "sw-header--overview",
+    "sw-header--default",
+    "sw-header--controls",
+    "sw-header--interactive-states",
+    "sw-header--responsive",
+    "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--text-stroke",
+    "sw-header--layer-detail-input",
+    "sw-header--dynamic-data",
+    "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"
+  ],
+  "status": "PASS"
+}