@gov-design-system-ce/components 4.0.6 → 4.0.8-rc01

package/dist/collection/pages/Chip.js

@@ -4,31 +4,31 @@ class ChipPage extends HTMLElement {
 			<h1>Chips</h1>
 			<h4>Chips close</h4>
 			<div class="container-view">
-				<gov-chip variant="primary" size="s" inverse="">
+				<gov-chip variant="primary" size="s" type="solid" inverse="">
 				Not clickable S
-				<gov-button slot="right" variant="primary" type="base" wcag-label="Zavřít vše" size="s">
+				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="s">
+			<gov-chip variant="primary" size="s" type="solid">
 				Not clickable S
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="m">
+			<gov-chip variant="primary" size="m" type="solid">
 				Not clickable M
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="l">
+			<gov-chip variant="primary" size="l" type="solid">
 				Not clickable L
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="xl">
+			<gov-chip variant="primary" size="xl" type="solid">
 				Not clickable XL
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
@@ -37,25 +37,25 @@ class ChipPage extends HTMLElement {
 			</div>
 			<h4>Chips close (inversed)</h4>
 			<div class="container-view gov-bg--primary-600">
-			<gov-chip variant="primary" size="s" inverse>
+			<gov-chip variant="primary" size="s" type="solid" inverse>
 				Not clickable S
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="m" inverse>
+			<gov-chip variant="primary" size="m" type="solid" inverse>
 				Not clickable M
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="l" inverse>
+			<gov-chip variant="primary" size="l" type="solid" inverse>
 				Not clickable L
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
 				</gov-button>
 			</gov-chip>
-			<gov-chip variant="primary" size="xl" inverse>
+			<gov-chip variant="primary" size="xl" type="solid" inverse>
 				Not clickable XL
 				<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
 					<gov-icon slot="right-icon" name="x-lg"></gov-icon>
@@ -64,60 +64,60 @@ class ChipPage extends HTMLElement {
 			</div>
 			<h4>Chips - primary (default)</h4>
 			<div class="container-view">
-				<gov-chip variant="primary" size="xs">
+				<gov-chip variant="primary" size="xs" type="solid">
 					Chip
 				</gov-chip>
-				<gov-chip variant="primary" size="s">
+				<gov-chip variant="primary" size="s" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" href="http://www.example.com/">
+				<gov-chip variant="primary" type="solid" href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" disabled href="http://www.example.com/" target="_blank">
+				<gov-chip variant="primary" type="solid" disabled href="http://www.example.com/" target="_blank">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" size="l" href="http://www.example.com/">
+				<gov-chip variant="primary" size="l" type="solid" href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" size="xl" disabled>
+				<gov-chip variant="primary" size="xl" type="solid" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large Primary
 				</gov-chip>
 			</div>
 			<h4>Chips - primary (inversed)</h4>
 			<div class="container-view">
-				<gov-chip variant="primary" size="xs" inverse>
+				<gov-chip variant="primary" size="xs" type="solid" inverse>
 					Chip
 				</gov-chip>
-				<gov-chip variant="primary" size="s" inverse>
+				<gov-chip variant="primary" size="s" type="solid" inverse>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" href="http://www.example.com/" inverse>
+				<gov-chip variant="primary" type="solid" href="http://www.example.com/" inverse>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" disabled href="http://www.example.com/" target="_blank" inverse>
+				<gov-chip variant="primary" type="solid" disabled href="http://www.example.com/" target="_blank" inverse>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" size="l" href="http://www.example.com/" inverse>
+				<gov-chip variant="primary" size="l" type="solid" href="http://www.example.com/" inverse>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="primary" size="xl" disabled inverse>
+				<gov-chip variant="primary" size="xl" type="solid" disabled inverse>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large Primary
 				</gov-chip>
@@ -148,33 +148,33 @@ class ChipPage extends HTMLElement {
 
 			<h4>Chips - secondary (default)</h4>
 			<div class="container-view">
-				<gov-chip variant="secondary" size="xs">
+				<gov-chip variant="secondary" size="xs" type="solid">
 					Chip
 				</gov-chip>
-				<gov-chip variant="secondary" size="xs" inverse>
+				<gov-chip variant="secondary" size="xs" type="solid" inverse>
 					Chip
 				</gov-chip>
-				<gov-chip variant="secondary" size="s">
+				<gov-chip variant="secondary" size="s" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip tag="button" variant="secondary">
+				<gov-chip tag="button" variant="secondary" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="secondary" disabled href="http://www.example.com/">
+				<gov-chip variant="secondary" type="solid" disabled href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="secondary" size="l" tag="a">
+				<gov-chip variant="secondary" size="l" type="solid" tag="a">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="secondary" size="xl" disabled>
+				<gov-chip variant="secondary" size="xl" type="solid" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large secondary
 				</gov-chip>
@@ -205,33 +205,33 @@ class ChipPage extends HTMLElement {
 
 			<h4>Chips - success (default)</h4>
 			<div class="container-view">
-				<gov-chip variant="success" size="xs">
+				<gov-chip variant="success" size="xs" type="solid">
 					Chip
 				</gov-chip>
-				<gov-chip variant="success" size="xs" inverse>
+				<gov-chip variant="success" size="xs" type="solid" inverse>
 					Chip
 				</gov-chip>
-				<gov-chip variant="success" size="s">
+				<gov-chip variant="success" size="s" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip tag="button" variant="success">
+				<gov-chip tag="button" variant="success" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="success" disabled href="http://www.example.com/">
+				<gov-chip variant="success" type="solid" disabled href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="success" size="l" tag="a">
+				<gov-chip variant="success" size="l" type="solid" tag="a">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="success" size="xl" disabled>
+				<gov-chip variant="success" size="xl" type="solid" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large success
 				</gov-chip>
@@ -262,33 +262,33 @@ class ChipPage extends HTMLElement {
 
 			<h4>Chips - warning (default)</h4>
 			<div class="container-view">
-				<gov-chip variant="warning" size="xs">
+				<gov-chip variant="warning" size="xs" type="solid">
 					Chip
 				</gov-chip>
-				<gov-chip variant="warning" size="xs" inverse>
+				<gov-chip variant="warning" size="xs" type="solid" inverse>
 					Chip
 				</gov-chip>
-				<gov-chip variant="warning" size="s">
+				<gov-chip variant="warning" size="s" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip tag="button" variant="warning">
+				<gov-chip tag="button" variant="warning" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="warning" disabled href="http://www.example.com/">
+				<gov-chip variant="warning" type="solid" disabled href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="warning" size="l" tag="a">
+				<gov-chip variant="warning" size="l" type="solid" tag="a">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="warning" size="xl" disabled>
+				<gov-chip variant="warning" size="xl" type="solid" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large warning
 				</gov-chip>
@@ -319,33 +319,33 @@ class ChipPage extends HTMLElement {
 
 			<h4>Chips - error (default)</h4>
 			<div class="container-view">
-				<gov-chip variant="error" size="xs">
+				<gov-chip variant="error" size="xs" type="solid">
 					Chip
 				</gov-chip>
-				<gov-chip variant="error" size="xs" inverse>
+				<gov-chip variant="error" size="xs" type="solid" inverse>
 					Chip
 				</gov-chip>
-				<gov-chip variant="error" size="s">
+				<gov-chip variant="error" size="s" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Not clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip tag="button" variant="error">
+				<gov-chip tag="button" variant="error" type="solid">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Normal href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="error" disabled href="http://www.example.com/">
+				<gov-chip variant="error" type="solid" disabled href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Disabled with href
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="error" size="l" href="http://www.example.com/">
+				<gov-chip variant="error" size="l" type="solid" href="http://www.example.com/">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						Clickable
 					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-chip>
-				<gov-chip variant="error" size="xl" disabled>
+				<gov-chip variant="error" size="xl" type="solid" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 						X-Large error
 				</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;EACjC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoXhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE;EAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;CAC5C","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 variant=\"primary\" size=\"s\" inverse=\"\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"base\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"s\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\">\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\">\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\">\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips close (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t<gov-chip variant=\"primary\" size=\"s\" inverse>\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\" inverse>\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\" inverse>\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\" inverse>\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" disabled href=\"http://www.example.com/\" target=\"_blank\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" disabled inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"secondary\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"success\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"success\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"success\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"warning\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"error\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"l\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"error\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\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;EACjC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoXhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE;EAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;CAC5C","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 variant=\"primary\" size=\"s\" type=\"solid\" inverse=\"\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\" type=\"solid\">\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips close (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t<gov-chip variant=\"primary\" size=\"s\" type=\"solid\" inverse>\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\" type=\"solid\" inverse>\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\" type=\"solid\" inverse>\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\" type=\"solid\" inverse>\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" type=\"solid\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" type=\"solid\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" type=\"solid\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" type=\"solid\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\" type=\"solid\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" type=\"solid\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" type=\"solid\" disabled href=\"http://www.example.com/\" target=\"_blank\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" type=\"solid\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" type=\"solid\" disabled inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"secondary\" size=\"xs\" type=\"solid\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"secondary\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" type=\"solid\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"l\" type=\"solid\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"success\" size=\"xs\" type=\"solid\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"success\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" type=\"solid\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"l\" type=\"solid\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"success\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"warning\" size=\"xs\" type=\"solid\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"warning\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" type=\"solid\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"l\" type=\"solid\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"error\" size=\"xs\" type=\"solid\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"error\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" type=\"solid\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"l\" type=\"solid\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"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 variant=\"error\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\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/Forms.js

@@ -48,8 +48,7 @@ class FormsPage extends HTMLElement {
           });
         }
         if (da) {
-          console.log(da);
-          da.addEventListener('gov-add-file', function (e) {
+          da.addEventListener('gov-files', function (e) {
             console.log(e.detail);
           });
         }
@@ -77,12 +76,12 @@ class FormsPage extends HTMLElement {
               const cta = document.createElement('button');
               cta.innerHTML = item.name;
               cta.addEventListener('click', () => {
-                ms.setSelectedOptions([{ value: 'a', name: 'Aneta' }]);
+                ms.options = [{ value: 'a', name: 'Aneta' }];
               });
               selectedList.appendChild(cta);
             });
           });
-          ms.setOptions([{ value: 'a', name: 'Aneta' }, { value: 'b', name: 'Beata' }, { value: 't', name: 'Tomáš' }]);
+          // ms.setOptions([{value: 'a', name: 'Aneta'}, {value: 'b', name: 'Beata'}, {value: 't', name: 'Tomáš'}])
           setTimeout(() => {
             //ms.setSelectedOption({value: 'a', name: 'Aneta'})
             //ms.setSelectedOptions([{value: 'a', name: 'Aneta'}])
@@ -91,26 +90,37 @@ class FormsPage extends HTMLElement {
           }, 5000);
         }
         if (moja) {
-          moja.setOptions([{ value: 'd', label: 'Value D' }, { value: 'e', label: 'Value E' }, {
+          moja.addEventListener('gov-change', console.log);
+          moja.options = [{ value: 'd', label: 'Value D' }, { value: 'e', label: 'Value E' }, {
               value: 'f',
               label: 'Value F',
               disabled: true
-            }]);
+            }];
           setTimeout(() => {
             moja.value = 'h';
-            moja.setOptions([{ value: 'g', label: 'Value G' }, { value: 'h', label: 'Value H' }, {
+            moja.options = [{ value: 'g', label: 'Value G' }, { value: 'h', label: 'Value H' }, {
                 value: 'i',
                 label: 'Value I',
-              }]);
+              }];
           }, 2000);
         }
+        const mojeId = document.getElementById('moje-id');
+        const input = document.createElement('gov-form-input');
+        input.setAttribute('size', 'l');
+        input.setAttribute('placeholder', 'Co hledáte HYDRATED?');
+        input.addEventListener('gov-hydrated', () => {
+          console.log('hydrated');
+        });
+        mojeId.prepend(input);
       }, 1000);
     })();
     this.innerHTML = `
 
 
 <div id="selected" style="border: 1px solid blue"></div>
-	<gov-form-control>
+<div id="moje-id"></div>
+
+			<gov-form-control>
 				<gov-form-label size="m" slot="top">Multiselect</gov-form-label>
 				<gov-form-group>
 					<gov-form-multi-select name="test-me" size="xl" id="poleno">
@@ -119,7 +129,7 @@ class FormsPage extends HTMLElement {
 			</gov-form-control>
 
 			<gov-form-control>
-				<gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
+				<gov-form-label size="m" slot="top">Souhlasím A je to?</gov-form-label>
 				<gov-form-group>
 					<gov-form-select  value="e" name="test-me" size="xl" id="moja">
 					</gov-form-select>
@@ -221,8 +231,8 @@ class FormsPage extends HTMLElement {
 			<gov-form-control>
 				<gov-form-group>
 					<gov-form-search name="test-me-c" value="me" variant="secondary">
-						<gov-form-input slot="input" id="kapr" name="test-me" size="m" placeholder="Co hledáte"></gov-form-input>
-						<gov-button slot="button" variant="primary" size="s">
+						<gov-form-input slot="input" id="kapr" name="test-me" size="m" variant="secondary" placeholder="Co hledáte"></gov-form-input>
+						<gov-button slot="button" variant="primary" size="m" type="solid">
 							<gov-icon slot="left-icon" name="search"></gov-icon>
 						</gov-button>
 					</gov-form-search>
@@ -232,8 +242,8 @@ class FormsPage extends HTMLElement {
 			<gov-form-control>
 				<gov-form-group>
 					<gov-form-search name="test-me-c" value="me" variant="primary">
-						<gov-form-input slot="input" id="kapr" name="test-me" size="l" placeholder="Co hledáte"></gov-form-input>
-						<gov-button slot="button" variant="primary" size="m">
+						<gov-form-input slot="input" id="kapr" name="test-me" size="l" variant="secondary" placeholder="Co hledáte"></gov-form-input>
+						<gov-button slot="button" variant="primary" size="l" type="solid">
 							Hledat
 						</gov-button>
 					</gov-form-search>
@@ -243,8 +253,8 @@ class FormsPage extends HTMLElement {
 			<gov-form-control>
 				<gov-form-group>
 					<gov-form-search name="test-me-c" value="me"checked variant="secondary">
-						<gov-form-input slot="input" id="kapr" size="xl" name="test-me" placeholder="Co hledáte"></gov-form-input>
-						<gov-button slot="button" variant="secondary" size="l">
+						<gov-form-input slot="input" id="kapr" size="xl" variant="secondary" name="test-me" placeholder="Co hledáte"></gov-form-input>
+						<gov-button slot="button" variant="secondary" size="xl" type="solid">
 							Hledat
 						</gov-button>
 					</gov-form-search>
@@ -261,7 +271,7 @@ class FormsPage extends HTMLElement {
 				<gov-form-control>
 					<gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
 					<gov-form-group>
-						<gov-form-file id="test-me-ujo" multiple accept=".pdf,.jpg,.png,.jpeg" max-file-size="616448">
+						<gov-form-file id="test-me-ujo" display-attachments="false" multiple accept=".pdf,.jpg,.png,.jpeg" max-file-size="616448">
 							<p>
 								<gov-button variant="primary" type="outlined" tabindex="-1">
 									Nahrát soubor ze zařízení