@gov-design-system-ce/components 4.2.8 → 4.6.0

package/dist/collection/pages/Tooltip.js

@@ -1,168 +0,0 @@
-class TooltipPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-			<div style="width: 500px; overflow: auto; height: 100px">
-				<div style="width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px">
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
-					<div style="width: 100px; border: 1px solid black; height: 100px">
-						<gov-tooltip position="right" size="s" icon>
-							<gov-icon name="info-circle-fill"></gov-icon>
-							<gov-tooltip-content>
-								<ul>
-									<li>Toggler div, h1, h2 rozbije celou komponentu. </li>
-									<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>
-								</ul>
-							</gov-tooltip-content>
-					</gov-tooltip>
-					</div>
-				</div>
-			</div>
-			<p>
-				Default scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.
-				<gov-tooltip position="right" size="s" icon message="<ul>
-							<li>Toggler div, h1, h2 rozbije celou komponentu. </li>
-							<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>
-						</ul>">
-					<span style="display: inline-block; width: 16px;"><gov-icon name="info-circle-fill"></gov-icon></span>
-				</gov-tooltip>
-				za prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.
-			</p>
-			<p>
-				V rámci
-				<gov-tooltip color="neutral" position="top" size="s" message="Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.">
-					případě vycestování (top)případě vycestování (top)případě vycestování
-				</gov-tooltip>
-				států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-				<gov-tooltip color="primary" position="right" size="s" icon>
-					<gov-chip color="success" type="outlined" size="xs" focusable="false">
-						<gov-icon name="briefcase" type="components"></gov-icon>
-					</gov-chip>
-					<gov-tooltip-content>
-						V za prací do států EU byste měli být vždy <a href="#">pojištěni ve státě</a>, ve kterém pracujete.
-					</gov-tooltip-content>
-				</gov-tooltip>
-			</p>
-			<p>V rámci
-				<gov-tooltip color="neutral" position="bottom" size="s">
-					případě vycestování (bottom)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip>
-				států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-				V rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				<gov-tooltip color="neutral" position="top" size="m">
-					případě vycestování (top)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip>
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.
-			</p>
-			<p>
-				V rámci států EU platí princip jednoho pojištění. V
-				<gov-tooltip position="right">
-					případě vycestování postion (right)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip>
-				za prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.
-			</p>
-			<p>
-				V rámci
-				<gov-tooltip position="top">
-					případě vycestování (top)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip>
-				států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-			V rámci
-				<gov-tooltip position="bottom">
-					případě vycestování (bottom)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-				V rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				<gov-tooltip color="neutral" position="left">
-					případě vycestování (left)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát. V rámci států EU platí princip jednoho pojištění. V
-				<gov-tooltip color="neutral" position="right" size="l">
-					případě vycestování (right)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip>
-				za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>V rámci
-				<gov-tooltip position="top" size="l">
-					případě vycestování (top)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-				V rámci
-				<gov-tooltip color="neutral" position="bottom" size="l">
-					případě vycestování (bottom)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-			</p>
-			<p>
-				V rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
-				<gov-tooltip inverse color="neutral" position="left" size="l">
-					případě vycestování (left)
-					<gov-tooltip-content>
-						Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
-					</gov-tooltip-content>
-				</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
-				tento stát.
-				<br /><br /><br /><br /><br />x
-			</p>
-	`;
-    }
-}
-if (customElements.get('tooltip-page') === undefined) {
-    customElements.define('tooltip-page', TooltipPage);
-}
-//# sourceMappingURL=Tooltip.js.map

package/dist/collection/pages/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/pages/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+JjB,CAAA;IACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t\t\t<gov-icon name=\"info-circle-fill\"></gov-icon>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon message=\"<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\">\n\t\t\t\t\t<span style=\"display: inline-block; width: 16px;\"><gov-icon name=\"info-circle-fill\"></gov-icon></span>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)případě vycestování (top)případě vycestování\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-tooltip color=\"primary\" position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-chip color=\"success\" type=\"outlined\" size=\"xs\" focusable=\"false\">\n\t\t\t\t\t\t<gov-icon name=\"briefcase\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tV za prací do států EU byste měli být vždy <a href=\"#\">pojištěni ve státě</a>, ve kterém pracujete.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"m\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse color=\"neutral\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n"]}

package/dist/collection/pages/Typography.js

@@ -1,161 +0,0 @@
-class TypographyPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-			<p class="gov-text--display-l">Display L</p>
-			<p class="gov-text--display-m">Display M</p>
-			<p class="gov-text--display-s">Display S</p>
-			<p class="gov-text--headline-xl">Headline XL</p>
-			<p class="gov-text--headline-l">Headline L</p>
-			<p class="gov-text--headline-m">Headline M</p>
-			<p class="gov-text--headline-s">Headline S</p>
-			<p class="gov-text--headline-xs">Headline XS</p>
-			<p class="gov-text--body-xl">Body XL</p>
-			<p class="gov-text--body-l">Body L</p>
-			<p class="gov-text--body-m">Body M</p>
-			<p class="gov-text--body-s">Body S</p>
-			<p class="gov-text--body-xs">Body XS</p>
-			<p class="gov-text--body-xl-bold">Body XL bold</p>
-			<p class="gov-text--body-l-bold">Body L bold</p>
-			<p class="gov-text--body-m-bold">Body M bold</p>
-			<p class="gov-text--body-s-bold">Body S bold</p>
-			<p class="gov-text--body-xs-bold">Body XS bold</p>
-			<br><br>
-
-			<h2>Link</h2>
-			<gov-link href="#" size="s">Velikost S</gov-link><br>
-			<gov-link href="#" size="m">Velikost M</gov-link><br>
-			<gov-link href="#" size="l">Velikost L</gov-link><br>
-			<br>
-			<gov-link href="#" size="s">
-				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
-				S ikonou vlevo
-			</gov-link><br>
-			<gov-link href="#" size="m">
-				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
-				S ikonou vlevo
-			</gov-link><br>
-			<gov-link href="#" size="l">
-				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
-				S ikonou vlevo
-			</gov-link><br>
-			<gov-link href="#" size="m">
-				S ikonou vpravo
-				<gov-icon slot="icon-end" name="geo-alt-fill" size="m"></gov-icon>
-			</gov-link><br>
-			<div style="width: 300px;">
-			<gov-link href="#" size="m" external>
-				<gov-icon slot="icon-start" name="caret-right-fill" size="m"></gov-icon>
-				Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami
-				<gov-icon slot="icon-end" name="telephone" size="m"></gov-icon>
-			</gov-link><br>
-			</div>
-			<div style="width: 300px;">
-			<gov-link href="#" size="m" truncate external>
-				<gov-icon slot="icon-start" name="caret-right-fill" size="m"></gov-icon>
-				Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami
-				<gov-icon slot="icon-end" name="telephone" size="m"></gov-icon>
-			</gov-link><br>
-			</div>
-			<gov-link href="#" target="_blank" external size="s">Externí</gov-link>
-			<br>
-			<gov-link href="#" size="m" external>
-				External s ikonou vpravo
-				<gov-icon slot="icon-end" name="geo-alt-fill" size="m"></gov-icon>
-			</gov-link>
-			<br><br>
-			<p>
-				<a class="gov-text--body-xs" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-s" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-m" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-l" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-xs-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-s-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-m-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-l-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--body-xl-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-			</p>
-
-			<ul>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-					<ul>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-							<ul>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-							</ul>
-						</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-					</ul>
-				</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-			</ul>
-			<br><br>
-			<ul>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-				<ul class="gov-list--inline">
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-					</ul>
-				</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-					<ul class="gov-list--inline gov-list--plain">
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-						<li>This is commonly </li>
-					</ul>
-				</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-			</ul>
-			<br><br>
-			<ol>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-					<ul>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-						<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines
-							<ol>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-								<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-							</ol>
-						</li>
-					</ul>
-				</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-				<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>
-			</ol>
-
-			<h1>Heading 1 Heading 1 Heading 1</h1>
-			<h2>Heading 2 Heading 2 Heading 2</h2>
-			<p>A lead <a href="#copy" target="_blank">paragraph with no more than four lines</a> . Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines</p>
-			<h4 class="gov-text--headline-l">Heading 2 Heading 2 Heading 2</h4>
-			<h3>Heading 3 Heading 3 Heading 3</h3>
-			<p>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</p>
-			<h4>Heading 4 Heading 4 Heading 4</h4>
-			<p>A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines</p>
-			<h5>Heading 5 Heading 5 Heading 5</h5>
-			<p>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</p>
-			<h6>Heading 6 Heading 6 Heading 6</h6>
-			<p>This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.</p>
-			<p></p><small>Small<br />This is for explanatory helper text that appears below a field</small></p>
-		`;
-    }
-}
-if (customElements.get('typography-page') === undefined) {
-    customElements.define('typography-page', TypographyPage);
-}
-//# sourceMappingURL=Typography.js.map

package/dist/collection/pages/Typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../../src/pages/Typography.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwJhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;AACzD,CAAC","sourcesContent":["class TypographyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<p class=\"gov-text--display-l\">Display L</p>\n\t\t\t<p class=\"gov-text--display-m\">Display M</p>\n\t\t\t<p class=\"gov-text--display-s\">Display S</p>\n\t\t\t<p class=\"gov-text--headline-xl\">Headline XL</p>\n\t\t\t<p class=\"gov-text--headline-l\">Headline L</p>\n\t\t\t<p class=\"gov-text--headline-m\">Headline M</p>\n\t\t\t<p class=\"gov-text--headline-s\">Headline S</p>\n\t\t\t<p class=\"gov-text--headline-xs\">Headline XS</p>\n\t\t\t<p class=\"gov-text--body-xl\">Body XL</p>\n\t\t\t<p class=\"gov-text--body-l\">Body L</p>\n\t\t\t<p class=\"gov-text--body-m\">Body M</p>\n\t\t\t<p class=\"gov-text--body-s\">Body S</p>\n\t\t\t<p class=\"gov-text--body-xs\">Body XS</p>\n\t\t\t<p class=\"gov-text--body-xl-bold\">Body XL bold</p>\n\t\t\t<p class=\"gov-text--body-l-bold\">Body L bold</p>\n\t\t\t<p class=\"gov-text--body-m-bold\">Body M bold</p>\n\t\t\t<p class=\"gov-text--body-s-bold\">Body S bold</p>\n\t\t\t<p class=\"gov-text--body-xs-bold\">Body XS bold</p>\n\t\t\t<br><br>\n\n\t\t\t<h2>Link</h2>\n\t\t\t<gov-link href=\"#\" size=\"s\">Velikost S</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">Velikost M</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"l\">Velikost L</gov-link><br>\n\t\t\t<br>\n\t\t\t<gov-link href=\"#\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\tS ikonou vpravo\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t<div style=\"width: 300px;\">\n\t\t\t<gov-link href=\"#\" size=\"m\" external>\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"caret-right-fill\" size=\"m\"></gov-icon>\n\t\t\t\tSe dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t</div>\n\t\t\t<div style=\"width: 300px;\">\n\t\t\t<gov-link href=\"#\" size=\"m\" truncate external>\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"caret-right-fill\" size=\"m\"></gov-icon>\n\t\t\t\tSe dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t</div>\n\t\t\t<gov-link href=\"#\" target=\"_blank\" external size=\"s\">Externí</gov-link>\n\t\t\t<br>\n\t\t\t<gov-link href=\"#\" size=\"m\" external>\n\t\t\t\tExternal s ikonou vpravo\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\" size=\"m\"></gov-icon>\n\t\t\t</gov-link>\n\t\t\t<br><br>\n\t\t\t<p>\n\t\t\t\t<a class=\"gov-text--body-xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xs-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-s-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-m-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-l-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xl-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t</p>\n\n\t\t\t<ul>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ul>\n\t\t\t<br><br>\n\t\t\t<ul>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t<ul class=\"gov-list--inline\">\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t\t<ul class=\"gov-list--inline gov-list--plain\">\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ul>\n\t\t\t<br><br>\n\t\t\t<ol>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ol>\n\n\t\t\t<h1>Heading 1 Heading 1 Heading 1</h1>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>A lead <a href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a> . Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines</p>\n\t\t\t<h4 class=\"gov-text--headline-l\">Heading 2 Heading 2 Heading 2</h4>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.</p>\n\t\t\t<p></p><small>Small<br />This is for explanatory helper text that appears below a field</small></p>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n"]}

package/dist/collection/pages/UserNavigation.js

@@ -1,134 +0,0 @@
-const userData = () => [
-    {
-        name: 'ProMedia s.r.o.',
-        subject: 'PO, IČO: 56286143',
-        icon: { name: 'briefcase', type: 'components' },
-        unread: '3',
-        active: true
-    },
-    {
-        name: 'Company a.s.',
-        subject: 'PFO, IČO: 66286189',
-        icon: { name: 'house-door-fill', type: 'components' },
-        href: '#',
-        unread: '99+',
-        active: false
-    },
-    {
-        name: 'Long Company Name spol. s r. o.',
-        subject: 'PO, IČO: 15286177',
-        icon: { name: 'briefcase', type: 'components' },
-        unread: '',
-        active: false
-    },
-    {
-        name: 'ProMedia s.r.o.',
-        subject: 'PO, IČO: 56286143',
-        icon: { name: 'briefcase', type: 'components' },
-        unread: '3',
-        active: false
-    },
-    {
-        name: 'Company a.s.',
-        subject: 'PFO, IČO: 66286189',
-        icon: { name: 'house-door-fill', type: 'components' },
-        href: '#',
-        unread: '99+',
-        active: false
-    }
-];
-class UserNavigationPage extends HTMLElement {
-    connectedCallback() {
-        const data = JSON.stringify(userData());
-        setTimeout(() => {
-            const navigation = document.getElementById('navigation');
-            if (navigation) {
-                navigation.addEventListener('gov-select', (e) => {
-                    console.log(e);
-                });
-            }
-        }, 1000);
-        this.innerHTML = `
-		<div style="width: 200px;">
-			<gov-user-navigation data='${data}' id="navigation">
-				<hr />
-				<ul>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-				</ul>
-			</gov-user-navigation>
-			<br />
-			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "icon": {"name": "briefcase", "type": "components"}, "active": true}]'>
-				<hr />
-				<ul>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-				</ul>
-			</gov-user-navigation>
-			<br />
-			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "subject": "PO, IČO: 56286143", "avatarUrl": "./assets/banner/image-square.jpg", "unread": "1", "active": true}]'>
-				<hr />
-				<ul>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-				</ul>
-			</gov-user-navigation>
-			<br />
-			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "avatarUrl": "./assets/banner/image-square.jpg", "active": true}]'>
-				<hr />
-				<ul>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-					<li>
-						<gov-button color="neutral" type="base" size="m">
-							Menu item
-						</gov-button>
-					</li>
-				</ul>
-			</gov-user-navigation>
-			<br />
-			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "subject": "PO, IČO: 56286143", "unread": "99+", "active": true}]' position="right">
-			</gov-user-navigation>
-			<br />
-			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "active": true}, {"name": "Company a.s."}]' position="right">
-			</gov-user-navigation>
-		</div>
-		`;
-    }
-}
-if (customElements.get('user-navigation-page') === undefined) {
-    customElements.define('user-navigation-page', UserNavigationPage);
-}
-//# sourceMappingURL=UserNavigation.js.map

package/dist/collection/pages/UserNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserNavigation.js","sourceRoot":"","sources":["../../../../../src/pages/UserNavigation.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;IACtB;QACC,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACZ;IACD;QACC,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAC;QACnD,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,iCAAiC;QACvC,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAC;QACnD,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;KACb;CACD,CAAA;AAED,MAAM,kBAAmB,SAAQ,WAAW;IAC3C,iBAAiB;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAA;QAEvC,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YACzD,IAAI,UAAU,EAAE,CAAC;gBAChB,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC,CAAC,CAAA;YACH,CAAC;QACF,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,IAAI,CAAC,SAAS,GAAG;;gCAEa,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EjC,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC9D,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAAA;AAClE,CAAC","sourcesContent":["const userData = () => [\n\t{\n\t\tname: 'ProMedia s.r.o.',\n\t\tsubject: 'PO, IČO: 56286143',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '3',\n\t\tactive: true\n\t},\n\t{\n\t\tname: 'Company a.s.',\n\t\tsubject: 'PFO, IČO: 66286189',\n\t\ticon: {name: 'house-door-fill', type: 'components'},\n\t\thref: '#',\n\t\tunread: '99+',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'Long Company Name spol. s r. o.',\n\t\tsubject: 'PO, IČO: 15286177',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'ProMedia s.r.o.',\n\t\tsubject: 'PO, IČO: 56286143',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '3',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'Company a.s.',\n\t\tsubject: 'PFO, IČO: 66286189',\n\t\ticon: {name: 'house-door-fill', type: 'components'},\n\t\thref: '#',\n\t\tunread: '99+',\n\t\tactive: false\n\t}\n]\n\nclass UserNavigationPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tconst data = JSON.stringify(userData())\n\n\t\tsetTimeout(() => {\n\t\t\tconst navigation = document.getElementById('navigation');\n\t\t\tif (navigation) {\n\t\t\t\tnavigation.addEventListener('gov-select', (e) => {\n\t\t\t\t\tconsole.log(e);\n\t\t\t\t})\n\t\t\t}\n\t\t}, 1000)\n\n\t\tthis.innerHTML = `\n\t\t<div style=\"width: 200px;\">\n\t\t\t<gov-user-navigation data='${data}' id=\"navigation\">\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"icon\": {\"name\": \"briefcase\", \"type\": \"components\"}, \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"subject\": \"PO, IČO: 56286143\", \"avatarUrl\": \"./assets/banner/image-square.jpg\", \"unread\": \"1\", \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"avatarUrl\": \"./assets/banner/image-square.jpg\", \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"subject\": \"PO, IČO: 56286143\", \"unread\": \"99+\", \"active\": true}]' position=\"right\">\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"active\": true}, {\"name\": \"Company a.s.\"}]' position=\"right\">\n\t\t\t</gov-user-navigation>\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('user-navigation-page') === undefined) {\n\tcustomElements.define('user-navigation-page', UserNavigationPage)\n}\n"]}