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

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/pages/Card.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class CardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t<gov-container style=\"max-width: 800px;\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<h3>Vertical</h3>\n\t\t\t<div style=\"max-width: 350px;\">\n\t\t\t\t<gov-card>\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tJak založit\n\t\t\t\t\t</gov-button>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tZjistit více\n\t\t\t\t\t</gov-button>\n\t\t\t\t</gov-card>\n\t\t\t\t<br>\n\t\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t</gov-card>\n\t\t\t</div>\n\t\t\t<br>\n\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\" color=\"primary\"></gov-icon>\n\t\t\t\t<h4>Fusce tellus odio, dapibus id fermentum quis</h4>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card  href=\"http://localhost:3333/button\" collapsible>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tButton\n\t\t\t\t</gov-button>\n\t\t\t\t<p slot=\"footer\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-card direction=\"horizontal\" href=\"http://localhost:3333/button\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('card-page') === undefined) {\n\tcustomElements.define('card-page', CardPage)\n}\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/pages/Card.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class CardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t<gov-container style=\"max-width: 800px;\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<h3>Vertical</h3>\n\t\t\t<div style=\"max-width: 350px;\">\n\t\t\t\t<gov-card>\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tJak založit\n\t\t\t\t\t</gov-button>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tZjistit více\n\t\t\t\t\t</gov-button>\n\t\t\t\t</gov-card>\n\t\t\t\t<br>\n\t\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t</gov-card>\n\t\t\t</div>\n\t\t\t<br>\n\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\" color=\"primary\"></gov-icon>\n\t\t\t\t<h4>Href - Fusce tellus odio, dapibus id fermentum quis</h4>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card onclick=\"alert('Card clicked!')\" clickable>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\" color=\"primary\"></gov-icon>\n\t\t\t\t<h4>Onclick - Fusce tellus odio, dapibus id fermentum quis</h4>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br />\n\t\t\t<gov-card  href=\"http://localhost:3333/button\" collapsible>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tButton\n\t\t\t\t</gov-button>\n\t\t\t\t<p slot=\"footer\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-card direction=\"horizontal\" href=\"http://localhost:3333/button\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('card-page') === undefined) {\n\tcustomElements.define('card-page', CardPage)\n}\n"]}

package/dist/collection/pages/Chip.js

@@ -4,7 +4,7 @@ class ChipPage extends HTMLElement {
 			<h1>Chips</h1>
 			<h4>Chips close</h4>
 			<div class="container-view">
-				<gov-chip color="primary" size="xs" type="solid" icon-start="basic/star">
+				<gov-chip color="primary" size="xs" type="solid">
 				<gov-icon slot="icon-start" name="star-fill"></gov-icon>
 				Not clickable XS
 				<gov-button slot="right" color="primary" type="solid" accessible-label="Zavřít vše" size="xs">
@@ -26,10 +26,10 @@ class ChipPage extends HTMLElement {
 			</div>
 			<h4>Primary</h4>
 			<div class="container-view">
-				<gov-chip color="primary" size="xs" type="solid" icon-end="basic/star">
+				<gov-chip color="primary" size="xs" type="solid" focusable="false">
 					Chip
 				</gov-chip>
-				<gov-chip color="primary" size="s" type="solid">
+				<gov-chip color="primary" size="s" type="solid" focusable="false">
 					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
 						Not clickable
 					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
@@ -45,12 +45,15 @@ class ChipPage extends HTMLElement {
 				<gov-chip color="primary" type="solid" size="m" disabled href="http://www.example.com/" target="_blank">
 					Disabled with href
 				</gov-chip>
+				<gov-chip color="primary" type="solid" size="m" disabled>
+					Disabled
+				</gov-chip>
 			</div>
 			<div class="container-view">
-				<gov-chip color="primary" type="outlined" size="xs">
+				<gov-chip color="primary" type="outlined" size="xs" focusable="false">
 					Chip
 				</gov-chip>
-				<gov-chip color="primary" tag="a" type="outlined" size="s">
+				<gov-chip color="primary" tag="a" type="outlined" size="s" focusable="false">
 					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
 					Small Primary
 				</gov-chip>

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../../src/pages/Chip.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6PhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class ChipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Chips</h1>\n\t\t\t<h4>Chips close</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" size=\"xs\" type=\"solid\" icon-start=\"basic/star\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\tNot clickable XS\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip color=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t<gov-button slot=\"left\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\tNot clickable M\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Primary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" size=\"xs\" type=\"solid\" icon-end=\"basic/star\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\tNot clickable\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\tDisabled with href\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Secondary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"secondary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Neutral</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"neutral\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall neutral\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Error</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"error\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"error\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\n\t\t\t<h4>Success</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"success\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"success\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Warning</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"warning\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"warning\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('chip-page') === undefined) {\n\tcustomElements.define('chip-page', ChipPage)\n}\n"]}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../../src/pages/Chip.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgQhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class ChipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Chips</h1>\n\t\t\t<h4>Chips close</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\tNot clickable XS\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip color=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t<gov-button slot=\"left\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\tNot clickable M\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Primary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" size=\"xs\" type=\"solid\" focusable=\"false\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\" focusable=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\tNot clickable\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\tDisabled with href\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" disabled>\n\t\t\t\t\tDisabled\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" type=\"outlined\" size=\"xs\" focusable=\"false\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" tag=\"a\" type=\"outlined\" size=\"s\" focusable=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Secondary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"secondary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Neutral</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"neutral\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall neutral\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Error</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"error\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"error\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\n\t\t\t<h4>Success</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"success\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"success\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Warning</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"warning\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"warning\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('chip-page') === undefined) {\n\tcustomElements.define('chip-page', ChipPage)\n}\n"]}

package/dist/collection/pages/Collapsible.js

@@ -0,0 +1,43 @@
+class CollapsiblePage extends HTMLElement {
+    connectedCallback() {
+        this.innerHTML = `
+			<h1>Collapsible</h1>
+			<h2>Open down</h2>
+			<gov-collapsible size="xs" direction="down" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="s" direction="down" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="m" direction="down" open label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="l" direction="down" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="xl" direction="down" disabled label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<h2>Open up</h2>
+			<gov-collapsible size="xs" direction="up" open label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="s" direction="up" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="m" direction="up" disabled label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="l" direction="up" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+			<gov-collapsible size="xl" direction="up" label="Collapsible" aria-label="Collapsible section">
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+			</gov-collapsible>
+		`;
+    }
+}
+if (customElements.get('collapsible-page') === undefined) {
+    customElements.define('collapsible-page', CollapsiblePage);
+}
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/pages/Collapsible.ts"],"names":[],"mappings":"AAAA,MAAM,eAAgB,SAAQ,WAAW;IACxC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkChB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC1D,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAA;AAC3D,CAAC","sourcesContent":["class CollapsiblePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Collapsible</h1>\n\t\t\t<h2>Open down</h2>\n\t\t\t<gov-collapsible size=\"xs\" direction=\"down\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"s\" direction=\"down\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"m\" direction=\"down\" open label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"l\" direction=\"down\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"xl\" direction=\"down\" disabled label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<h2>Open up</h2>\n\t\t\t<gov-collapsible size=\"xs\" direction=\"up\" open label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"s\" direction=\"up\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"m\" direction=\"up\" disabled label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"l\" direction=\"up\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t\t<gov-collapsible size=\"xl\" direction=\"up\" label=\"Collapsible\" aria-label=\"Collapsible section\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n\t\t\t</gov-collapsible>\n\t\t`\n\t}\n}\n\nif (customElements.get('collapsible-page') === undefined) {\n\tcustomElements.define('collapsible-page', CollapsiblePage)\n}\n"]}

package/dist/collection/pages/Empty.js

@@ -4,7 +4,7 @@ class EmptyPage extends HTMLElement {
 		<h2>Empty</h2>
 
 		<gov-container>
-			<gov-empty size="s">
+			<gov-empty align="left" size="s">
 				<gov-icon slot="icon" name="id-card" type="complex"></gov-icon>
 				<p slot="headline">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>
 				<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>

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

@@ -1 +1 @@
-{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../../../src/pages/Empty.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;IAClC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;IACpD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["class EmptyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Empty</h2>\n\n\t\t<gov-container>\n\t\t\t<gov-empty size=\"s\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"id-card\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tPřejít na jinou stránku\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"right\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"envelope\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"m\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"center\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"l\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce informací\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-empty size=\"s\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"id-card\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tPřejít na jinou stránku\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty size=\"m\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"envelope\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"m\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty size=\"l\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"l\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce informací\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('empty-page') === undefined) {\n\tcustomElements.define('empty-page', EmptyPage)\n}\n"]}
+{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../../../src/pages/Empty.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;IAClC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;IACpD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["class EmptyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Empty</h2>\n\n\t\t<gov-container>\n\t\t\t<gov-empty align=\"left\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"id-card\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tPřejít na jinou stránku\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"right\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"envelope\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"m\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"center\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"l\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce informací\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-empty size=\"s\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"id-card\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tPřejít na jinou stránku\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty size=\"m\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"envelope\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"m\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty size=\"l\" direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"l\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce informací\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('empty-page') === undefined) {\n\tcustomElements.define('empty-page', EmptyPage)\n}\n"]}

package/dist/collection/pages/Forms.js

@@ -733,7 +733,7 @@ class FormsPage extends HTMLElement {
 		<gov-form-file size="m" id="test-me-ujo" display-attachments="false" multiple accept=".pdf,.jpg,.png,.jpeg" max-file-size="616448" required="true">
 			<p>
 				<gov-button color="primary" type="outlined" size="m" tabindex="-1">
-					<gov-icon type="basic" name="search"></gov-icon>
+					<gov-icon type="components" name="search"></gov-icon>
 					Nahrát soubor ze zařízení
 				</gov-button>
 			</p>
@@ -749,7 +749,7 @@ class FormsPage extends HTMLElement {
 	<gov-form-group>
 		<gov-form-file name="test-me-c" disabled required="true">
 			<p aria-hidden="true">
-				<gov-button color="primary" type="outlined" size="s" disabled>
+				<gov-button color="primary" type="outlined" size="s" tabindex="-1" disabled>
 					<gov-icon slot="icon-start" name="upload"></gov-icon>
 					Nahrát soubor ze zařízení
 				</gov-button>
@@ -766,15 +766,15 @@ class FormsPage extends HTMLElement {
 	<gov-form-group>
 		<gov-form-file name="test-me-c" invalid required="true">
 			<p>
-				<gov-button color="error" type="outlined" size="m">
+				<gov-button color="error" type="outlined" size="m" tabindex="-1">
 					<gov-icon slot="icon-start" name="upload"></gov-icon>
 					Nahrát soubor ze zařízení
 				</gov-button>
 			</p>
-			<p class="gov-form-file__note">
-				Podporované formáty XML, PDF, DOC
-			</p>
 		</gov-form-file>
+		<p style="margin-top: 6px;">
+			Podporované formáty XML, PDF, DOC
+		</p>
 	</gov-form-group>
 	<gov-form-message slot="bottom" color="error" size="m">
 		<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
@@ -792,7 +792,7 @@ class FormsPage extends HTMLElement {
 				Přetáhněte soubor nebo
 			</p>
 			<p>
-				<gov-button color="primary" type="outlined" size="m">
+				<gov-button color="primary" type="outlined" size="m" tabindex="-1">
 					Nahrát ze zařízení
 				</gov-button>
 			</p>
@@ -811,7 +811,7 @@ class FormsPage extends HTMLElement {
 				Přetáhněte soubor nebo
 			</p>
 			<p>
-				<gov-button disabled color="primary" type="outlined" size="m">
+				<gov-button disabled color="primary" type="outlined" size="m" tabindex="-1">
 					Nahrát ze zařízení
 				</gov-button>
 			</p>
@@ -830,7 +830,7 @@ class FormsPage extends HTMLElement {
 				Přetáhněte soubor nebo
 			</p>
 			<p>
-				<gov-button color="error" type="outlined" size="m">
+				<gov-button color="error" type="outlined" size="m" tabindex="-1">
 					Nahrát ze zařízení
 				</gov-button>
 			</p>
@@ -1975,6 +1975,33 @@ class FormsPage extends HTMLElement {
 	</gov-form-group>
 </gov-form-control>
 
+<h3>Without label</h3>
+<gov-form-control>
+	<gov-form-group>
+		<gov-form-switch name="test-me" value="me" size="xs" checked></gov-form-switch>
+	</gov-form-group>
+</gov-form-control>
+<gov-form-control>
+	<gov-form-group>
+		<gov-form-switch name="test-me" value="me" size="s" checked></gov-form-switch>
+	</gov-form-group>
+</gov-form-control>
+<gov-form-control>
+	<gov-form-group>
+		<gov-form-switch name="test-me" value="me" size="m" checked></gov-form-switch>
+	</gov-form-group>
+</gov-form-control>
+<gov-form-control>
+	<gov-form-group>
+		<gov-form-switch name="test-me" value="me" size="l" checked></gov-form-switch>
+	</gov-form-group>
+</gov-form-control>
+<gov-form-control>
+	<gov-form-group>
+		<gov-form-switch name="test-me" value="me" size="xl" checked></gov-form-switch>
+	</gov-form-group>
+</gov-form-control>
+
 <h3>Disabled</h3>
 <gov-form-control type="switch">
 	<gov-form-group>