diff --git a/dist/__chunks__/nav.CxZlnc5O.js b/dist/__chunks__/nav.CxZlnc5O.js deleted file mode 100644 index 75607997..00000000 --- a/dist/__chunks__/nav.CxZlnc5O.js +++ /dev/null @@ -1,2 +0,0 @@ -import{x as s}from"./lit-element.CH8ciVnL.js";const i=()=>s`

Search icon
Basics
Button
Colors
Grid
Icons
Typography
Elements
Image
Link
Media
Footnote
Blocks
Banner
Features
Posts
Components
Form
Table
`;export{i as navTemplate}; -//# sourceMappingURL=nav.CxZlnc5O.js.map diff --git a/dist/__chunks__/nav.CxZlnc5O.js.map b/dist/__chunks__/nav.CxZlnc5O.js.map deleted file mode 100644 index 1e51d4a3..00000000 --- a/dist/__chunks__/nav.CxZlnc5O.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"nav.CxZlnc5O.js","sources":["../../src/styleguide/components/nav.ts"],"sourcesContent":["import { html } from 'lit';\n\nexport const navTemplate = () => {\n return html`\n
\n \n
\n
\n

\n \"\"\n

\n
\n
\n \n \"Search\n
\n
\n
Basics
\n
\n
\n Button\n
\n
\n Colors\n
\n
\n Grid\n
\n
\n Icons\n
\n
\n Typography\n
\n
\n
Elements
\n
\n
\n Image\n
\n
\n Link\n
\n
\n Media\n
\n
\n Footnote\n
\n
\n
Blocks
\n
\n
\n Banner\n
\n
\n Features\n
\n
\n Posts\n
\n
\n
Components
\n
\n
\n Form\n
\n
\n Table\n
\n
\n
\n \n \n `;\n};\n"],"names":["navTemplate","html"],"mappings":"8CAEO,MAAMA,EAAc,IAClBC"} \ No newline at end of file diff --git a/dist/__chunks__/nav.hLcKAqLa.js b/dist/__chunks__/nav.hLcKAqLa.js new file mode 100644 index 00000000..0a784832 --- /dev/null +++ b/dist/__chunks__/nav.hLcKAqLa.js @@ -0,0 +1,2 @@ +import{x as s}from"./lit-element.CH8ciVnL.js";const i=()=>s`

Search icon
Basics
Button
Colors
Grid
Icons
Typography
Elements
Image
Link
Media
Footnote
Blocks
Banner
Features
Posts
Components
Form
Table
`;export{i as navTemplate}; +//# sourceMappingURL=nav.hLcKAqLa.js.map diff --git a/dist/__chunks__/nav.hLcKAqLa.js.map b/dist/__chunks__/nav.hLcKAqLa.js.map new file mode 100644 index 00000000..a297becd --- /dev/null +++ b/dist/__chunks__/nav.hLcKAqLa.js.map @@ -0,0 +1 @@ +{"version":3,"file":"nav.hLcKAqLa.js","sources":["../../src/styleguide/components/nav.ts"],"sourcesContent":["import { html } from 'lit';\n\nexport const navTemplate = () => {\n return html`\n
\n \n
\n
\n

\n \"\"\n

\n
\n
\n \n \"Search\n
\n
\n
Basics
\n
\n
\n Button\n
\n
\n Colors\n
\n
\n Grid\n
\n
\n Icons\n
\n
\n Typography\n
\n
\n
Elements
\n
\n
\n Image\n
\n
\n Link\n
\n
\n Media\n
\n
\n Footnote\n
\n
\n
Blocks
\n
\n
\n Banner\n
\n
\n Features\n
\n
\n Posts\n
\n
\n
Components
\n
\n
\n Form\n
\n
\n Table\n
\n
\n
\n \n \n `;\n};\n"],"names":["navTemplate","html"],"mappings":"8CAEO,MAAMA,EAAc,IAClBC"} \ No newline at end of file diff --git a/dist/preview/preview.js b/dist/preview/preview.js index ab438838..a0c1df35 100644 --- a/dist/preview/preview.js +++ b/dist/preview/preview.js @@ -1,7 +1,7 @@ -import{_ as t}from"../__chunks__/preload-helper.D7itGvJr.js";import{j as r}from"../__chunks__/lit-element.CH8ciVnL.js";const m=(_,e)=>{const o=_[e];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((s,n)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+e)))})},i=()=>new URLSearchParams(window.location.search).get("template");m(Object.assign({"../components/banners.ts":()=>t(()=>import("../__chunks__/banners.CHprEskK.js"),__vite__mapDeps([0,1])),"../components/buttons.ts":()=>t(()=>import("../__chunks__/buttons.C5FpoYaT.js"),__vite__mapDeps([2,1])),"../components/colors.ts":()=>t(()=>import("../__chunks__/colors.CCAAxko3.js"),__vite__mapDeps([3,1])),"../components/features.ts":()=>t(()=>import("../__chunks__/features.DvXilR2q.js"),__vite__mapDeps([4,1])),"../components/footnote.ts":()=>t(()=>import("../__chunks__/footnote.WYxe7hAT.js"),__vite__mapDeps([5,1])),"../components/form.ts":()=>t(()=>import("../__chunks__/form.CObr2lMG.js"),__vite__mapDeps([6,1])),"../components/grid.ts":()=>t(()=>import("../__chunks__/grid.Bn66a3L5.js"),__vite__mapDeps([7,1])),"../components/icons.ts":()=>t(()=>import("../__chunks__/icons.C0kd3lDF.js"),__vite__mapDeps([8,1])),"../components/image.ts":()=>t(()=>import("../__chunks__/image.9fYMisVN.js"),__vite__mapDeps([9,1])),"../components/link.ts":()=>t(()=>import("../__chunks__/link.CCu8RB9I.js"),__vite__mapDeps([10,1])),"../components/media.ts":()=>t(()=>import("../__chunks__/media.C0IaleH8.js"),__vite__mapDeps([11,1])),"../components/nav.ts":()=>t(()=>import("../__chunks__/nav.CxZlnc5O.js"),__vite__mapDeps([12,1])),"../components/posts.ts":()=>t(()=>import("../__chunks__/posts.DriTGQ9W.js"),__vite__mapDeps([13,1])),"../components/previewTemplate.ts":()=>t(()=>import("../__chunks__/previewTemplate.Dlcp8SxS.js"),__vite__mapDeps([14,1])),"../components/table.ts":()=>t(()=>import("../__chunks__/table.Dk4LIICY.js"),__vite__mapDeps([15,1])),"../components/typography.ts":()=>t(()=>import("../__chunks__/typography.sfjDIZ9i.js"),__vite__mapDeps([16,1]))}),`../components/${i()}.ts`).then(_=>{const{template:e}=_,o=document.getElementById("app");r(e(),o)}); +import{_ as t}from"../__chunks__/preload-helper.D7itGvJr.js";import{j as r}from"../__chunks__/lit-element.CH8ciVnL.js";const m=(_,e)=>{const o=_[e];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((s,n)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+e)))})},i=()=>new URLSearchParams(window.location.search).get("template");m(Object.assign({"../components/banners.ts":()=>t(()=>import("../__chunks__/banners.CHprEskK.js"),__vite__mapDeps([0,1])),"../components/buttons.ts":()=>t(()=>import("../__chunks__/buttons.C5FpoYaT.js"),__vite__mapDeps([2,1])),"../components/colors.ts":()=>t(()=>import("../__chunks__/colors.CCAAxko3.js"),__vite__mapDeps([3,1])),"../components/features.ts":()=>t(()=>import("../__chunks__/features.DvXilR2q.js"),__vite__mapDeps([4,1])),"../components/footnote.ts":()=>t(()=>import("../__chunks__/footnote.WYxe7hAT.js"),__vite__mapDeps([5,1])),"../components/form.ts":()=>t(()=>import("../__chunks__/form.CObr2lMG.js"),__vite__mapDeps([6,1])),"../components/grid.ts":()=>t(()=>import("../__chunks__/grid.Bn66a3L5.js"),__vite__mapDeps([7,1])),"../components/icons.ts":()=>t(()=>import("../__chunks__/icons.C0kd3lDF.js"),__vite__mapDeps([8,1])),"../components/image.ts":()=>t(()=>import("../__chunks__/image.9fYMisVN.js"),__vite__mapDeps([9,1])),"../components/link.ts":()=>t(()=>import("../__chunks__/link.CCu8RB9I.js"),__vite__mapDeps([10,1])),"../components/media.ts":()=>t(()=>import("../__chunks__/media.C0IaleH8.js"),__vite__mapDeps([11,1])),"../components/nav.ts":()=>t(()=>import("../__chunks__/nav.hLcKAqLa.js"),__vite__mapDeps([12,1])),"../components/posts.ts":()=>t(()=>import("../__chunks__/posts.DriTGQ9W.js"),__vite__mapDeps([13,1])),"../components/previewTemplate.ts":()=>t(()=>import("../__chunks__/previewTemplate.Dlcp8SxS.js"),__vite__mapDeps([14,1])),"../components/table.ts":()=>t(()=>import("../__chunks__/table.Dk4LIICY.js"),__vite__mapDeps([15,1])),"../components/typography.ts":()=>t(()=>import("../__chunks__/typography.sfjDIZ9i.js"),__vite__mapDeps([16,1]))}),`../components/${i()}.ts`).then(_=>{const{template:e}=_,o=document.getElementById("app");r(e(),o)}); function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["__chunks__/banners.CHprEskK.js","__chunks__/lit-element.CH8ciVnL.js","__chunks__/buttons.C5FpoYaT.js","__chunks__/colors.CCAAxko3.js","__chunks__/features.DvXilR2q.js","__chunks__/footnote.WYxe7hAT.js","__chunks__/form.CObr2lMG.js","__chunks__/grid.Bn66a3L5.js","__chunks__/icons.C0kd3lDF.js","__chunks__/image.9fYMisVN.js","__chunks__/link.CCu8RB9I.js","__chunks__/media.C0IaleH8.js","__chunks__/nav.CxZlnc5O.js","__chunks__/posts.DriTGQ9W.js","__chunks__/previewTemplate.Dlcp8SxS.js","__chunks__/table.Dk4LIICY.js","__chunks__/typography.sfjDIZ9i.js"] + __vite__mapDeps.viteFileDeps = ["__chunks__/banners.CHprEskK.js","__chunks__/lit-element.CH8ciVnL.js","__chunks__/buttons.C5FpoYaT.js","__chunks__/colors.CCAAxko3.js","__chunks__/features.DvXilR2q.js","__chunks__/footnote.WYxe7hAT.js","__chunks__/form.CObr2lMG.js","__chunks__/grid.Bn66a3L5.js","__chunks__/icons.C0kd3lDF.js","__chunks__/image.9fYMisVN.js","__chunks__/link.CCu8RB9I.js","__chunks__/media.C0IaleH8.js","__chunks__/nav.hLcKAqLa.js","__chunks__/posts.DriTGQ9W.js","__chunks__/previewTemplate.Dlcp8SxS.js","__chunks__/table.Dk4LIICY.js","__chunks__/typography.sfjDIZ9i.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } diff --git a/dist/styleguide/styleguide.js b/dist/styleguide/styleguide.js index 935844fa..aa44a815 100644 --- a/dist/styleguide/styleguide.js +++ b/dist/styleguide/styleguide.js @@ -1,2 +1,2 @@ -import{j as t,x as p}from"../__chunks__/lit-element.CH8ciVnL.js";import{previewTemplate as e}from"../__chunks__/previewTemplate.Dlcp8SxS.js";import{navTemplate as m}from"../__chunks__/nav.CxZlnc5O.js";const l=()=>p`${m()} ${e("Buttons","preview.html?template=buttons")} ${e("Colors","preview.html?template=colors")} ${e("Grid","preview.html?template=grid")} ${e("Icons","preview.html?template=icons")} ${e("Typography","preview.html?template=typography")} ${e("Image","preview.html?template=image")} ${e("Link","preview.html?template=link")} ${e("Media","preview.html?template=media")} ${e("Footnote","preview.html?template=footnote")} ${e("Banners","preview.html?template=banners")} ${e("Features","preview.html?template=features")} ${e("Posts","preview.html?template=posts")} ${e("Form","preview.html?template=form")} ${e("Table","preview.html?template=table")}`,r=document.getElementById("app");t(l(),r); +import{j as t,x as a}from"../__chunks__/lit-element.CH8ciVnL.js";import{previewTemplate as e}from"../__chunks__/previewTemplate.Dlcp8SxS.js";import{navTemplate as p}from"../__chunks__/nav.hLcKAqLa.js";const m=()=>a`${p()} ${e("Buttons","preview.html?template=buttons")} ${e("Colors","preview.html?template=colors")} ${e("Grid","preview.html?template=grid")} ${e("Icons","preview.html?template=icons")} ${e("Typography","preview.html?template=typography")} ${e("Image","preview.html?template=image")} ${e("Link","preview.html?template=link")} ${e("Media","preview.html?template=media")} ${e("Footnote","preview.html?template=footnote")} ${e("Features","preview.html?template=features")} ${e("Posts","preview.html?template=posts")} ${e("Form","preview.html?template=form")} ${e("Table","preview.html?template=table")}`,i=document.getElementById("app");t(m(),i); //# sourceMappingURL=styleguide.js.map diff --git a/dist/styleguide/styleguide.js.map b/dist/styleguide/styleguide.js.map index 4fc8fdd4..c97524c9 100644 --- a/dist/styleguide/styleguide.js.map +++ b/dist/styleguide/styleguide.js.map @@ -1 +1 @@ -{"version":3,"file":"styleguide.js","sources":["../../src/styleguide/js/styleguide.ts"],"sourcesContent":["import { render, html } from 'lit';\nimport { previewTemplate } from '../components/previewTemplate.js';\nimport { navTemplate } from '../components/nav.ts';\n\nconst appTemplate = () => {\n return html`\n ${navTemplate()} ${previewTemplate('Buttons', 'preview.html?template=buttons')}\n ${previewTemplate('Colors', 'preview.html?template=colors')}\n ${previewTemplate('Grid', 'preview.html?template=grid')} ${previewTemplate('Icons', 'preview.html?template=icons')}\n ${previewTemplate('Typography', 'preview.html?template=typography')}\n ${previewTemplate('Image', 'preview.html?template=image')} ${previewTemplate('Link', 'preview.html?template=link')}\n ${previewTemplate('Media', 'preview.html?template=media')}\n ${previewTemplate('Footnote', 'preview.html?template=footnote')}\n ${previewTemplate('Banners', 'preview.html?template=banners')}\n ${previewTemplate('Features', 'preview.html?template=features')}\n ${previewTemplate('Posts', 'preview.html?template=posts')} ${previewTemplate('Form', 'preview.html?template=form')}\n ${previewTemplate('Table', 'preview.html?template=table')}\n `;\n};\n\nconst app = document.getElementById('app')!;\n\nrender(appTemplate(), app);\n"],"names":["appTemplate","html","navTemplate","previewTemplate","app","render"],"mappings":"yMAIA,MAAMA,EAAc,IACXC,IACHC,GAAa,IAAIC,EAAgB,UAAW,+BAA+B,CAAC,IAC5EA,EAAgB,SAAU,8BAA8B,CAAC,IACzDA,EAAgB,OAAQ,4BAA4B,CAAC,IAAIA,EAAgB,QAAS,6BAA6B,CAAC,IAChHA,EAAgB,aAAc,kCAAkC,CAAC,IACjEA,EAAgB,QAAS,6BAA6B,CAAC,IAAIA,EAAgB,OAAQ,4BAA4B,CAAC,IAChHA,EAAgB,QAAS,6BAA6B,CAAC,IACvDA,EAAgB,WAAY,gCAAgC,CAAC,IAC7DA,EAAgB,UAAW,+BAA+B,CAAC,IAC3DA,EAAgB,WAAY,gCAAgC,CAAC,IAC7DA,EAAgB,QAAS,6BAA6B,CAAC,IAAIA,EAAgB,OAAQ,4BAA4B,CAAC,IAChHA,EAAgB,QAAS,6BAA6B,CAAC,GAIvDC,EAAM,SAAS,eAAe,KAAK,EAEzCC,EAAOL,IAAeI,CAAG"} \ No newline at end of file +{"version":3,"file":"styleguide.js","sources":["../../src/styleguide/js/styleguide.ts"],"sourcesContent":["import { render, html } from 'lit';\nimport { previewTemplate } from '../components/previewTemplate.js';\nimport { navTemplate } from '../components/nav.ts';\n\nconst appTemplate = () => {\n return html`\n ${navTemplate()} ${previewTemplate('Buttons', 'preview.html?template=buttons')}\n ${previewTemplate('Colors', 'preview.html?template=colors')}\n ${previewTemplate('Grid', 'preview.html?template=grid')}\n ${previewTemplate('Icons', 'preview.html?template=icons')}\n ${previewTemplate('Typography', 'preview.html?template=typography')}\n ${previewTemplate('Image', 'preview.html?template=image')}\n ${previewTemplate('Link', 'preview.html?template=link')}\n ${previewTemplate('Media', 'preview.html?template=media')}\n ${previewTemplate('Footnote', 'preview.html?template=footnote')}\n ${previewTemplate('Banners', 'preview.html?template=banners')}\n ${previewTemplate('Features', 'preview.html?template=features')}\n ${previewTemplate('Posts', 'preview.html?template=posts')}\n ${previewTemplate('Form', 'preview.html?template=form')}\n ${previewTemplate('Table', 'preview.html?template=table')}\n `;\n};\n\nconst app = document.getElementById('app')!;\n\nrender(appTemplate(), app);\n"],"names":["appTemplate","html","navTemplate","previewTemplate","app","render"],"mappings":"yMAIA,MAAMA,EAAc,IACXC,IACHC,GAAa,mBAAmBC,EAAgB,UAAW,+BAA+B,CAAC,uBAC5EA,EAAgB,SAAU,8BAA8B,CAAC,qBAC3DA,EAAgB,OAAQ,4BAA4B,CAAC,sBACpDA,EAAgB,QAAS,6BAA6B,CAAC,4BACjDA,EAAgB,aAAc,kCAAkC,CAAC,sBACvEA,EAAgB,QAAS,6BAA6B,CAAC,qBACvDA,EAAgB,OAAQ,4BAA4B,CAAC,sBACrDA,EAAgB,QAAS,6BAA6B,CAAC,yBACpDA,EAAgB,WAAY,gCAAgC,CAAC,uBAC/DA,EAAgB,UAAW,+BAA+B,CAAC,yBACzDA,EAAgB,WAAY,gCAAgC,CAAC,sBAChEA,EAAgB,QAAS,6BAA6B,CAAC,qBACxDA,EAAgB,OAAQ,4BAA4B,CAAC,sBACpDA,EAAgB,QAAS,6BAA6B,CAAC,OAIrEC,EAAM,SAAS,eAAe,KAAK,EAEzCC,EAAOL,IAAeI,CAAG"} \ No newline at end of file diff --git a/src/styleguide/components/nav.ts b/src/styleguide/components/nav.ts index 2c0baab3..b16c479a 100644 --- a/src/styleguide/components/nav.ts +++ b/src/styleguide/components/nav.ts @@ -39,56 +39,56 @@ export const navTemplate = () => {
Basics
-
- Button +
+ Button
-
- Colors +
+ Colors
-
- Grid +
+ Grid
-
- Icons +
+ Icons
-
- Typography +
+ Typography
Elements
-
- Image +
+ Image
-
- Link +
+ Link
-
- Media +
+ Media
-
- Footnote +
+ Footnote
Blocks
-
- Banner +
+ Banner
-
- Features +
+ Features
-
- Posts +
+ Posts
Components
-
- Form +
+ Form
-
- Table +
+ Table
diff --git a/src/styleguide/js/styleguide.ts b/src/styleguide/js/styleguide.ts index 251e63c8..b09487d3 100644 --- a/src/styleguide/js/styleguide.ts +++ b/src/styleguide/js/styleguide.ts @@ -4,17 +4,20 @@ import { navTemplate } from '../components/nav.ts'; const appTemplate = () => { return html` - ${navTemplate()} ${previewTemplate('Buttons', 'preview.html?template=buttons')} - ${previewTemplate('Colors', 'preview.html?template=colors')} - ${previewTemplate('Grid', 'preview.html?template=grid')} ${previewTemplate('Icons', 'preview.html?template=icons')} - ${previewTemplate('Typography', 'preview.html?template=typography')} - ${previewTemplate('Image', 'preview.html?template=image')} ${previewTemplate('Link', 'preview.html?template=link')} - ${previewTemplate('Media', 'preview.html?template=media')} - ${previewTemplate('Footnote', 'preview.html?template=footnote')} - ${previewTemplate('Banners', 'preview.html?template=banners')} - ${previewTemplate('Features', 'preview.html?template=features')} - ${previewTemplate('Posts', 'preview.html?template=posts')} ${previewTemplate('Form', 'preview.html?template=form')} - ${previewTemplate('Table', 'preview.html?template=table')} + ${navTemplate()} ${previewTemplate('Buttons', 'preview.html?template=buttons')} + ${previewTemplate('Colors', 'preview.html?template=colors')} + ${previewTemplate('Grid', 'preview.html?template=grid')} + ${previewTemplate('Icons', 'preview.html?template=icons')} + ${previewTemplate('Typography', 'preview.html?template=typography')} + ${previewTemplate('Image', 'preview.html?template=image')} + ${previewTemplate('Link', 'preview.html?template=link')} + ${previewTemplate('Media', 'preview.html?template=media')} + ${previewTemplate('Footnote', 'preview.html?template=footnote')} + + ${previewTemplate('Features', 'preview.html?template=features')} + ${previewTemplate('Posts', 'preview.html?template=posts')} + ${previewTemplate('Form', 'preview.html?template=form')} + ${previewTemplate('Table', 'preview.html?template=table')} `; }; diff --git a/src/styleguide/nav.css b/src/styleguide/nav.css index d6c8d8a9..3907ad8d 100644 --- a/src/styleguide/nav.css +++ b/src/styleguide/nav.css @@ -73,6 +73,7 @@ body { font-size: 17px; cursor: pointer; opacity: 0.7; + color: black; } .ls-sidebar-element:hover {