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

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/pages/Grid.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmFf,CAAA;IACH,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 GridPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tGrid\n\t\t</h2>\n\t\t<style>\n\t\t\t.gov-grid-item span {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: lightgray;\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\t\t</style>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"1/12\"><span>1/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"11/12\"><span>11/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"2/12\"><span>2/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"10/12\"><span>10/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"3/12\"><span>3/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"9/12\"><span>9/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>4/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"8/12\"><span>8/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"5/12\"><span>5/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"7/12\"><span>7/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Responsive grid</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 1</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 2</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 3</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 4</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 5</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 6</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Horizontal (X) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"middle\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"bottom\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\n\t\t<h2>Vertical (Y) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"center\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"right\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('grid-page') === undefined) {\n\tcustomElements.define('grid-page', GridPage)\n}\n"]}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/pages/Grid.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmFf,CAAA;IACH,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 GridPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tGrid\n\t\t</h2>\n\t\t<style>\n\t\t\t.gov-grid-item span {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: var(--background-neutral-subtle);\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\t\t</style>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"1/12\"><span>1/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"11/12\"><span>11/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"2/12\"><span>2/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"10/12\"><span>10/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"3/12\"><span>3/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"9/12\"><span>9/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>4/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"8/12\"><span>8/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"5/12\"><span>5/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"7/12\"><span>7/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Responsive grid</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 1</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 2</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 3</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 4</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 5</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 6</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Horizontal (X) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"middle\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"bottom\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\n\t\t<h2>Vertical (Y) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"center\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"right\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('grid-page') === undefined) {\n\tcustomElements.define('grid-page', GridPage)\n}\n"]}

package/dist/collection/pages/Icon.js

@@ -2,6 +2,16 @@ class IconPage extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
 			<h1>Icons</h1>
+			<h4>Sizes</h4>
+			<gov-icon name="star-fill" size="xs"></gov-icon> xs<br/>
+			<gov-icon name="star-fill" size="s"></gov-icon> s<br/>
+			<gov-icon name="star-fill" size="m"></gov-icon> m<br/>
+			<gov-icon name="star-fill" size="l"></gov-icon> l<br/>
+			<gov-icon name="star-fill" size="xl"></gov-icon> xl<br/>
+			<gov-icon name="star-fill" size="2xl"></gov-icon> 2xl<br/>
+			<gov-icon name="star-fill" size="3xl"></gov-icon> 3xl<br/>
+			<gov-icon name="star-fill" size="4xl"></gov-icon> 4xl<br/>
+			<gov-icon name="star-fill" size="5xl"></gov-icon> 5xl<br/>
 			<h4>Colors</h4>
 			<gov-icon name="star-fill" color="default"></gov-icon> default<br/>
 			<gov-icon name="star-fill" color="primary"></gov-icon> primary<br/>

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/pages/Icon.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;GAahB,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 IconPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Icons</h1>\n\t\t\t<h4>Colors</h4>\n\t\t\t<gov-icon name=\"star-fill\" color=\"default\"></gov-icon> default<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"primary\"></gov-icon> primary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"secondary\"></gov-icon> secondary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"neutral\"></gov-icon> neutral<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"error\"></gov-icon> error<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"success\"></gov-icon> success<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"warning\"></gov-icon> warning<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"disabled\"></gov-icon> disabled<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"white\"></gov-icon> white<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"black\"></gov-icon> black<br/>\n\t\t`\n\t}\n}\n\nif (customElements.get('icon-page') === undefined) {\n\tcustomElements.define('icon-page', IconPage)\n}\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/pages/Icon.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;GAuBhB,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 IconPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Icons</h1>\n\t\t\t<h4>Sizes</h4>\n\t\t\t<gov-icon name=\"star-fill\" size=\"xs\"></gov-icon> xs<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"s\"></gov-icon> s<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"m\"></gov-icon> m<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"l\"></gov-icon> l<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"xl\"></gov-icon> xl<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"2xl\"></gov-icon> 2xl<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"3xl\"></gov-icon> 3xl<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"4xl\"></gov-icon> 4xl<br/>\n\t\t\t<gov-icon name=\"star-fill\" size=\"5xl\"></gov-icon> 5xl<br/>\n\t\t\t<h4>Colors</h4>\n\t\t\t<gov-icon name=\"star-fill\" color=\"default\"></gov-icon> default<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"primary\"></gov-icon> primary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"secondary\"></gov-icon> secondary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"neutral\"></gov-icon> neutral<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"error\"></gov-icon> error<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"success\"></gov-icon> success<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"warning\"></gov-icon> warning<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"disabled\"></gov-icon> disabled<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"white\"></gov-icon> white<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"black\"></gov-icon> black<br/>\n\t\t`\n\t}\n}\n\nif (customElements.get('icon-page') === undefined) {\n\tcustomElements.define('icon-page', IconPage)\n}\n"]}

package/dist/collection/pages/Infobar.js

@@ -5,35 +5,35 @@ class InfobarPage extends HTMLElement {
 
 		<h3>Bold</h3>
 		<gov-infobar color="primary" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Primary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="neutral" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Neutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="error" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="success" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Success - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="warning" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
@@ -41,35 +41,35 @@ class InfobarPage extends HTMLElement {
 		<br>
 		<h3>Subtle</h3>
 		<gov-infobar color="primary" type="subtle" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Primary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="neutral" type="subtle" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Neutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="error" type="subtle" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="success" type="subtle" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Success - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
 		</gov-infobar>
 		<br>
 		<gov-infobar color="warning" type="subtle" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<p>
 				Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 			</p>
@@ -79,7 +79,7 @@ class InfobarPage extends HTMLElement {
 		<div class="gov-bg--primary-600">
 			<gov-container>
 				<gov-infobar color="primary" type="bold" closable>
-					<gov-icon name="info" slot="icon"></gov-icon>
+					<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 					<p slot="headline">Tohle bude super nadpis pro všechno</p>
 					<p>
 						Primary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
@@ -90,7 +90,7 @@ class InfobarPage extends HTMLElement {
 		<div class="gov-bg--neutral-1000">
 			<gov-container>
 				<gov-infobar color="neutral" type="bold" closable>
-					<gov-icon name="info" slot="icon"></gov-icon>
+					<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 					<p slot="headline">Tohle bude super nadpis pro všechno</p>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
@@ -101,7 +101,7 @@ class InfobarPage extends HTMLElement {
 		<div class="gov-bg--success-600">
 			<gov-container>
 				<gov-infobar color="success" type="bold" closable>
-					<gov-icon name="info" slot="icon"></gov-icon>
+					<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 					<p slot="headline">Tohle bude super nadpis pro všechno</p>
 					<p>
 						Success - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
@@ -112,7 +112,7 @@ class InfobarPage extends HTMLElement {
 		<div class="gov-bg--error-600">
 			<gov-container>
 				<gov-infobar color="error" type="bold" closable>
-					<gov-icon name="info" slot="icon"></gov-icon>
+					<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 					<h3 slot="headline">Tohle bude super nadpis pro všechno</h3>
 					<p>
 						Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
@@ -123,7 +123,7 @@ class InfobarPage extends HTMLElement {
 		<div class="gov-bg--warning-400">
 			<gov-container>
 				<gov-infobar color="warning" type="bold" closable>
-					<gov-icon name="info" slot="icon"></gov-icon>
+					<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 					<h3 slot="headline">Tohle bude super nadpis pro všechno</h3>
 					<p>
 						Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
@@ -133,7 +133,7 @@ class InfobarPage extends HTMLElement {
 		</div>
 		<br/>
 		<gov-infobar color="neutral" type="bold" closable>
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="exclamation-triangle-fill" slot="icon"></gov-icon>
 			<h1 slot="headline">Tohle bude super nadpis pro všechno</h1>
 			<p>
 				Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.

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

@@ -1 +1 @@
-{"version":3,"file":"Infobar.js","sourceRoot":"","sources":["../../../../../src/pages/Infobar.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4IhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class InfobarPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Infobar</h2>\n\n\t\t<h3>Bold</h3>\n\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"error\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"success\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"warning\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<h3>Subtle</h3>\n\t\t<gov-infobar color=\"primary\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"neutral\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"error\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"success\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"warning\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<h2>Expandable</h2>\n\t\t<div class=\"gov-bg--primary-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--neutral-1000\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--success-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"success\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--error-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"error\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--warning-400\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"warning\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<br/>\n\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<h1 slot=\"headline\">Tohle bude super nadpis pro všechno</h1>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t`\n\t}\n}\n\nif (customElements.get('infobar-page') === undefined) {\n\tcustomElements.define('infobar-page', InfobarPage)\n}\n"]}
+{"version":3,"file":"Infobar.js","sourceRoot":"","sources":["../../../../../src/pages/Infobar.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4IhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class InfobarPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Infobar</h2>\n\n\t\t<h3>Bold</h3>\n\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"error\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"success\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"warning\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<h3>Subtle</h3>\n\t\t<gov-infobar color=\"primary\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"neutral\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"error\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"success\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar color=\"warning\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<h2>Expandable</h2>\n\t\t<div class=\"gov-bg--primary-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPrimary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--neutral-1000\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--success-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"success\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSuccess - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--error-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"error\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--warning-400\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"warning\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<br/>\n\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"exclamation-triangle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<h1 slot=\"headline\">Tohle bude super nadpis pro všechno</h1>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t`\n\t}\n}\n\nif (customElements.get('infobar-page') === undefined) {\n\tcustomElements.define('infobar-page', InfobarPage)\n}\n"]}

package/dist/collection/pages/Message.js

@@ -4,73 +4,73 @@ class MessagePage extends HTMLElement {
 		<h2>Content Message</h2>
 		<h3>Bold</h3>
 		<gov-message color="primary" type="bold">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="neutral" type="bold">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="error" type="bold">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="success" type="bold">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="warning" type="bold">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br><br>
 		<h3>Subtle</h3>
 		<gov-message color="primary" type="subtle">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="neutral" type="subtle">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="error" type="subtle">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="success" type="subtle">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 		<br>
 		<gov-message color="warning" type="subtle">
-			<gov-icon name="info" size="l" slot="icon"></gov-icon>
+			<gov-icon name="lightbulb-fill" size="l" slot="icon"></gov-icon>
 			<p>
-				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href="#">zde</a>.
 			</p>
 		</gov-message>
 			`;

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../../src/pages/Message.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyEf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class MessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Content Message</h2>\n\t\t<h3>Bold</h3>\n\t\t<gov-message color=\"primary\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"neutral\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"error\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"success\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"warning\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br><br>\n\t\t<h3>Subtle</h3>\n\t\t<gov-message color=\"primary\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"neutral\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"error\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"warning\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('message-page') === undefined) {\n\tcustomElements.define('message-page', MessagePage)\n}\n"]}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../../src/pages/Message.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyEf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class MessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Content Message</h2>\n\t\t<h3>Bold</h3>\n\t\t<gov-message color=\"primary\" type=\"bold\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"neutral\" type=\"bold\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"error\" type=\"bold\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"success\" type=\"bold\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"warning\" type=\"bold\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br><br>\n\t\t<h3>Subtle</h3>\n\t\t<gov-message color=\"primary\" type=\"subtle\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"neutral\" type=\"subtle\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"error\" type=\"subtle\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message color=\"warning\" type=\"subtle\">\n\t\t\t<gov-icon name=\"lightbulb-fill\" size=\"l\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více lightbulb-fillrmací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('message-page') === undefined) {\n\tcustomElements.define('message-page', MessagePage)\n}\n"]}

package/dist/collection/pages/Spacer.js

@@ -3,7 +3,7 @@ class SpacerPage extends HTMLElement {
         this.innerHTML = `
 			<style>
 			 gov-spacer {
-				background: lightgray;
+				background: var(--background-neutral-subtle);
 				margin-bottom: 10px;
 			 }
 			</style>

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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../../../src/pages/Spacer.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;GAgBhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class SpacerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<style>\n\t\t\t gov-spacer {\n\t\t\t\tbackground: lightgray;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t }\n\t\t\t</style>\n\t\t\t<gov-spacer size=\"2xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"s\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"m\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"l\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"2xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"3xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"4xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t`\n\t}\n}\n\nif (customElements.get('spacer-page') === undefined) {\n\tcustomElements.define('spacer-page', SpacerPage)\n}\n"]}
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../../../src/pages/Spacer.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;GAgBhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class SpacerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<style>\n\t\t\t gov-spacer {\n\t\t\t\tbackground: var(--background-neutral-subtle);\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t }\n\t\t\t</style>\n\t\t\t<gov-spacer size=\"2xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"s\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"m\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"l\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"2xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"3xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"4xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t`\n\t}\n}\n\nif (customElements.get('spacer-page') === undefined) {\n\tcustomElements.define('spacer-page', SpacerPage)\n}\n"]}

package/dist/collection/pages/Stepper.js

@@ -5,27 +5,27 @@ class StepperPage extends HTMLElement {
 			<h3>Velikost S</h3>
 
 			<gov-stepper size="s">
-				<gov-stepper-item color="success" size="s">
+				<gov-stepper-item color="success">
 					<gov-icon slot="prefix" name="check-lg"></gov-icon>
 					<h1 slot="headline">Hotový krok</h1>
 					<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
 				</gov-stepper-item>
-				<gov-stepper-item color="error" size="s">
+				<gov-stepper-item color="error">
 					<gov-icon slot="prefix" name="x-lg"></gov-icon>
 					<h2 slot="headline">Chybový krok</h2>
 				</gov-stepper-item>
-				<gov-stepper-item color="primary" size="s">
+				<gov-stepper-item color="primary">
 					<span slot="prefix">2</span>
 					<h2 slot="headline">Krok s textem, obrázkem</h2>
 					<div slot="content">
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</div>
 				</gov-stepper-item>
-				<gov-stepper-item color="neutral" size="s">
+				<gov-stepper-item color="neutral">
 					<span slot="prefix">3</span>
 					<h2 slot="headline">Budoucí krok</h2>
 				</gov-stepper-item>
-				<gov-stepper-item color="warning" size="s">
+				<gov-stepper-item color="warning">
 					<span slot="prefix">4</span>
 					<h2 slot="headline">Budoucí krok</h2>
 				</gov-stepper-item>
@@ -35,7 +35,7 @@ class StepperPage extends HTMLElement {
 			<h3>Velikost M</h3>
 
 			<gov-stepper size="m">
-				<gov-stepper-item color="success" size="m">
+				<gov-stepper-item color="success">
 					<gov-icon slot="prefix" name="check-lg"></gov-icon>
 					<h3 slot="headline">Hotový krok</h3>
 					<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -43,11 +43,11 @@ class StepperPage extends HTMLElement {
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</div>
 				</gov-stepper-item>
-				<gov-stepper-item color="error" size="m">
+				<gov-stepper-item color="error">
 					<gov-icon slot="prefix" name="x-lg"></gov-icon>
 					<h3 slot="headline">Chybový krok</h3>
 				</gov-stepper-item>
-				<gov-stepper-item color="primary" size="m">
+				<gov-stepper-item color="primary">
 					<span slot="prefix">2</span>
 					<h2 slot="headline">Krok s textem</h2>
 					<span slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>
@@ -55,11 +55,11 @@ class StepperPage extends HTMLElement {
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</div>
 				</gov-stepper-item>
-				<gov-stepper-item color="neutral" size="m">
+				<gov-stepper-item color="neutral">
 					<span slot="prefix">3</span>
 					<h3 slot="headline">Budoucí krok</h3>
 				</gov-stepper-item>
-				<gov-stepper-item color="warning" size="m">
+				<gov-stepper-item color="warning">
 					<span slot="prefix">4</span>
 					<h3 slot="headline">Budoucí krok</h3>
 				</gov-stepper-item>
@@ -69,27 +69,27 @@ class StepperPage extends HTMLElement {
 			<h3>Velikost L</h3>
 
 			<gov-stepper size="l">
-				<gov-stepper-item color="success" size="l">
+				<gov-stepper-item color="success">
 					<gov-icon slot="prefix" name="check-lg"></gov-icon>
 					<h2 slot="headline">Hotový krok</h2>
 					<span class="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>
 				</gov-stepper-item>
-				<gov-stepper-item color="error" size="l">
+				<gov-stepper-item color="error">
 					<gov-icon slot="prefix" name="x-lg"></gov-icon>
 					<h3 slot="headline">Chybový krok</h3>
 				</gov-stepper-item>
-				<gov-stepper-item color="primary" size="l">
+				<gov-stepper-item color="primary">
 					<span slot="prefix">2</span>
 					<h3 slot="headline">Krok s textem, obrázkem</h3>
 					<div slot="content">
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</div>
 				</gov-stepper-item>
-				<gov-stepper-item color="neutral" size="l">
+				<gov-stepper-item color="neutral">
 					<span slot="prefix">3</span>
 					<h3 slot="headline">Budoucí krok</h3>
 				</gov-stepper-item>
-				<gov-stepper-item color="warning" size="l">
+				<gov-stepper-item color="warning">
 					<span slot="prefix">4</span>
 					<h3 slot="headline">Budoucí krok</h3>
 				</gov-stepper-item>

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../../../src/pages/Stepper.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class StepperPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Stepper</h2>\n\t\t\t<h3>Velikost S</h3>\n\n\t\t\t<gov-stepper size=\"s\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h1 slot=\"headline\">Hotový krok</h1>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Chybový krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem, obrázkem</h2>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost M</h3>\n\n\t\t\t<gov-stepper size=\"m\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Hotový krok</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem</h2>\n\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost L</h3>\n\n\t\t\t<gov-stepper size=\"l\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Hotový krok</h2>\n\t\t\t\t\t<span class=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h3 slot=\"headline\">Krok s textem, obrázkem</h3>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\t\t`\n\t}\n}\n\nif (customElements.get('stepper-page') === undefined) {\n\tcustomElements.define('stepper-page', StepperPage)\n}\n"]}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../../../src/pages/Stepper.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class StepperPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Stepper</h2>\n\t\t\t<h3>Velikost S</h3>\n\n\t\t\t<gov-stepper size=\"s\">\n\t\t\t\t<gov-stepper-item color=\"success\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h1 slot=\"headline\">Hotový krok</h1>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Chybový krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem, obrázkem</h2>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost M</h3>\n\n\t\t\t<gov-stepper size=\"m\">\n\t\t\t\t<gov-stepper-item color=\"success\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Hotový krok</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem</h2>\n\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost L</h3>\n\n\t\t\t<gov-stepper size=\"l\">\n\t\t\t\t<gov-stepper-item color=\"success\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Hotový krok</h2>\n\t\t\t\t\t<span class=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h3 slot=\"headline\">Krok s textem, obrázkem</h3>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"neutral\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\t\t`\n\t}\n}\n\nif (customElements.get('stepper-page') === undefined) {\n\tcustomElements.define('stepper-page', StepperPage)\n}\n"]}