@gov-design-system-ce/components 4.6.2 → 4.6.3

package/dist/collection/components/gov-icon/list.js

@@ -0,0 +1,174 @@
+export const complexIcons = [
+    'complex/24-7',
+    'complex/all',
+    'complex/arrival',
+    'complex/bell',
+    'complex/big-help',
+    'complex/business-file',
+    'complex/businessman',
+    'complex/cactus',
+    'complex/camera',
+    'complex/car',
+    'complex/card-400',
+    'complex/card-401',
+    'complex/card-403',
+    'complex/card-404',
+    'complex/card-500',
+    'complex/card-502',
+    'complex/certification',
+    'complex/coins',
+    'complex/communication',
+    'complex/confusion',
+    'complex/contact',
+    'complex/court',
+    'complex/covid',
+    'complex/digital',
+    'complex/disability',
+    'complex/doc-agreement',
+    'complex/doc-basic-info',
+    'complex/doc-business',
+    'complex/doc-car-point-list',
+    'complex/doc-diploma',
+    'complex/doc-driver-info',
+    'complex/doc-election',
+    'complex/doc-filled',
+    'complex/doc-health',
+    'complex/doc-judgment',
+    'complex/doc-patient',
+    'complex/doc-personal-info',
+    'complex/doc-petition',
+    'complex/doc-registers',
+    'complex/doc-review',
+    'complex/doc-search',
+    'complex/doc-stamp',
+    'complex/doc-state',
+    'complex/doc-taxes',
+    'complex/documents',
+    'complex/doc-universal',
+    'complex/doc-visa',
+    'complex/driver',
+    'complex/driver-file',
+    'complex/driving-licence',
+    'complex/email-notification',
+    'complex/energy',
+    'complex/envelope',
+    'complex/european-parliament',
+    'complex/family',
+    'complex/globe',
+    'complex/graduate',
+    'complex/hand',
+    'complex/hand-400',
+    'complex/hand-401',
+    'complex/hand-403',
+    'complex/hand-404',
+    'complex/hand-500',
+    'complex/hand-502',
+    'complex/health',
+    'complex/healthcare',
+    'complex/help',
+    'complex/history',
+    'complex/holiday',
+    'complex/hourglass',
+    'complex/house',
+    'complex/chamber-deputies',
+    'complex/chamber-deputies-200',
+    'complex/chamber-deputies-cr',
+    'complex/chat',
+    'complex/cities',
+    'complex/city-office',
+    'complex/id',
+    'complex/id-card',
+    'complex/id-info',
+    'complex/illness',
+    'complex/incognito',
+    'complex/info',
+    'complex/info-list',
+    'complex/institute-file',
+    'complex/institution',
+    'complex/job',
+    'complex/job-loss',
+    'complex/map',
+    'complex/mobile-phone',
+    'complex/mouse',
+    'complex/my-filing',
+    'complex/my-state-data',
+    'complex/newborn',
+    'complex/new-comments',
+    'complex/news',
+    'complex/packet',
+    'complex/passport',
+    'complex/personal-file',
+    'complex/pet',
+    'complex/petrol-station',
+    'complex/pills',
+    'complex/population-register',
+    'complex/portal',
+    'complex/pregnant',
+    'complex/president',
+    'complex/presidential-election',
+    'complex/profile-settings',
+    'complex/property',
+    'complex/queue',
+    'complex/quotes',
+    'complex/region',
+    'complex/regional-elections',
+    'complex/regional-elections-clear',
+    'complex/register-of-persons',
+    'complex/remove-id',
+    'complex/retiree',
+    'complex/rings',
+    'complex/secured',
+    'complex/secured-phone',
+    'complex/senate',
+    'complex/senate-81',
+    'complex/senior',
+    'complex/settings',
+    'complex/simple-envelope',
+    'complex/sms-notification',
+    'complex/sos',
+    'complex/state-file',
+    'complex/time',
+    'complex/tombstone',
+    'complex/user-login',
+    'complex/vaccine',
+];
+export const componentsIcons = [
+    'components/book',
+    'components/bookmarks',
+    'components/box-arrow-up-right',
+    'components/caret-right-fill',
+    'components/check-lg',
+    'components/chevron-double-left',
+    'components/chevron-double-right',
+    'components/chevron-down',
+    'components/chevron-left',
+    'components/chevron-right',
+    'components/chevron-up',
+    'components/copy',
+    'components/dash-lg',
+    'components/download',
+    'components/envelope-fill',
+    'components/exclamation-lg',
+    'components/exclamation-triangle-fill',
+    'components/eye',
+    'components/gear',
+    'components/geo-alt-fill',
+    'components/house-door-fill',
+    'components/info-circle-fill',
+    'components/info-circle',
+    'components/info',
+    'components/lightbulb-fill',
+    'components/list',
+    'components/loader',
+    'components/moon',
+    'components/search',
+    'components/star-fill',
+    'components/sun',
+    'components/telephone',
+    'components/twitter-x',
+    'components/upload',
+    'components/x-lg',
+    'components/x',
+];
+export const icons = [...complexIcons, ...componentsIcons];
+//# sourceMappingURL=list.js.map

package/dist/collection/components/gov-icon/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,cAAc;IACd,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,kBAAkB;IAClB,uBAAuB;IACvB,qBAAqB;IACrB,gBAAgB;IAChB,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,uBAAuB;IACvB,eAAe;IACf,uBAAuB;IACvB,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,oBAAoB;IACpB,uBAAuB;IACvB,wBAAwB;IACxB,sBAAsB;IACtB,4BAA4B;IAC5B,qBAAqB;IACrB,yBAAyB;IACzB,sBAAsB;IACtB,oBAAoB;IACpB,oBAAoB;IACpB,sBAAsB;IACtB,qBAAqB;IACrB,2BAA2B;IAC3B,sBAAsB;IACtB,uBAAuB;IACvB,oBAAoB;IACpB,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,uBAAuB;IACvB,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,yBAAyB;IACzB,4BAA4B;IAC5B,gBAAgB;IAChB,kBAAkB;IAClB,6BAA6B;IAC7B,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IACf,0BAA0B;IAC1B,8BAA8B;IAC9B,6BAA6B;IAC7B,cAAc;IACd,gBAAgB;IAChB,qBAAqB;IACrB,YAAY;IACZ,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,cAAc;IACd,mBAAmB;IACnB,wBAAwB;IACxB,qBAAqB;IACrB,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,sBAAsB;IACtB,eAAe;IACf,mBAAmB;IACnB,uBAAuB;IACvB,iBAAiB;IACjB,sBAAsB;IACtB,cAAc;IACd,gBAAgB;IAChB,kBAAkB;IAClB,uBAAuB;IACvB,aAAa;IACb,wBAAwB;IACxB,eAAe;IACf,6BAA6B;IAC7B,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACnB,+BAA+B;IAC/B,0BAA0B;IAC1B,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,4BAA4B;IAC5B,kCAAkC;IAClC,6BAA6B;IAC7B,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,uBAAuB;IACvB,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,kBAAkB;IAClB,yBAAyB;IACzB,0BAA0B;IAC1B,aAAa;IACb,oBAAoB;IACpB,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,iBAAiB;IACjB,sBAAsB;IACtB,+BAA+B;IAC/B,6BAA6B;IAC7B,qBAAqB;IACrB,gCAAgC;IAChC,iCAAiC;IACjC,yBAAyB;IACzB,yBAAyB;IACzB,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,sCAAsC;IACtC,gBAAgB;IAChB,iBAAiB;IACjB,yBAAyB;IACzB,4BAA4B;IAC5B,6BAA6B;IAC7B,wBAAwB;IACxB,iBAAiB;IACjB,2BAA2B;IAC3B,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,sBAAsB;IACtB,gBAAgB;IAChB,sBAAsB;IACtB,sBAAsB;IACtB,mBAAmB;IACnB,iBAAiB;IACjB,cAAc;CACd,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,GAAG,eAAe,CAAC,CAAA","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/all',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/cactus',\n\t'complex/camera',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/certification',\n\t'complex/coins',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/contact',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/digital',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/documents',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/european-parliament',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/healthcare',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/house',\n\t'complex/chamber-deputies',\n\t'complex/chamber-deputies-200',\n\t'complex/chamber-deputies-cr',\n\t'complex/chat',\n\t'complex/cities',\n\t'complex/city-office',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/id-info',\n\t'complex/illness',\n\t'complex/incognito',\n\t'complex/info',\n\t'complex/info-list',\n\t'complex/institute-file',\n\t'complex/institution',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/map',\n\t'complex/mobile-phone',\n\t'complex/mouse',\n\t'complex/my-filing',\n\t'complex/my-state-data',\n\t'complex/newborn',\n\t'complex/new-comments',\n\t'complex/news',\n\t'complex/packet',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/population-register',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/president',\n\t'complex/presidential-election',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/quotes',\n\t'complex/region',\n\t'complex/regional-elections',\n\t'complex/regional-elections-clear',\n\t'complex/register-of-persons',\n\t'complex/remove-id',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/secured',\n\t'complex/secured-phone',\n\t'complex/senate',\n\t'complex/senate-81',\n\t'complex/senior',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/sos',\n\t'complex/state-file',\n\t'complex/time',\n\t'complex/tombstone',\n\t'complex/user-login',\n\t'complex/vaccine',\n]\n\nexport const componentsIcons = [\n\t'components/book',\n\t'components/bookmarks',\n\t'components/box-arrow-up-right',\n\t'components/caret-right-fill',\n\t'components/check-lg',\n\t'components/chevron-double-left',\n\t'components/chevron-double-right',\n\t'components/chevron-down',\n\t'components/chevron-left',\n\t'components/chevron-right',\n\t'components/chevron-up',\n\t'components/copy',\n\t'components/dash-lg',\n\t'components/download',\n\t'components/envelope-fill',\n\t'components/exclamation-lg',\n\t'components/exclamation-triangle-fill',\n\t'components/eye',\n\t'components/gear',\n\t'components/geo-alt-fill',\n\t'components/house-door-fill',\n\t'components/info-circle-fill',\n\t'components/info-circle',\n\t'components/info',\n\t'components/lightbulb-fill',\n\t'components/list',\n\t'components/loader',\n\t'components/moon',\n\t'components/search',\n\t'components/star-fill',\n\t'components/sun',\n\t'components/telephone',\n\t'components/twitter-x',\n\t'components/upload',\n\t'components/x-lg',\n\t'components/x',\n]\n\nexport const icons = [...complexIcons, ...componentsIcons]\n"]}

package/dist/collection/components/gov-infobar/constants.js

@@ -0,0 +1,16 @@
+import { Colors } from "../../core/constants/colors";
+import { pick } from "../../utils/utils";
+export const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
+export var InfobarType;
+(function (InfobarType) {
+    InfobarType["BOLD"] = "bold";
+    InfobarType["SUBTLE"] = "subtle";
+})(InfobarType || (InfobarType = {}));
+export const InfobarClass = {
+    root: 'gov-infobar',
+    section: 'gov-infobar__section',
+    content: 'gov-infobar__content',
+    headline: 'gov-infobar__headline',
+    close: 'gov-infobar__close',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-infobar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-infobar/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG7G,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;AAClB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAGD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,sBAAsB;IAC/B,OAAO,EAAE,sBAAsB;IAC/B,QAAQ,EAAE,uBAAuB;IACjC,KAAK,EAAE,oBAAoB;CAC3B,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n"]}

package/dist/collection/components/gov-infobar/gov-infobar.js

@@ -0,0 +1,258 @@
+import { h, Host } from "@stencil/core";
+import { govHost, toBoolAttr } from "../../helpers/Dom/template";
+import Fragment from "../../helpers/Fragment";
+import { validateProp } from "../../helpers/Validate/props";
+import { InfobarClass, InfobarColors } from "./constants";
+import { AttributeObserver } from "../../helpers/Dom/attribute";
+import { ariaAttributes } from "../../helpers/Accessibility/attributes";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
+export class GovInfobar {
+    constructor() {
+        this.hydrated = false;
+        /**
+         * Style variation of the button.
+         */
+        this.color = 'primary';
+        /**
+         * Infobar appearance
+         */
+        this.type = "bold";
+        /**
+         * Style variation of the button.
+         */
+        this.role = undefined;
+        /**
+         * Aria label for the closing button. It is mandatory if the infobar is closable
+         */
+        this.accessibleCloseLabel = 'Zavřít informační lištu';
+        /**
+         * Aria label for the toggle button. It is mandatory if the infobar has headline
+         */
+        this.accessibleToggleLabel = 'Zobrazit více informací';
+        /**
+         * Displays the option to close the infobar
+         */
+        this.closable = false;
+        this.toggleContent = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+    }
+    validateColor(newValue) {
+        validateProp(InfobarColors, newValue, InfobarClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateColor(this.color);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        const closeButton = (h("gov-button", { key: 'c52201d2fd9a489e8eb152e8f7b3080cc9d347f0', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: 'c5d79b9980d755afae94643836d58ab2dd5b4e4f', name: "x-lg", type: "components" })));
+        return (h(Host, { key: 'f7c79cc67ee83527ff3c56d8e96f325b5366154f', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type, hydrated: this.hydrated }, h("section", Object.assign({ key: 'dceb21332d31d55cb2f63d078efc5284439978ae', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (h("span", { key: '5dcf6a77672669228e8b94b7c39141624706254b' }, h("slot", { key: 'b158350430cf7249f9f7ea59fbf675879a195c39', name: "icon" }))), h("div", { key: '17894bba1c6538d205a64e055aa6ee82825176a0', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
+    }
+    onCloseHandler(e) {
+        this.govClose.emit({
+            component: InfobarClass.root,
+            ref: this.host,
+            originalEvent: e,
+        });
+    }
+    get isBold() {
+        return this.type === "bold";
+    }
+    static get is() { return "gov-infobar"; }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "ColorType",
+                    "resolved": "\"error\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+                    "references": {
+                        "ColorType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-infobar/constants.ts::ColorType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'primary'"
+            },
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "InfobarTypesType",
+                    "resolved": "\"bold\" | \"subtle\"",
+                    "references": {
+                        "InfobarTypesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-infobar/constants.ts::InfobarTypesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Infobar appearance"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"bold\""
+            },
+            "role": {
+                "type": "string",
+                "attribute": "role",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLElement['role']",
+                    "resolved": "string",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "accessibleCloseLabel": {
+                "type": "string",
+                "attribute": "accessible-close-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Aria label for the closing button. It is mandatory if the infobar is closable"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Zav\u0159\u00EDt informa\u010Dn\u00ED li\u0161tu'"
+            },
+            "accessibleToggleLabel": {
+                "type": "string",
+                "attribute": "accessible-toggle-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Aria label for the toggle button. It is mandatory if the infobar has headline"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Zobrazit v\u00EDce informac\u00ED'"
+            },
+            "closable": {
+                "type": "boolean",
+                "attribute": "closable",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Displays the option to close the infobar"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "toggleContent": {},
+            "inheritedAttributes": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govClose",
+                "name": "gov-close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Called when the close button is clicked"
+                },
+                "complexType": {
+                    "original": "InfobarEvent",
+                    "resolved": "InfobarEvent",
+                    "references": {
+                        "InfobarEvent": {
+                            "location": "import",
+                            "path": "./gov-infobar.types",
+                            "id": "../../../packages/core/src/components/gov-infobar/gov-infobar.types.ts::InfobarEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "color",
+                "methodName": "validateColor"
+            }];
+    }
+}
+//# sourceMappingURL=gov-infobar.js.map

package/dist/collection/components/gov-infobar/gov-infobar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-infobar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-infobar/gov-infobar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"]}

package/dist/collection/components/gov-infobar/gov-infobar.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-infobar.types.js.map

package/dist/collection/components/gov-infobar/gov-infobar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-infobar.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-infobar/gov-infobar.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovBaseEvent } from \"../../types/event.types\"\n\nexport interface InfobarEvent extends GovBaseEvent {\n\tref: HTMLGovInfobarElement\n}\n\n"]}

package/dist/collection/components/gov-layout/constants.js

@@ -0,0 +1,19 @@
+export const LayoutClass = {
+    root: 'gov-layout',
+    section: 'gov-layout__section',
+};
+var LayoutTypes;
+(function (LayoutTypes) {
+    LayoutTypes["STRETCH"] = "stretch";
+    LayoutTypes["ASIDE"] = "aside";
+    LayoutTypes["TEXT"] = "text";
+})(LayoutTypes || (LayoutTypes = {}));
+var LayoutVariant;
+(function (LayoutVariant) {
+    LayoutVariant["LEFT"] = "left";
+    LayoutVariant["RIGHT"] = "right";
+})(LayoutVariant || (LayoutVariant = {}));
+export const LayoutColumnClass = {
+    root: 'gov-layout-column',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-layout/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;CAC9B,CAAA;AAED,IAAK,WAIJ;AAJD,WAAK,WAAW;IACf,kCAAmB,CAAA;IACnB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACd,CAAC,EAJI,WAAW,KAAX,WAAW,QAIf;AAGD,IAAK,aAGJ;AAHD,WAAK,aAAa;IACjB,8BAAa,CAAA;IACb,gCAAe,CAAA;AAChB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n}\n\nenum LayoutTypes {\n\tSTRETCH = 'stretch',\n\tASIDE = 'aside',\n\tTEXT = 'text',\n}\nexport type LayoutType = `${ValueOf<typeof LayoutTypes>}`\n\nenum LayoutVariant {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`\n\nexport const LayoutColumnClass = {\n\troot: 'gov-layout-column',\n}\n"]}

package/dist/collection/components/gov-layout/gov-layout-column.js

@@ -0,0 +1,14 @@
+import { h, Host } from "@stencil/core";
+import { LayoutColumnClass } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
+export class GovLayoutColumn {
+    constructor() {
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (h(Host, { key: '9e86314a6f4fb229ce1b0b3ac63cfbb2c88d2e28', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: '8d2a31c1bd14511f80536b82b62c5c8a72ddf2ce' })));
+    }
+    static get is() { return "gov-layout-column"; }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-layout-column.js.map

package/dist/collection/components/gov-layout/gov-layout-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-layout-column.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/gov-layout-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,OAAO,eAAe;IAG3B;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAClD,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { LayoutColumnClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-layout-column',\n})\nexport class GovLayoutColumn {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovLayoutColumnElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LayoutColumnClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-layout/gov-layout.js

@@ -0,0 +1,103 @@
+import { h, Host } from "@stencil/core";
+import { LayoutClass } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
+export class GovLayout {
+    constructor() {
+        /**
+         * Layout type
+         */
+        this.type = 'stretch';
+        /**
+         * Determine if component should have inverse column order
+         */
+        this.inverse = false;
+        this.h = govHost(this.host);
+    }
+    typeClass(originalClass, type, variant, inverse) {
+        const isType = type ? '-' + type : '';
+        const isVariant = variant ? '-' + variant : '';
+        const isInverse = inverse ? '-inverse' : '';
+        return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
+    }
+    render() {
+        return (h(Host, { key: '9dc8289f8ccb095d04c4d6f1851506137ba51a48', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'd87bf25092207d67f9ac85aa5d6907fefdb17f2d', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: '557a015cddbf93b7a9ee4839be973525924fb2be' }))));
+    }
+    static get is() { return "gov-layout"; }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "LayoutType",
+                    "resolved": "\"aside\" | \"stretch\" | \"text\"",
+                    "references": {
+                        "LayoutType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-layout/constants.ts::LayoutType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Layout type"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'stretch'"
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "LayoutVariantType",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {
+                        "LayoutVariantType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-layout/constants.ts::LayoutVariantType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Layout align"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "inverse": {
+                "type": "boolean",
+                "attribute": "inverse",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determine if component should have inverse column order"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-layout.js.map