@gov-design-system-ce/components 4.1.0-rc1 → 4.1.0

package/dist/collection/pages/Tag.js

@@ -1,170 +1,145 @@
 class TagPage extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
-			<h1>Tags</h1>
-			<h4>Primary - bold</h4>
-			<div class="container-view">
-				<gov-tag color="primary" size="xs" type="bold">
-					Tag
-				</gov-tag>
-				<gov-tag color="primary" size="xs" type="bold">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Tag
-				</gov-tag>
-				<gov-tag color="primary" size="xs" type="bold">
-					Tag
-					<gov-icon slot="right-icon" name="star-fill"></gov-icon>
-				</gov-tag>
-				<gov-tag color="primary" size="xs" type="bold">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Tag
-					<gov-icon slot="right-icon" name="star-fill"></gov-icon>
-				</gov-tag>
-				<gov-tag color="primary" size="s" type="bold">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="primary" size="m" type="bold">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-					<gov-icon slot="right-icon" name="star-fill"></gov-icon>
-				</gov-tag>
-			</div>
-			<h4>Primary - subtle</h4>
-			<div class="container-view">
-				<gov-tag color="primary" size="xs" type="subtle">
-					Tag
-				</gov-tag>
-				<gov-tag color="primary" size="s" type="subtle">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="primary" size="m" type="subtle">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-tag>
-			</div>
-			<br>
+            <h1>Tags</h1>
+            <h4>Primary - bold</h4>
+            <div class="container-view">
+                <gov-tag color="primary" size="xs" type="bold">
+                    Tag
+                </gov-tag>
+                <gov-tag color="primary" size="xs" type="bold" icon-start="basic/star-fill">
+                    Tag
+                </gov-tag>
+                <gov-tag color="primary" size="xs" type="bold" icon-end="basic/star-fill">
+                    Tag
+                </gov-tag>
+                <gov-tag color="primary" size="xs" type="bold" icon-start="basic/star-fill" icon-end="basic/star-fill">
+                    Tag
+                </gov-tag>
+                <gov-tag color="primary" size="s" type="bold" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="primary" size="m" type="bold" icon-start="basic/star-fill" icon-end="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <h4>Primary - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="primary" size="xs" type="subtle">
+                    Tag
+                </gov-tag>
+                <gov-tag color="primary" size="s" type="subtle" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="primary" size="m" type="subtle" icon-start="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <br>
 
-			<h4>Secondary - bold</h4>
-			<div class="container-view">
-				<gov-tag color="secondary" type="bold" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="secondary" type="bold" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small secondary
-				</gov-tag>
-				<gov-tag color="secondary" type="bold" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal secondary
-				</gov-tag>
-			</div>
-			<h4>Secondary - subtle</h4>
-			<div class="container-view">
-				<gov-tag color="secondary" type="subtle" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="secondary" type="subtle" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="secondary" type="subtle" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-tag>
-			</div>
-			<br>
+            <h4>Secondary - bold</h4>
+            <div class="container-view">
+                <gov-tag color="secondary" type="bold" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="secondary" type="bold" size="s" icon-start="basic/star-fill">
+                    Small secondary
+                </gov-tag>
+                <gov-tag color="secondary" type="bold" size="m" icon-start="basic/star-fill">
+                    Normal secondary
+                </gov-tag>
+            </div>
+            <h4>Secondary - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="secondary" type="subtle" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="secondary" type="subtle" size="s" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="secondary" type="subtle" size="m" icon-start="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <br>
 
-			<h4>Success - bold</h4>
-			<div class="container-view">
-				<gov-tag color="success" type="bold" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="success" type="bold" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small success
-				</gov-tag>
-				<gov-tag color="success" type="bold" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal success
-				</gov-tag>
-			</div>
-			<h4>Success - subtle</h4>
-			<div class="container-view">
-				<gov-tag color="success" type="subtle" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="success" type="subtle" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="success" type="subtle" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-tag>
-			</div>
-			<br>
+            <h4>Success - bold</h4>
+            <div class="container-view">
+                <gov-tag color="success" type="bold" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="success" type="bold" size="s" icon-start="basic/star-fill">
+                    Small success
+                </gov-tag>
+                <gov-tag color="success" type="bold" size="m" icon-start="basic/star-fill">
+                    Normal success
+                </gov-tag>
+            </div>
+            <h4>Success - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="success" type="subtle" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="success" type="subtle" size="s" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="success" type="subtle" size="m" icon-start="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <br>
 
-			<h4>Warning - bold</h4>
-			<div class="container-view">
-				<gov-tag color="warning" type="bold" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="warning" type="bold" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small warning
-				</gov-tag>
-				<gov-tag color="warning" type="bold" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal warning
-				</gov-tag>
-			</div>
-			<h4>Warning - subtle</h4>
-			<div class="container-view">
-				<gov-tag color="warning" type="subtle" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="warning" type="subtle" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="warning" type="subtle" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-tag>
-			</div>
-			<br>
+            <h4>Warning - bold</h4>
+            <div class="container-view">
+                <gov-tag color="warning" type="bold" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="warning" type="bold" size="s" icon-start="basic/star-fill">
+                    Small warning
+                </gov-tag>
+                <gov-tag color="warning" type="bold" size="m" icon-start="basic/star-fill">
+                    Normal warning
+                </gov-tag>
+            </div>
+            <h4>Warning - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="warning" type="subtle" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="warning" type="subtle" size="s" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="warning" type="subtle" size="m" icon-start="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <br>
 
-			<h4>Error - bold</h4>
-			<div class="container-view">
-				<gov-tag color="error" type="bold" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="error" type="bold" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small error
-				</gov-tag>
-				<gov-tag color="error" type="bold" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal error
-				</gov-tag>
-			</div>
-			<h4>Error - subtle</h4>
-			<div class="container-view">
-				<gov-tag color="error" type="subtle" size="xs">
-					Tag
-				</gov-tag>
-				<gov-tag color="error" type="subtle" size="s">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-tag>
-				<gov-tag color="error" type="subtle" size="m">
-					<gov-icon slot="left-icon" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-tag>
-			</div>
-		`;
+            <h4>Error - bold</h4>
+            <div class="container-view">
+                <gov-tag color="error" type="bold" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="error" type="bold" size="s" icon-start="basic/star-fill">
+                    Small error
+                </gov-tag>
+                <gov-tag color="error" type="bold" size="m" icon-start="basic/star-fill">
+                    Normal error
+                </gov-tag>
+            </div>
+            <h4>Error - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="error" type="subtle" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="error" type="subtle" size="s" icon-start="basic/star-fill">
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="error" type="subtle" size="m" icon-start="basic/star-fill">
+                    Normal Primary
+                </gov-tag>
+            </div>
+        `;
     }
 }
 if (customElements.get('tag-page') === undefined) {

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../../src/pages/Tag.ts"],"names":[],"mappings":"AAAA,MAAM,OAAQ,SAAQ,WAAW;IAChC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoKhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;AAC3C,CAAC","sourcesContent":["class TagPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Tags</h1>\n\t\t\t<h4>Primary - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"s\" type=\"bold\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"m\" type=\"bold\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Primary - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"subtle\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"s\" type=\"subtle\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"m\" type=\"subtle\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Secondary - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"secondary\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"bold\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"bold\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Secondary - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"secondary\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"subtle\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"subtle\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Success - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"success\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"bold\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"bold\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Success - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"success\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"subtle\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"subtle\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Warning - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"warning\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"bold\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"bold\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Warning - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"warning\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"subtle\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"subtle\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Error - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"error\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"bold\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"bold\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Error - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"error\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"subtle\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"subtle\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('tag-page') === undefined) {\n\tcustomElements.define('tag-page', TagPage)\n}\n"]}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../../src/pages/Tag.ts"],"names":[],"mappings":"AAAA,MAAM,OAAQ,SAAQ,WAAW;IAC7B,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2IhB,CAAA;IACL,CAAC;CACJ;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;AAC9C,CAAC","sourcesContent":["class TagPage extends HTMLElement {\n    connectedCallback() {\n        this.innerHTML = `\n            <h1>Tags</h1>\n            <h4>Primary - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\" icon-start=\"basic/star-fill\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\" icon-end=\"basic/star-fill\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\" icon-start=\"basic/star-fill\" icon-end=\"basic/star-fill\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"s\" type=\"bold\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"m\" type=\"bold\" icon-start=\"basic/star-fill\" icon-end=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <h4>Primary - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"primary\" size=\"xs\" type=\"subtle\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"s\" type=\"subtle\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"m\" type=\"subtle\" icon-start=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Secondary - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small secondary\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal secondary\n                </gov-tag>\n            </div>\n            <h4>Secondary - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Success - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"success\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"bold\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small success\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"bold\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal success\n                </gov-tag>\n            </div>\n            <h4>Success - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"success\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"subtle\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"subtle\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Warning - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"warning\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"bold\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small warning\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"bold\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal warning\n                </gov-tag>\n            </div>\n            <h4>Warning - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Error - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"error\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"bold\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small error\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"bold\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal error\n                </gov-tag>\n            </div>\n            <h4>Error - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"error\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"subtle\" size=\"s\" icon-start=\"basic/star-fill\">\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"subtle\" size=\"m\" icon-start=\"basic/star-fill\">\n                    Normal Primary\n                </gov-tag>\n            </div>\n        `\n    }\n}\n\nif (customElements.get('tag-page') === undefined) {\n    customElements.define('tag-page', TagPage)\n}\n"]}

package/dist/collection/pages/ToastMessage.js

@@ -12,28 +12,28 @@ class ToastMessagePage extends HTMLElement {
 		</gov-toast>
 		<br>
 		<gov-toast color="error" type="subtle" gravity="bottom" position="left">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Není možné požadavek zpracovat z důvodu chyby serveru.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="warning" type="subtle" position="left">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="primary" type="subtle" position="center">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Soubory jsou připraveny ke stažení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="neutral" type="subtle" gravity="bottom" position="right">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Vaše aplikace byla aktualizovaná na novou verzi!
 			</p>

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

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessage.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;AAC9D,CAAC","sourcesContent":["class ToastMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"subtle\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"subtle\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"subtle\" position=\"center\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"subtle\" gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-page') === undefined) {\n\tcustomElements.define('toast-message-page', ToastMessagePage)\n}\n"]}
+{"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessage.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;AAC9D,CAAC","sourcesContent":["class ToastMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"subtle\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"subtle\" position=\"left\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"subtle\" position=\"center\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"subtle\" gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-page') === undefined) {\n\tcustomElements.define('toast-message-page', ToastMessagePage)\n}\n"]}

package/dist/collection/pages/ToastMessageCountdown.js

@@ -12,28 +12,28 @@ class ToastMessageCountdownPage extends HTMLElement {
 		</gov-toast>
 		<br>
 		<gov-toast color="error" type="bold" gravity="bottom" position="left" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Není možné požadavek zpracovat z důvodu chyby serveru.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="warning" type="bold" position="left" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="primary" type="bold" position="center" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Soubory jsou připraveny ke stažení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="neutral" type="bold" gravity="bottom" position="right" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Vaše aplikace byla aktualizovaná na novou verzi!
 			</p>

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

@@ -1 +1 @@
-{"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;IAClD,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE,CAAC;IACtE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;AACjF,CAAC","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"bold\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"bold\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"bold\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"bold\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"bold\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}
+{"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;IAClD,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE,CAAC;IACtE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;AACjF,CAAC","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"bold\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"bold\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"bold\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"bold\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"bold\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}

package/dist/collection/pages/Tooltip.js

@@ -14,7 +14,7 @@ class TooltipPage extends HTMLElement {
 					<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"></gov-icon>
+							<gov-icon name="info-circle-fill"></gov-icon>
 							<gov-tooltip-content>
 								<ul>
 									<li>Toggler div, h1, h2 rozbije celou komponentu. </li>
@@ -31,7 +31,7 @@ class TooltipPage extends HTMLElement {
 							<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"></gov-icon></span>
+					<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>

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqJjB,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\"></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\"></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>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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqJjB,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>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,6 +1,26 @@
 class TypographyPage extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
+			<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="m">
+				<gov-icon slot="icon-start" name="bookmarks"></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"></gov-icon>
+			</gov-link><br>
+			<gov-link href="#" size="m">
+				<gov-icon slot="icon-start" name="caret-right-fill"></gov-icon>
+				Se dvěma ikonami
+				<gov-icon slot="icon-end" name="telephone"></gov-icon>
+			</gov-link><br>
+			<gov-link href="#" target="_blank" external size="s">Externí</gov-link>
+			<br><br>
 			<p>
 				<a class="gov-text--xs" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
 				<a class="gov-text--s" href="#copy" target="_blank">paragraph with no more than four lines</a><br>

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEhB,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>\n\t\t\t\t<a class=\"gov-text--xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--2xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--3xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--4xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--5xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--6xl\" 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</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<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</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<h6 class=\"gov-text--6xl\">Heading 1 Heading 1 Heading 1</h6>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>\n\t\t\t\tBody 1/400<br />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\n\t\t\t</p>\n\t\t\t<h4 class=\"gov-text--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>\n\t\t\t\tBody 2/400<br />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</p>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 3/400<br />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.\n\t\t\t</p>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>\n\t\t\t\tBold - Body 1/700<br />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\n\t\t\t</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>\n\t\t\t\tBold - Body 2/700<br />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</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>\n\t\t\t\tBold - Body 3/700<br />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.\n\t\t\t</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p class=\"text-x-small\">\n\t\t\t\tAssistive<br />This is for explanatory helper text that appears below a field\n\t\t\t</p>\n\t\t\t<ul>\n\t\t\t\t<li>seznam položka seznam položka seznam položka<br />seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFhB,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<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=\"m\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\"></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\"></gov-icon>\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=\"caret-right-fill\"></gov-icon>\n\t\t\t\tSe dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" target=\"_blank\" external size=\"s\">Externí</gov-link>\n\t\t\t<br><br>\n\t\t\t<p>\n\t\t\t\t<a class=\"gov-text--xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--2xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--3xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--4xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--5xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--6xl\" 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</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<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</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<h6 class=\"gov-text--6xl\">Heading 1 Heading 1 Heading 1</h6>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>\n\t\t\t\tBody 1/400<br />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\n\t\t\t</p>\n\t\t\t<h4 class=\"gov-text--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>\n\t\t\t\tBody 2/400<br />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</p>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 3/400<br />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.\n\t\t\t</p>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>\n\t\t\t\tBold - Body 1/700<br />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\n\t\t\t</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>\n\t\t\t\tBold - Body 2/700<br />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</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>\n\t\t\t\tBold - Body 3/700<br />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.\n\t\t\t</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p class=\"text-x-small\">\n\t\t\t\tAssistive<br />This is for explanatory helper text that appears below a field\n\t\t\t</p>\n\t\t\t<ul>\n\t\t\t\t<li>seznam položka seznam položka seznam položka<br />seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n"]}