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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/pages/Button.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAi6ChB,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 ButtonPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h3>Buttons</h3>\n\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" >\n\t\t\t\tTest Více\n\t\t\t</gov-button>\n\n\t\t\t<h4>Dropdown</h4>\n\n\t\t\t<gov-layout>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<div class=\"container-view\">\n\t\t\t\t\t\t<gov-dropdown>\n\t\t\t\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t\t\t\tVíce\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t<ul slot=\"list\" role=\"menu\">\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další dlouhá nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</gov-dropdown>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<div class=\"container-view\">\n\t\t\t\t\t\t<gov-dropdown position=\"right\">\n\t\t\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t\t\t\tVíce\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t<ul slot=\"list\" role=\"menu\">\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další dlouhá nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\n\t\t\t\t\t\t\t\t\t\tA další\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</gov-dropdown>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\n\t\t\t<h4>Primary - solid</h4>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"1\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\" loading=\"true\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"xl\" type=\"solid\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"xl\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Primary - solid - expanded</h4>\n\t\t\t<div class=\"container-view\" style=\"display: flex; gap: 8px;\">\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"1\">\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"true\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"false\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\tExpanded\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<br>\n\t\t\t<h4>Primary - solid - expanded mobile</h4>\n\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded-mobile=\"true\" loading=\"false\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\tExpanded\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<br>\n\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded-mobile=\"true\" loading=\"true\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\tExpanded\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t</gov-button>\n\n\t\t\t<h4>Primary - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Primary - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Primary - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"l\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"l\" href=\"http://localhost:3333/button\" loading=\"1\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"m\" href=\"http://localhost:3333/button\" loading=\"0\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"m\" href=\"http://localhost:3333/button\" loading=\"true\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Neutral - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Neutral - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Neutral - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Neutral - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Neutral\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Secondary - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Secondary - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Secondary - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Secondary - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small Secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Warning - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Warning - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Warning - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Warning - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Success - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Success - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Success - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Success - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Error - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"solid\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Error - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Error - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Error - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Small error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"icon-end\" name=\"search\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('button-page') === undefined) {\n\tcustomElements.define('button-page', ButtonPage)\n}\n"]}

package/dist/collection/pages/Card.js

@@ -1,78 +0,0 @@
-class CardPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-
-		<gov-container style="max-width: 800px;">
-			<h2>Card</h2>
-
-			<h3>Vertical</h3>
-			<div style="max-width: 350px;">
-				<gov-card>
-					<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="350" height="234">
-					<p><b>Commodo consequat.</b></p>
-					<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href="#">tellus@quis.id</a>.</p>
-					<gov-button color="primary" size="s" type="solid" href="http://localhost:3333/button">
-						Jak založit
-					</gov-button>
-					<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
-						Zjistit více
-					</gov-button>
-				</gov-card>
-				<br>
-				<gov-card href="http://localhost:3333/button">
-					<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="350" height="234">
-					<p><b>Commodo consequat.</b></p>
-					<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href="#">tellus@quis.id</a>.</p>
-				</gov-card>
-			</div>
-			<br>
-			<gov-card href="http://localhost:3333/button">
-				<gov-icon slot="icon" name="car" type="complex" color="primary"></gov-icon>
-				<h4>Href - Fusce tellus odio, dapibus id fermentum quis</h4>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-			</gov-card>
-			<br>
-			<gov-card onclick="alert('Card clicked!')" clickable>
-				<gov-icon slot="icon" name="car" type="complex" color="primary"></gov-icon>
-				<h4>Onclick - Fusce tellus odio, dapibus id fermentum quis</h4>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-			</gov-card>
-			<br />
-			<gov-card  href="http://localhost:3333/button" collapsible>
-				<h3 slot="headline">Fusce tellus odio, dapibus id fermentum quis</h3>
-				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>
-				<gov-button color="primary" size="s" type="solid" href="http://localhost:3333/button">
-					Button
-				</gov-button>
-				<p slot="footer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>
-			</gov-card>
-			<br>
-			<h3>Horizontal</h3>
-			<gov-card direction="horizontal" href="http://localhost:3333/button">
-				<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="235" height="144">
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-			</gov-card>
-			<br>
-			<gov-card direction="horizontal">
-				<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="235" height="144">
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-				<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
-					Learn more
-				</gov-button>
-			</gov-card>
-			<br>
-			<gov-card direction="horizontal">
-				<gov-icon slot="icon" name="car" type="complex"></gov-icon>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-				<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
-					Learn more
-				</gov-button>
-			</gov-card>
-		</gov-container>
-		`;
-    }
-}
-if (customElements.get('card-page') === undefined) {
-    customElements.define('card-page', CardPage);
-}
-//# sourceMappingURL=Card.js.map

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

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

package/dist/collection/pages/Chip.js

@@ -1,265 +0,0 @@
-class ChipPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-			<h1>Chips</h1>
-			<h4>Chips close</h4>
-			<div class="container-view">
-				<gov-chip color="primary" size="xs" type="solid">
-				<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-				Not clickable XS
-				<gov-button slot="right" color="primary" type="solid" accessible-label="Zavřít vše" size="xs">
-					<gov-icon slot="icon-end" name="x-lg"></gov-icon>
-				</gov-button>
-			</gov-chip>
-			<gov-chip color="primary" size="s" type="solid">
-				Not clickable S
-				<gov-button slot="right" color="primary" type="solid" accessible-label="Zavřít vše" size="s">
-					<gov-icon slot="icon-end" name="x-lg"></gov-icon>
-				</gov-button>
-			</gov-chip>
-			<gov-chip color="primary" size="m" type="solid">
-				<gov-button slot="left" color="primary" type="solid" accessible-label="Zavřít vše" size="m">
-					<gov-icon slot="icon-end" name="x-lg"></gov-icon>
-				</gov-button>
-				Not clickable M
-			</gov-chip>
-			</div>
-			<h4>Primary</h4>
-			<div class="container-view">
-				<gov-chip color="primary" size="xs" type="solid" focusable="false">
-					Chip
-				</gov-chip>
-				<gov-chip color="primary" size="s" type="solid" focusable="false">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="primary" size="s" type="solid">
-					Not clickable
-				</gov-chip>
-				<gov-chip color="primary" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="primary" type="solid" size="m" disabled href="http://www.example.com/" target="_blank">
-					Disabled with href
-				</gov-chip>
-				<gov-chip color="primary" type="solid" size="m" disabled>
-					Disabled
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="primary" type="outlined" size="xs" focusable="false">
-					Chip
-				</gov-chip>
-				<gov-chip color="primary" tag="a" type="outlined" size="s" focusable="false">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small Primary
-				</gov-chip>
-				<gov-chip color="primary" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal Primary
-				</gov-chip>
-			</div>
-			<br>
-
-			<h4>Secondary</h4>
-			<div class="container-view">
-				<gov-chip color="secondary" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="secondary" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="secondary" size="s" type="solid">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip tag="button" color="secondary" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="secondary" type="solid" size="m" disabled href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Disabled with href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="secondary" tag="a" type="outlined" size="xs">
-					Chip
-				</gov-chip>
-				<gov-chip color="secondary" tag="a" type="outlined" size="s">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small secondary
-				</gov-chip>
-				<gov-chip color="secondary" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal secondary
-				</gov-chip>
-			</div>
-			<br>
-
-			<h4>Neutral</h4>
-			<div class="container-view">
-				<gov-chip color="neutral" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="neutral" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="neutral" size="s" type="solid">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip tag="button" color="neutral" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="neutral" type="solid" size="m" disabled href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Disabled with href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="neutral" tag="a" type="outlined" size="xs">
-					Chip
-				</gov-chip>
-				<gov-chip color="neutral" tag="a" type="outlined" size="s">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small neutral
-				</gov-chip>
-				<gov-chip color="neutral" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal neutral
-				</gov-chip>
-			</div>
-			<br>
-
-			<h4>Error</h4>
-			<div class="container-view">
-				<gov-chip color="error" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="error" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="error" size="s" type="solid">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip tag="button" color="error" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="error" type="solid" size="m" disabled href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Disabled with href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="error" tag="a" type="outlined" size="xs">
-					Chip
-				</gov-chip>
-				<gov-chip color="error" tag="a" type="outlined" size="s">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small error
-				</gov-chip>
-				<gov-chip color="error" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal error
-				</gov-chip>
-			</div>
-
-			<h4>Success</h4>
-			<div class="container-view">
-				<gov-chip color="success" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="success" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="success" size="s" type="solid">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip tag="button" color="success" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="success" type="solid" size="m" disabled href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Disabled with href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="success" tag="a" type="outlined" size="xs">
-					Chip
-				</gov-chip>
-				<gov-chip color="success" tag="a" type="outlined" size="s">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small success
-				</gov-chip>
-				<gov-chip color="success" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal success
-				</gov-chip>
-			</div>
-			<br>
-
-			<h4>Warning</h4>
-			<div class="container-view">
-				<gov-chip color="warning" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="warning" size="xs" type="solid">
-					Chip
-				</gov-chip>
-				<gov-chip color="warning" size="s" type="solid">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Not clickable
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip tag="button" color="warning" type="solid" size="m" href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Normal href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-				<gov-chip color="warning" type="solid" size="m" disabled href="http://www.example.com/">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-						Disabled with href
-					<gov-icon slot="icon-end" name="star-fill"></gov-icon>
-				</gov-chip>
-			</div>
-			<div class="container-view">
-				<gov-chip color="warning" tag="a" type="outlined" size="xs">
-					Chip
-				</gov-chip>
-				<gov-chip color="warning" tag="a" type="outlined" size="s">
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Small warning
-				</gov-chip>
-				<gov-chip color="warning" tag="button" type="outlined" size="m" disabled>
-					<gov-icon slot="icon-start" name="star-fill"></gov-icon>
-					Normal warning
-				</gov-chip>
-			</div>
-		`;
-    }
-}
-if (customElements.get('chip-page') === undefined) {
-    customElements.define('chip-page', ChipPage);
-}
-//# sourceMappingURL=Chip.js.map