storybook-addon-design-system-docs 1.0.0 → 1.0.2

package/dist/manager.js

@@ -1,2 +1,2 @@
-// Minimal manager entry point
-console.log('[MANAGER] Manager loaded');
+import {addons}from'storybook/manager-api';import {DocumentIcon}from'@storybook/icons';import {styled}from'storybook/theming';import {jsxs,jsx}from'react/jsx-runtime';var s=styled.a({colorScheme:"light dark",position:"absolute",inset:"0",width:"100%",display:"flex",gap:"6px",alignItems:"start",paddingTop:"5px",paddingBottom:"4px",backgroundColor:"light-dark(#f6f9fc, #222425)",borderRadius:"4px",fontSize:"14px",textDecoration:"none",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"break-word",cursor:"pointer",color:"inherit","&:hover":{backgroundColor:"light-dark(#e5f2fc, #202c34)"},'[data-selected="true"] &':{backgroundColor:"#029cfd",color:"white"}}),d=styled.div({display:"flex",alignItems:"center",marginTop:"2px",svg:{width:"14px",height:"14px",color:"rgb(255, 131, 0)"}}),n=({item:o})=>{if(o.tags?.includes("design-system-docs")&&o.type==="story")return jsxs(s,{href:"https://google.com",style:{paddingLeft:`${Math.max(o.depth-1,0)*18+22}px`},children:[jsx(d,{children:jsx(DocumentIcon,{})}),o.type," - ",o.name]})},t=n;addons.setConfig({sidebar:{renderLabel:o=>t({item:o})}});//# sourceMappingURL=manager.js.map
+//# sourceMappingURL=manager.js.map

package/dist/manager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/addon/components/manager/DsDocsSidebarItem.tsx","../src/addon/manager.tsx"],"names":["DSDocsLabel","styled","DSDocsLabelIcon","DsDocsSidebarItem","item","jsxs","jsx","DocumentIcon","DsDocsSidebarItem_default","addons"],"mappings":"uKAKA,IAAMA,CAAAA,CAAcC,MAAAA,CAAO,EAAE,CAC5B,WAAA,CAAa,YAAA,CACb,QAAA,CAAU,WACV,KAAA,CAAO,GAAA,CACP,KAAA,CAAO,MAAA,CACP,QAAS,MAAA,CACT,GAAA,CAAK,MACL,UAAA,CAAY,OAAA,CACZ,WAAY,KAAA,CACZ,aAAA,CAAe,KAAA,CACf,eAAA,CAAiB,+BACjB,YAAA,CAAc,KAAA,CACd,QAAA,CAAU,MAAA,CACV,eAAgB,MAAA,CAChB,YAAA,CAAc,YAAA,CACd,QAAA,CAAU,aACV,SAAA,CAAW,YAAA,CACX,OAAQ,SAAA,CACR,KAAA,CAAO,UACP,SAAA,CAAW,CACV,eAAA,CAAiB,8BAClB,EAEA,0BAAA,CAA4B,CAC3B,eAAA,CAAiB,SAAA,CACjB,MAAO,OACR,CACD,CAAC,CAAA,CAEKC,EAAkBD,MAAAA,CAAO,GAAA,CAAI,CAClC,OAAA,CAAS,MAAA,CACT,WAAY,QAAA,CACZ,SAAA,CAAW,KAAA,CACX,GAAA,CAAK,CACJ,KAAA,CAAO,MAAA,CACP,MAAA,CAAQ,MAAA,CACR,MAAO,kBACR,CACD,CAAC,CAAA,CAOKE,EAAoB,CAAC,CAAE,KAAAC,CAAK,CAAA,GAAa,CAC9C,GAAIA,CAAAA,CAAK,IAAA,EAAM,QAAA,CAAS,oBAAoB,CAAA,EAAKA,CAAAA,CAAK,IAAA,GAAS,OAAA,CAC9D,OACCC,IAAAA,CAACL,CAAAA,CAAA,CACA,IAAA,CAAK,qBACL,KAAA,CAAO,CACN,YAAa,CAAA,EAAG,IAAA,CAAK,IAAII,CAAAA,CAAK,KAAA,CAAQ,CAAA,CAAG,CAAC,EAAI,EAAA,CAAK,EAAE,CAAA,EAAA,CACtD,CAAA,CAEA,UAAAE,GAAAA,CAACJ,CAAAA,CAAA,CACA,QAAA,CAAAI,IAACC,YAAAA,CAAA,EAAa,EACf,CAAA,CACCH,CAAAA,CAAK,KAAK,KAAA,CAAIA,CAAAA,CAAK,IAAA,CAAA,CACrB,CAGH,EAEOI,CAAAA,CAAQL,CAAAA,CCjEfM,MAAAA,CAAO,SAAA,CAAU,CAChB,OAAA,CAAS,CACR,WAAA,CAAcL,CAAAA,EAASI,EAAkB,CAAE,IAAA,CAAAJ,CAAK,CAAC,CAClD,CAED,CAAC,CAAA","file":"manager.js","sourcesContent":["import { DocumentIcon } from \"@storybook/icons\";\n\nimport type { API_HashEntry } from \"storybook/internal/types\";\nimport { styled } from \"storybook/theming\";\n\nconst DSDocsLabel = styled.a({\n\tcolorScheme: \"light dark\",\n\tposition: \"absolute\",\n\tinset: \"0\",\n\twidth: \"100%\",\n\tdisplay: \"flex\",\n\tgap: \"6px\",\n\talignItems: \"start\",\n\tpaddingTop: \"5px\",\n\tpaddingBottom: \"4px\",\n\tbackgroundColor: \"light-dark(#f6f9fc, #222425)\",\n\tborderRadius: \"4px\",\n\tfontSize: \"14px\",\n\ttextDecoration: \"none\",\n\toverflowWrap: \"break-word\" as any,\n\twordWrap: \"break-word\",\n\twordBreak: \"break-word\",\n\tcursor: \"pointer\",\n\tcolor: \"inherit\",\n\t\"&:hover\": {\n\t\tbackgroundColor: \"light-dark(#e5f2fc, #202c34)\",\n\t},\n\t// Selected state\n\t'[data-selected=\"true\"] &': {\n\t\tbackgroundColor: \"#029cfd\",\n\t\tcolor: \"white\",\n\t},\n});\n\nconst DSDocsLabelIcon = styled.div({\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tmarginTop: \"2px\",\n\tsvg: {\n\t\twidth: \"14px\",\n\t\theight: \"14px\",\n\t\tcolor: \"rgb(255, 131, 0)\",\n\t},\n});\n\ninterface Props {\n\titem: API_HashEntry;\n}\n\n// Inspired by https://stackblitz.com/~/github.com/Sidnioulz/storybook-sidebar-urls\nconst DsDocsSidebarItem = ({ item }: Props) => {\n\tif (item.tags?.includes(\"design-system-docs\") && item.type === \"story\") {\n\t\treturn (\n\t\t\t<DSDocsLabel\n\t\t\t\thref=\"https://google.com\"\n\t\t\t\tstyle={{\n\t\t\t\t\tpaddingLeft: `${Math.max(item.depth - 1, 0) * 18 + 22}px`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<DSDocsLabelIcon>\n\t\t\t\t\t<DocumentIcon />\n\t\t\t\t</DSDocsLabelIcon>\n\t\t\t\t{item.type} - {item.name}\n\t\t\t</DSDocsLabel>\n\t\t);\n\t}\n};\n\nexport default DsDocsSidebarItem;\n","import { addons } from \"storybook/manager-api\";\nimport DsDocsSidebarItem from \"@/components/manager/DsDocsSidebarItem\";\n\naddons.setConfig({\n\tsidebar: {\n\t\trenderLabel: (item) => DsDocsSidebarItem({ item }),\n\t},\n\t// TODO: Add custom showPanel (and remove bottomPanelHeight 0 in csf) once this is fixed: https://github.com/storybookjs/storybook/issues/32062\n});\n"]}