-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.txt
37 lines (37 loc) · 21.4 KB
/
index.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
6:I[4707,[],""]
7:I[6423,[],""]
8:I[8847,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"Providers"]
9:I[6807,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ScrollAreaRoot"]
a:I[7546,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ScrollAreaViewport"]
b:I[2972,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],""]
d:I[8864,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"Docs"]
e:I[4622,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"Playground"]
f:I[1600,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ScrollAreaScrollbar"]
10:I[4741,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ScrollAreaThumb"]
11:I[7879,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"Nav"]
12:I[5564,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ThemeNameSelector"]
13:I[3589,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"ThemeSelector"]
18:I[6450,["738","static/chunks/42437bae-10ab3b1cdaf93342.js","537","static/chunks/1e87141b-fcfec9cd0504a355.js","401","static/chunks/363642f4-25d86c84e2b02bb7.js","975","static/chunks/975-1d1ac0312ea4b606.js","333","static/chunks/333-dc2c179ac223ced5.js","686","static/chunks/686-7dad64945cbf8798.js","972","static/chunks/972-133b85a74e2df673.js","683","static/chunks/683-fff9f315a52bf5a8.js","185","static/chunks/app/layout-ef603bc0f0e4157e.js"],"CustomTheme"]
c:Tb0f,M77.414 9.71h3.036v2.992l-.264-.022c.279-.88.748-1.65 1.408-2.31.675-.66 1.533-.99 2.574-.99 1.086 0 1.9.352 2.442 1.056.558.689.836 1.598.836 2.728v7.502H84.41v-6.6c0-.66-.117-1.159-.352-1.496-.234-.338-.623-.506-1.166-.506-.601 0-1.122.271-1.562.814a4.321 4.321 0 0 0-.88 1.848v5.94h-3.036V9.71ZM69.868 21.04c-1.13 0-2.142-.257-3.036-.77a5.547 5.547 0 0 1-2.068-2.09c-.484-.895-.726-1.892-.726-2.992 0-1.115.242-2.112.726-2.992a5.503 5.503 0 0 1 2.068-2.112c.88-.514 1.892-.77 3.036-.77 1.144 0 2.156.256 3.036.77a5.347 5.347 0 0 1 2.046 2.112c.498.88.748 1.87.748 2.97 0 1.114-.25 2.12-.748 3.014a5.343 5.343 0 0 1-2.068 2.09c-.88.513-1.885.77-3.014.77Zm0-2.618c.557 0 1.048-.132 1.474-.396a2.79 2.79 0 0 0 .99-1.144c.234-.499.352-1.064.352-1.694 0-.63-.118-1.188-.352-1.672a2.764 2.764 0 0 0-.99-1.166c-.426-.279-.917-.418-1.474-.418-.558 0-1.05.14-1.474.418a2.764 2.764 0 0 0-.99 1.166c-.22.484-.33 1.041-.33 1.672 0 .63.11 1.195.33 1.694.234.484.564.865.99 1.144.425.264.916.396 1.474.396ZM52.385 9.71h3.036v2.992l-.264-.022c.279-.88.748-1.65 1.408-2.31.675-.66 1.533-.99 2.574-.99 1.085 0 1.9.352 2.442 1.056.557.689.836 1.598.836 2.728v7.502h-3.036v-6.6c0-.66-.117-1.159-.352-1.496-.235-.338-.623-.506-1.166-.506-.601 0-1.122.271-1.562.814a4.321 4.321 0 0 0-.88 1.848v5.94h-3.036V9.71ZM43.904 20.952c-1.026 0-1.87-.308-2.53-.924-.66-.616-.99-1.416-.99-2.398 0-1.115.418-2.01 1.254-2.684.85-.69 2.105-1.034 3.762-1.034h2.75l-.924.352v-.462c0-.572-.176-1.02-.528-1.342-.352-.338-.931-.506-1.738-.506-.69 0-1.386.154-2.09.462-.704.308-1.29.69-1.76 1.144v-2.882c.47-.352 1.1-.66 1.892-.924a7.942 7.942 0 0 1 2.486-.396c1.599 0 2.78.41 3.542 1.232.778.806 1.166 1.914 1.166 3.322v5.742c0 .176.008.352.022.528.03.161.066.322.11.484h-3.014v-3.3l.044 1.386a4.044 4.044 0 0 1-1.32 1.606c-.572.396-1.283.594-2.134.594Zm.858-2.156c.558 0 1.049-.206 1.474-.616.44-.426.77-.954.99-1.584v-.792h-1.562c-.762 0-1.334.146-1.716.44-.381.278-.572.674-.572 1.188 0 .41.125.74.374.99.264.25.602.374 1.012.374ZM34.66 21.04c-1.525 0-2.874-.345-4.047-1.034-1.174-.704-2.09-1.68-2.75-2.926-.646-1.247-.968-2.662-.968-4.246 0-1.584.322-2.992.968-4.224.66-1.232 1.576-2.193 2.75-2.882 1.173-.704 2.522-1.056 4.048-1.056.968 0 1.818.11 2.552.33.748.22 1.356.506 1.826.858v3.498c-.396-.484-.96-.895-1.694-1.232-.719-.338-1.51-.506-2.376-.506-.939 0-1.775.22-2.508.66-.719.44-1.284 1.056-1.694 1.848-.396.792-.594 1.694-.594 2.706 0 1.026.198 1.943.594 2.75.41.792.975 1.408 1.694 1.848.733.44 1.57.66 2.508.66.88 0 1.68-.162 2.398-.484.718-.323 1.276-.726 1.672-1.21v3.41a5.686 5.686 0 0 1-1.87.902c-.704.22-1.54.33-2.508.33ZM11.275 6.271c.276.526.019 1.152-.464 1.498a5.846 5.846 0 0 0 1.004 10.082c.454.205.789.632.789 1.13v6.206a.837.837 0 0 1-.838.837C5.33 26.024.112 20.804.112 14.366V.862C.112.399.487.024.95.024c4.483 0 8.376 2.533 10.325 6.247Z14:{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"}
15:{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"}
16:{"display":"inline-block"}
17:{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0}
0:["lAb1bABrEhjjwVIugj2JW",[[["",{"children":["(docs)",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["(docs)",{"children":["__PAGE__",{},[["$L1",[["$","img",null,{"src":"header.png","style":{"width":"100%","marginBottom":"32px","marginTop":"64px"}}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":"Welcome to the Canon, the new design library for Backstage plugins. This\nproject is still under active development but we will make sure to document\nthe API as we go. We are aiming to improve the general UI of Backstage and\nplugins across Backstage. This new library will take time to build but we are\nbuilding it incrementally with not conflict with the existing theming system."}],"\n",["$","h2",null,{"className":"mdx_h2__tTkl_","children":"Installation"}],"\n",["$","h3",null,{"className":"mdx_h3__osV67","children":"1. Install canon"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":"Install Canon using a package manager."}],"\n","$L2","\n",["$","h3",null,{"className":"mdx_h3__osV67","children":"2. Import the css files"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":"Import the global CSS file at the root of your application."}],"\n","$L3","\n",["$","h3",null,{"className":"mdx_h3__osV67","children":"3. Add the theme provider"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":"Add the theme provider to your application."}],"\n","$L4","\n",["$","h3",null,{"className":"mdx_h3__osV67","children":"4. Start building ✨"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":"Now you can start building your plugin using the new design system."}],"\n","$L5","\n",["$","h2",null,{"className":"mdx_h2__tTkl_","children":"Roadmap"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":["You can check our roadmap ",["$","a",null,{"href":"https://github.com/orgs/backstage/projects/10","style":{"color":"var(--primary)"},"children":"on GitHub"}],". We'll do our best to keep you updated on the progress."]}],"\n",["$","h2",null,{"className":"mdx_h2__tTkl_","children":"Next steps"}],"\n",["$","p",null,{"className":"mdx_p__PmNxW","children":["Now that you have the basics down, you can start building your plugin using the new design system.\nPlease familiarise yourself first with our theming principles. This will help you understand the core concepts of the design system.\nIf you have any questions, please reach out to us on ",["$","a",null,{"href":"https://discord.gg/MUpMjP2","style":{"color":"var(--primary)"},"children":"Discord"}],"."]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/8fa09024c3a6be64.css","precedence":"next","crossOrigin":"$undefined"}]]],null],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/1196c23d52bc6240.css","precedence":"next","crossOrigin":"$undefined"}]],["$","div",null,{"className":"layout_pageContainer__Io_cr","children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","(docs)","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[]}]}]],null],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/94711079a7991ff0.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/6303e8a011a5bff8.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","data-theme":"light","data-theme-name":"default","suppressHydrationWarning":true,"children":["$","body",null,{"children":["$","$L8",null,{"children":["$","div",null,{"className":"page_global__106FI","children":[["$","div",null,{"className":"Sidebar_sidebar__86IlD","children":["$","$L9",null,{"className":"Sidebar_root__AZrho","children":[["$","$La",null,{"className":"Sidebar_viewport__Dwc0q","children":["$","div",null,{"className":"Sidebar_content__vii3k","children":[["$","div",null,{"className":"Sidebar_logoContainer__OcEVQ","children":["$","$Lb",null,{"href":"/","children":["$","svg",null,{"width":"89","height":"27","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"Sidebar_logo__P79Og","children":[["$","path",null,{"d":"$c"}],["$","path",null,{"d":"M14.037 16.729a4.237 4.237 0 0 0 4.234-4.24 4.237 4.237 0 0 0-4.234-4.242 4.237 4.237 0 0 0-4.234 4.241 4.237 4.237 0 0 0 4.234 4.24Z"}]]}]}]}],["$","div",null,{"className":"Sidebar_menu__sTTeJ","children":[["$","$Ld",null,{}],["$","$Le",null,{}]]}]]}]}],["$","$Lf",null,{"className":"Sidebar_scrollbar__XbWMn","children":["$","$L10",null,{"className":"Sidebar_thumb__zjCHe"}]}]]}]}],["$","div",null,{"className":"page_container__ul_gw","children":[["$","div",null,{"className":"styles_toolbar__Dfx8Q","children":[["$","div",null,{"children":["$","$L11",null,{}]}],["$","div",null,{"className":"styles_actions__hQrVs","children":[["$","$L12",null,{}],["$","$L13",null,{}]]}]]}],["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":"$14","children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":"$15","children":"404"}],["$","div",null,{"style":"$16","children":["$","h2",null,{"style":"$17","children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[]}]]}],["$","$L18",null,{}]]}]}]}]}]],null],null],["$L19",null]]]]
1a:I[4206,["211","static/chunks/211-c5142febeed2e268.js","296","static/chunks/app/(docs)/page-a87a7938406d9337.js"],"CodeBlockClient"]
3:["$","$L1a",null,{"out":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"background-color:#ffffff;--shiki-dark-bg:#1f1f1f;color:#24292eff;--shiki-dark:#b392f0\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"color:#22863A;--shiki-dark:#FFAB70\"> '@backstage/canon/css/core.css'</span><span style=\"color:#24292EFF;--shiki-dark:#B392F0\">;</span></span>\n<span class=\"line\"><span style=\"color:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"color:#22863A;--shiki-dark:#FFAB70\"> '@backstage/canon/css/components.css'</span><span style=\"color:#24292EFF;--shiki-dark:#B392F0\">;</span></span>\n<span class=\"line\"></span></code></pre>","title":"$undefined"}]
1b:T4db,<pre class="shiki shiki-themes min-light min-dark" style="background-color:#ffffff;--shiki-dark-bg:#1f1f1f;color:#24292eff;--shiki-dark:#b392f0" tabindex="0"><code><span class="line"><span style="color:#D32F2F;--shiki-dark:#F97583">import</span><span style="color:#24292EFF;--shiki-dark:#B392F0"> { ThemeProvider } </span><span style="color:#D32F2F;--shiki-dark:#F97583">from</span><span style="color:#22863A;--shiki-dark:#FFAB70"> '@backstage/canon'</span><span style="color:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"><</span><span style="color:#1976D2;--shiki-dark:#79B8FF">ThemeProvider</span><span style="color:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"> <</span><span style="color:#1976D2;--shiki-dark:#79B8FF">App</span><span style="color:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"></</span><span style="color:#1976D2;--shiki-dark:#79B8FF">ThemeProvider</span><span style="color:#24292EFF;--shiki-dark:#B392F0">>;</span></span>
<span class="line"></span></code></pre>4:["$","$L1a",null,{"out":"$1b","title":"$undefined"}]
1c:T798,<pre class="shiki shiki-themes min-light min-dark" style="background-color:#ffffff;--shiki-dark-bg:#1f1f1f;color:#24292eff;--shiki-dark:#b392f0" tabindex="0"><code><span class="line"><span style="color:#D32F2F;--shiki-dark:#F97583">import</span><span style="color:#24292EFF;--shiki-dark:#B392F0"> { Flex</span><span style="color:#212121;--shiki-dark:#BBBBBB">,</span><span style="color:#24292EFF;--shiki-dark:#B392F0"> Button</span><span style="color:#212121;--shiki-dark:#BBBBBB">,</span><span style="color:#24292EFF;--shiki-dark:#B392F0"> Text } </span><span style="color:#D32F2F;--shiki-dark:#F97583">from</span><span style="color:#22863A;--shiki-dark:#FFAB70"> '@backstage/canon'</span><span style="color:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"><</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Flex</span><span style="color:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"> <</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Text</span><span style="color:#24292EFF;--shiki-dark:#B392F0">>Hello World</</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Text</span><span style="color:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"> <</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="color:#24292EFF;--shiki-dark:#B392F0">>Click me</</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="color:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="color:#24292EFF;--shiki-dark:#B392F0"></</span><span style="color:#1976D2;--shiki-dark:#79B8FF">Flex</span><span style="color:#24292EFF;--shiki-dark:#B392F0">>;</span></span>
<span class="line"></span></code></pre>5:["$","$L1a",null,{"out":"$1c","title":"$undefined"}]
19:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Canon"}],["$","meta","3",{"name":"description","content":"UI library for Backstage"}],["$","meta","4",{"property":"og:title","content":"Canon"}],["$","meta","5",{"property":"og:description","content":"UI library for Backstage"}],["$","meta","6",{"property":"og:image:type","content":"image/jpeg"}],["$","meta","7",{"property":"og:image:width","content":"1200"}],["$","meta","8",{"property":"og:image:height","content":"630"}],["$","meta","9",{"property":"og:image","content":"https://canon.backstage.io/opengraph-image.jpg?556e6c1ce23ce382"}],["$","meta","10",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","11",{"name":"twitter:title","content":"Canon"}],["$","meta","12",{"name":"twitter:description","content":"UI library for Backstage"}],["$","meta","13",{"name":"twitter:image:type","content":"image/jpeg"}],["$","meta","14",{"name":"twitter:image:width","content":"1200"}],["$","meta","15",{"name":"twitter:image:height","content":"630"}],["$","meta","16",{"name":"twitter:image","content":"https://canon.backstage.io/opengraph-image.jpg?556e6c1ce23ce382"}],["$","link","17",{"rel":"icon","href":"/icon.svg?27251f321bf90e71","type":"image/svg+xml","sizes":"any"}]]
1:null
2:["$","$L1a",null,{"out":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"background-color:#ffffff;--shiki-dark-bg:#1f1f1f;color:#24292eff;--shiki-dark:#b392f0\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#6F42C1;--shiki-dark:#B392F0\">npm</span><span style=\"color:#2B5581;--shiki-dark:#9DB1C5\"> install</span><span style=\"color:#2B5581;--shiki-dark:#9DB1C5\"> @backstage/canon</span></span></code></pre>","title":"$undefined"}]