npm - @gov-design-system-ce/components - Versions diffs - 0.0.65 → 0.0.67 - Mend

@gov-design-system-ce/components 0.0.65 → 0.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (376) hide show

package/dist/collection/components/gov-toast/gov-toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-toast.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/gov-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAkB,aAAa,EAAoB,MAAM,aAAa,CAAA;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAMnD,MAAM,OAAO,QAAQ;EAKpB;mBAS8C,SAAS;mBAKV,KAAK;oBAIO,OAAO;gBAIvB,SAAS;gBAIlB,CAAC;;;IAzBhC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;GACnC;EAsCD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EACvD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,QAAQ,EAAE,CAAA;EAChB,CAAC;EAED,oBAAoB;IACnB,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EAC3B,CAAC;EAEO,QAAQ;IACf,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;KACzC;IACD,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QAC1C,UAAU,CAAC,GAAG,EAAE;UACf,IAAI,CAAC,OAAO,~~CAAC~~,~~IAAI,~~CAAC,~~IAAI~~,~~CAAC~~,CAAA;~~UACvB~~,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACjC,CAAC,EAAE,GAAG,CAAC,CAAA;MACR,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACb;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,mBAC9C,IAAI,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE;MAE9C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,YAAM,KAAK,EAAE,UAAU,CAAC,IAAI;QAC3B,YAAM,IAAI,EAAC,MAAM,GAAG,CACd,CACP;MAED,WAAK,KAAK,EAAE,UAAU,CAAC,OAAO,eAAY,QAAQ,EAAC,IAAI,EAAC,QAAQ;QAC/D,eAAQ,CACH;MAEN,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK;QAC3B,kBACC,IAAI,EAAC,GAAG,gBACI,IAAI,CAAC,cAAc,EAC/B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAClD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,MAAM,kBACG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAE3C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAU,IAAI,EAAC,MAAM,GAAY,CAC1D,CACR;MAEN,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK,GAAQ,CAC9B,CACP,CAAA;EACF,CAAC;EAEO,cAAc;IACrB,IAAI,CAAC,OAAO,EAAE;OACZ,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;OAC5C,KAAK,EAAE,CAAA;EACV,CAAC;EAED,IAAI,OAAO;IACV,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;EAC7B,CAAC;EAED,IAAI,OAAO;IACV,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA;EACpD,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,OAAO;IACZ,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA;IACzE,IAAI,KAAK,EAAE;MACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;MACtC,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;QACvC,KAAK,CAAC,MAAM,EAAE,CAAA;OACd;KACD;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ToastClass, ToastTypesType, ToastVariants, ToastVariantType } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-toast\",\n\tstyleUrl: \"gov-toast.scss\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/*\n\t Style variation of the toast message.\n\t /\n\t@Prop() readonly variant?: ToastVariantType = \"primary\"\n\n\t/\n\t Toast’s gravity\n\t /\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\n\t/\n\t Toast’s position\n\t /\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\n\t/\n\t Toast type\n\t /\n\t@Prop() readonly type?: ToastTypesType = \"classic\"\n\t/\n\t Number of milliseconds to wait before Toast disappear\n\t /\n\t@Prop() readonly time: number = 0\n\t/\n\t Closing button texting instead of icons\n\t /\n\t@Prop({ attribute: \"close-label\" }) readonly closeLabel: string\n\t/\n\t Aria label for the closing button. It is mandatory if the alert is closable\n\t /\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/\n\t Called when the close button is clicked\n\t /\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<string>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add(\"is-initialized\")\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy.~~bind~~(~~this~~)\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, \"gov-box-shadow--m\"])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ \"--toast-duration\": this.time + \"ms\" }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : \"secondary\"}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === \"solid\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/\n\t Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"]}
1	+ {"version":3,"file":"gov-toast.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/gov-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAkB,aAAa,EAAoB,MAAM,aAAa,CAAA;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAMnD,MAAM,OAAO,QAAQ;EAKpB;mBAS8C,SAAS;mBAKV,KAAK;oBAIO,OAAO;gBAIvB,SAAS;gBAIlB,CAAC;;;IAzBhC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;GACnC;EAsCD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EACvD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,QAAQ,EAAE,CAAA;EAChB,CAAC;EAED,oBAAoB;IACnB,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EAC3B,CAAC;EAEO,QAAQ;IACf,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;KACzC;IACD,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QAC1C,UAAU,CAAC,GAAG,EAAE;UACf,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAA;UACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACjC,CAAC,EAAE,GAAG,CAAC,CAAA;MACR,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACb;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,mBAC9C,IAAI,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE;MAE9C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,YAAM,KAAK,EAAE,UAAU,CAAC,IAAI;QAC3B,YAAM,IAAI,EAAC,MAAM,GAAG,CACd,CACP;MAED,WAAK,KAAK,EAAE,UAAU,CAAC,OAAO,eAAY,QAAQ,EAAC,IAAI,EAAC,QAAQ;QAC/D,eAAQ,CACH;MAEN,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK;QAC3B,kBACC,IAAI,EAAC,GAAG,gBACI,IAAI,CAAC,cAAc,EAC/B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAClD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,MAAM,kBACG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAE3C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAU,IAAI,EAAC,MAAM,GAAY,CAC1D,CACR;MAEN,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK,GAAQ,CAC9B,CACP,CAAA;EACF,CAAC;EAEO,cAAc;IACrB,IAAI,CAAC,OAAO,EAAE;OACZ,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;OAC5C,KAAK,EAAE,CAAA;EACV,CAAC;EAED,IAAI,OAAO;IACV,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;EAC7B,CAAC;EAED,IAAI,OAAO;IACV,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA;EACpD,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,OAAO;IACZ,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA;IACzE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,IAAI,KAAK,EAAE;MACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;MACtC,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;QACvC,KAAK,CAAC,MAAM,EAAE,CAAA;OACd;KACD;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ToastClass, ToastTypesType, ToastVariants, ToastVariantType } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-toast\",\n\tstyleUrl: \"gov-toast.scss\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/*\n\t Style variation of the toast message.\n\t /\n\t@Prop() readonly variant?: ToastVariantType = \"primary\"\n\n\t/\n\t Toast’s gravity\n\t /\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\n\t/\n\t Toast’s position\n\t /\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\n\t/\n\t Toast type\n\t /\n\t@Prop() readonly type?: ToastTypesType = \"classic\"\n\t/\n\t Number of milliseconds to wait before Toast disappear\n\t /\n\t@Prop() readonly time: number = 0\n\t/\n\t Closing button texting instead of icons\n\t /\n\t@Prop({ attribute: \"close-label\" }) readonly closeLabel: string\n\t/\n\t Aria label for the closing button. It is mandatory if the alert is closable\n\t /\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/\n\t Called when the close button is clicked\n\t /\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<string>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add(\"is-initialized\")\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, \"gov-box-shadow--m\"])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ \"--toast-duration\": this.time + \"ms\" }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : \"secondary\"}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === \"solid\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/\n\t Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tconsole.log(toast);\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/gov-tooltip/gov-tooltip.css CHANGED Viewed

@@ -231,13 +231,11 @@
 *   Tooltip
 */
 .gov-tooltip {
-  position: relative;
   display: inline-block;
   border-bottom: 1px dashed currentcolor;
   color: var(--gov-color-primary);
   cursor: help;
 }
 .gov-tooltip[icon=""], .gov-tooltip[icon=true i], .gov-tooltip[icon="1"] {
-  display: inline-flex;
   border-bottom: 0;
 }

package/dist/collection/helpers/Dom/win.js CHANGED Viewed

@@ -4,7 +4,7 @@ const getWindowProperty = (name) => isWindow && window && property(name, window)
 const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,
-    iconsPath: './assets/icons',
+    iconsPath: '/assets/icons',
     iconsLazyLoad: true,
     documentNode: document ? document : null,
   };

package/dist/collection/helpers/Dom/win.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAS5C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,~~gBAAgB~~;~~IAC3B~~,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,GAA6B,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,CAAA;AACnF,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> \| undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}
1	+ {"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAS5C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,GAA6B,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,CAAA;AACnF,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> \| undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}

package/dist/collection/pages/Button.js CHANGED Viewed

@@ -68,6 +68,10 @@ class ButtonPage extends HTMLElement {
 			<h4>Buttons - primary (default)</h4>
+			<gov-button variant="primary" size="s" icon-left="basic/info"  icon-right="basic/info" href="http://localhost:3333/button">
+					Small Primary Icon Param
+				</gov-button>
 			<div class="container-view">
 				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
 					<gov-icon slot="left-icon" name="info"></gov-icon>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/pages/Button.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;EACnC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqzChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;EACpD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;CAChD","sourcesContent":["class ButtonPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Buttons</h1>\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 variant=\"primary\" size=\"s\">\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\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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 variant=\"primary\" size=\"s\">\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\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>Buttons - primary (default)</h4>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br><br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" 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 variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (expanded)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" expanded=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" 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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Buttons - primary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"primary\" 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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" 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<hr />\n\n\t\t\t<h4>Buttons - primary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"primary\" 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 inverse variant=\"primary\" 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<hr />\n\n\t\t\t<h4>Buttons - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" 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 variant=\"secondary\" 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\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - secondary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" 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 variant=\"warning\" 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\t<br>\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - warning (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" 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 variant=\"success\" 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\t<br>\n\t\t\t\t<gov-button variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - success (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" 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 variant=\"error\" 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\t<br>\n\t\t\t\t<gov-button variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t<hr />\n\n\t\t\t<h4>Buttons - error (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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\t<hr />\n\t\t`\n\t}\n}\n\nif (customElements.get('button-page') === undefined) {\n\tcustomElements.define('button-page', ButtonPage)\n}\n"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/pages/Button.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;EACnC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyzChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;EACpD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;CAChD","sourcesContent":["class ButtonPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Buttons</h1>\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 variant=\"primary\" size=\"s\">\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\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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 variant=\"primary\" size=\"s\">\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\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\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=\"right-icon\" name=\"info\"></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>Buttons - primary (default)</h4>\n\n\t\t\t<gov-button variant=\"primary\" size=\"s\" icon-left=\"basic/info\" icon-right=\"basic/info\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tSmall Primary Icon Param\n\t\t\t\t</gov-button>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br><br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" 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 variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (expanded)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" expanded=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" 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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Buttons - primary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"primary\" 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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" 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 variant=\"primary\" 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<hr />\n\n\t\t\t<h4>Buttons - primary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"primary\" 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 inverse variant=\"primary\" 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<hr />\n\n\t\t\t<h4>Buttons - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" 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 variant=\"secondary\" 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\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - secondary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" 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 variant=\"warning\" 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\t<br>\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - warning (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" 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 variant=\"success\" 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\t<br>\n\t\t\t\t<gov-button variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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<hr />\n\n\t\t\t<h4>Buttons - success (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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<hr />\n\n\t\t\t<h4>Buttons - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" 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 variant=\"error\" 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\t<br>\n\t\t\t\t<gov-button variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"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 variant=\"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\t<hr />\n\n\t\t\t<h4>Buttons - error (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"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 inverse variant=\"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\t<hr />\n\t\t`\n\t}\n}\n\nif (customElements.get('button-page') === undefined) {\n\tcustomElements.define('button-page', ButtonPage)\n}\n"]}