Deploying to gh-pages from @ 2c07175 🚀

puzzle · Jan 11, 2024 · 701d7ed · 701d7ed
1 parent 5395c0d
commit 701d7ed
Show file tree

Hide file tree

Showing 51 changed files with 595 additions and 546 deletions.
diff --git a/assets/Banner.stories-_geEu2uE.js → assets/Banner.stories-4IrPRY8_.js b/assets/Banner.stories-_geEu2uE.js → assets/Banner.stories-4IrPRY8_.js
@@ -1,32 +1,32 @@
-import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";import"./Icon-iOVlVRWg.js";import"./Topbar-QViurvUU.js";import"./Subnav-Syb2f79b.js";import{s as i}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";import"./theme-rATqlsZL.js";const y={title:"Puzzle Shell/Components/Banner",parameters:{layout:"fullscreen"}},e=()=>a`
+import{x as s}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";import"./Icon-iOVlVRWg.js";import"./Topbar-IY51vM2h.js";import"./Subnav-A-uanJ9C.js";import{s as i}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";import"./theme-rATqlsZL.js";const y={title:"Puzzle Shell/Components/Banner",parameters:{layout:"fullscreen"}},e=()=>s`
   ${i}
   <pzsh-banner>
     <!-- prettier-ignore -->
     <svg slot="tangram" xmlns="http://www.w3.org/2000/svg" width="173.255" height="64" viewBox="0 0 45.84 16.933"><g fill-rule="evenodd"><path fill="#69b978" d="M45.84 0L28.907 16.933 11.974 0z"/><path fill="#61b44b" d="M0 0h23.947L11.974 11.974z"/></g></svg>
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
     </div>
   </pzsh-banner>
-`,n=()=>a`
+`,n=()=>s`
   ${i}
   <pzsh-banner>
     <!-- prettier-ignore -->
     <svg slot="tangram" xmlns="http://www.w3.org/2000/svg" width="95" height="100" fill="none"><path fill="#2C97A6" fill-rule="evenodd" d="M95 0v66.7L61.7 33.3 95 0z" clip-rule="evenodd"/><path fill="#3B7BBE" fill-rule="evenodd" d="M47.9 47.1L.7 0H95L47.9 47.1z" clip-rule="evenodd"/><path fill="#69B978" d="M61.635 33.367L28.331 66.671l33.304 33.305L94.939 66.67 61.635 33.367z"/></svg>
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
-      <button class="add" aria-label="Add" title="Add">
+      <button class="add" aria-label="Add">
         <pzsh-icon name="plus-circle"></pzsh-icon>
         <span>Add</span>
       </button>
     </div>
   </pzsh-banner>
-`,t=()=>a`
+`,a=()=>s`
   <pzsh-topbar></pzsh-topbar>
   <pzsh-banner>
     <!-- prettier-ignore -->
@@ -43,7 +43,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-`,s=()=>a`
+`,t=()=>s`
   ${i}
   <pzsh-topbar></pzsh-topbar>
   <pzsh-banner>
@@ -52,7 +52,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
     </div>
   </pzsh-banner>
@@ -63,35 +63,35 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-`;var l,p,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`() => html\`
+`;var l,r,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`() => html\`
   \${searchStyles}
   <pzsh-banner>
     <!-- prettier-ignore -->
     <svg slot="tangram" xmlns="http://www.w3.org/2000/svg" width="173.255" height="64" viewBox="0 0 45.84 16.933"><g fill-rule="evenodd"><path fill="#69b978" d="M45.84 0L28.907 16.933 11.974 0z"/><path fill="#61b44b" d="M0 0h23.947L11.974 11.974z"/></g></svg>
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
     </div>
   </pzsh-banner>
-\``,...(h=(p=e.parameters)==null?void 0:p.docs)==null?void 0:h.source}}};var r,o,d;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => html\`
+\``,...(h=(r=e.parameters)==null?void 0:r.docs)==null?void 0:h.source}}};var p,o,d;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => html\`
   \${searchStyles}
   <pzsh-banner>
     <!-- prettier-ignore -->
     <svg slot="tangram" xmlns="http://www.w3.org/2000/svg" width="95" height="100" fill="none"><path fill="#2C97A6" fill-rule="evenodd" d="M95 0v66.7L61.7 33.3 95 0z" clip-rule="evenodd"/><path fill="#3B7BBE" fill-rule="evenodd" d="M47.9 47.1L.7 0H95L47.9 47.1z" clip-rule="evenodd"/><path fill="#69B978" d="M61.635 33.367L28.331 66.671l33.304 33.305L94.939 66.67 61.635 33.367z"/></svg>
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
-      <button class="add" aria-label="Add" title="Add">
+      <button class="add" aria-label="Add">
         <pzsh-icon name="plus-circle"></pzsh-icon>
         <span>Add</span>
       </button>
     </div>
   </pzsh-banner>
-\``,...(d=(o=n.parameters)==null?void 0:o.docs)==null?void 0:d.source}}};var v,c,z;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`() => html\`
+\``,...(d=(o=n.parameters)==null?void 0:o.docs)==null?void 0:d.source}}};var c,v,z;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`() => html\`
   <pzsh-topbar></pzsh-topbar>
   <pzsh-banner>
     <!-- prettier-ignore -->
@@ -108,7 +108,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-\``,...(z=(c=t.parameters)==null?void 0:c.docs)==null?void 0:z.source}}};var m,g,u;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`() => html\`
+\``,...(z=(v=a.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var m,g,u;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`() => html\`
   \${searchStyles}
   <pzsh-topbar></pzsh-topbar>
   <pzsh-banner>
@@ -117,7 +117,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
     <div slot="content" class="search">
       <div class="search-field">
         <input placeholder="Search..." type="text" />
-        <button><pzsh-icon name="search" /></button>
+        <button aria-label="Search"><pzsh-icon name="search" /></button>
       </div>
     </div>
   </pzsh-banner>
@@ -128,4 +128,4 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-\``,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const C=["WithSearch","WithSearchAndAddAction","WithTwoLevelNavigation","WithOneLevelNavigationAndSearch"];export{s as WithOneLevelNavigationAndSearch,e as WithSearch,n as WithSearchAndAddAction,t as WithTwoLevelNavigation,C as __namedExportsOrder,y as default};
+\``,...(u=(g=t.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const C=["WithSearch","WithSearchAndAddAction","WithTwoLevelNavigation","WithOneLevelNavigationAndSearch"];export{t as WithOneLevelNavigationAndSearch,e as WithSearch,n as WithSearchAndAddAction,a as WithTwoLevelNavigation,C as __namedExportsOrder,y as default};
diff --git a/assets/Color-6VNJS4EI-K0Kr0myL.js b/assets/Color-6VNJS4EI-K0Kr0myL.js
diff --git a/assets/Color-6VNJS4EI-TYbDnvVs.js b/assets/Color-6VNJS4EI-TYbDnvVs.js
diff --git a/assets/Container-4UEhYI1x.js → assets/Container-c_Pz9q13.js b/assets/Container-4UEhYI1x.js → assets/Container-c_Pz9q13.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-e_t4_Xbj.js";import{M as r}from"./index-juVpxQ1I.js";import{u as s}from"./index-cBEWfaxW.js";import"./iframe-x_Cj_E-m.js";import"../sb-preview/runtime.js";import"./index-x2V4ZJ-3.js";import"./index-ogXoivrg.js";import"./index-PPLHz8o0.js";function o(t){const e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},s(),t.components);return n.jsxs(n.Fragment,{children:[n.jsx(r,{title:"Puzzle Shell/Components/Container"}),`
+import{j as n}from"./jsx-runtime-EFlHJb7v.js";import{M as r}from"./index-husEXy3C.js";import{u as s}from"./index-IA0tc8qf.js";import"./iframe-WEtsFv4_.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-5-cIlDoe.js";import"./index-ogXoivrg.js";import"./index-8LwkIDqE.js";import"./index-PPLHz8o0.js";function o(t){const e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},s(),t.components);return n.jsxs(n.Fragment,{children:[n.jsx(r,{title:"Puzzle Shell/Components/Container"}),`
 `,n.jsx(e.h1,{id:"container",children:"Container"}),`
 `,n.jsxs(e.p,{children:["The ",n.jsx(e.code,{children:"pzsh-container"})," component is the top-level component that implements the page layout. It contains all other Puzzle Shell components as well as the application's or site's content."]}),`
 `,n.jsx(e.p,{children:"Example usage:"}),`
@@ -9,4 +9,4 @@ import{j as n}from"./jsx-runtime-e_t4_Xbj.js";import{M as r}from"./index-juVpxQ1
   <main>The content</main>
   <pzsh-footer>...</pzsh-footer>
 <pzsh-container>
-`})})]})}function j(t={}){const{wrapper:e}=Object.assign({},s(),t.components);return e?n.jsx(e,Object.assign({},t,{children:n.jsx(o,t)})):o(t)}export{j as default};
+`})})]})}function x(t={}){const{wrapper:e}=Object.assign({},s(),t.components);return e?n.jsx(e,Object.assign({},t,{children:n.jsx(o,t)})):o(t)}export{x as default};
diff --git a/.../ContentAppWithSearch.stories-oDolrbbz.js → .../ContentAppWithSearch.stories-tpl9wKJZ.js b/.../ContentAppWithSearch.stories-oDolrbbz.js → .../ContentAppWithSearch.stories-tpl9wKJZ.js
@@ -1,4 +1,4 @@
-import{x as t}from"./lit-element-cycI6O1e.js";import{t as i}from"./theme-rATqlsZL.js";import"./Topbar-QViurvUU.js";import"./Banner-6ViaE36y.js";import"./MenuDropdownItem-HcUhmaQT.js";import"./FooterLink-Re0oYv-D.js";import"./Hero-T8qQtOk8.js";import"./Icon-iOVlVRWg.js";import"./MenuDropdown-CZRFmn-4.js";import"./Subnav-Syb2f79b.js";import{s}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";const y={title:"Puzzle Shell/Examples/Content app with search",parameters:{layout:"fullscreen"}},n=()=>t`
+import{x as t}from"./lit-element-cycI6O1e.js";import{t as i}from"./theme-rATqlsZL.js";import"./Topbar-IY51vM2h.js";import"./Banner-6ViaE36y.js";import"./MenuDropdownItem-wNe5e7md.js";import"./FooterLink-Re0oYv-D.js";import"./Hero-T8qQtOk8.js";import"./Icon-iOVlVRWg.js";import"./MenuDropdown-mpNf3oAf.js";import"./Subnav-A-uanJ9C.js";import{s}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";const y={title:"Puzzle Shell/Examples/Content app with search",parameters:{layout:"fullscreen"}},n=()=>t`
   <style>
     body {
       font-family: var(--pzsh-font-family);
@@ -69,7 +69,7 @@ import{x as t}from"./lit-element-cycI6O1e.js";import{t as i}from"./theme-rATqlsZ
       <div slot="content" class="search">
         <div class="search-field">
           <input placeholder="Search..." type="text" />
-          <button><pzsh-icon name="search" /></button>
+          <button aria-label="Search"><pzsh-icon name="search" /></button>
         </div>
       </div>
     </pzsh-banner>
@@ -196,7 +196,7 @@ import{x as t}from"./lit-element-cycI6O1e.js";import{t as i}from"./theme-rATqlsZ
       <div slot="content" class="search">
         <div class="search-field">
           <input placeholder="Search..." type="text" />
-          <button><pzsh-icon name="search" /></button>
+          <button aria-label="Search"><pzsh-icon name="search" /></button>
         </div>
       </div>
     </pzsh-banner>

diff --git a/assets/DocsRenderer-NNNQARDV-3i2HeCxs.js b/assets/DocsRenderer-NNNQARDV-3i2HeCxs.js
diff --git a/assets/DocsRenderer-NNNQARDV-Bm_sRDQ4.js b/assets/DocsRenderer-NNNQARDV-Bm_sRDQ4.js
diff --git a/assets/Fonts-OX7QPutz.js b/assets/Fonts-OX7QPutz.js