@gov-design-system-ce/components 0.0.1

package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizzard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizzardItemClass, VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, toBoolAttrIfDefined, govHost } from \"../../helpers/Dom/template\"\nimport { GovWizzardItemChangeEvent } from \"./gov-wizzard-item.d\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\"\n}\n\n@Component({\n\ttag: \"gov-wizzard-item\",\n\tstyleUrl: \"gov-wizzard-item.scss\",\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizzardItem\")\n\t\tthis.contentId = createID(\"GovWizzardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t@State() isExpandedState: boolean\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines wether the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\" }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch(\"label\")\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") &&\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>}\n\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t{this.label}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={WizzardItemClass.root}\n\t\t\t      variant={this.variant}\n\t\t\t      role=\"listitem\"\n\t\t\t      collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpandedState)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => this.collapsible ? this.toggle() : false}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div class={WizzardItemClass.content}\n\t\t\t\t\t     id={this.contentId}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     hidden={!this.isExpandedState}\n\t\t\t\t\t     aria-labelledby={triggerId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.content}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     hidden={!this.isExpandedState}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n\n}\n"]}

package/dist/collection/components/gov-wizzard/gov-wizzard.css

@@ -0,0 +1,183 @@
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* [Core] - Buttons
+------------------------------------------------------------------ */
+/*
+ * Gets color from theme-colors or from palette-colors
+ */
+/*
+ * Converts hex value to rgb colors value
+ */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/*
+ * Generates list of utility classes for margin, padding
+ *
+ * Make sure $list of definitions is sorted so that last item is defined last
+ * So largest views are mentioned last.
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Layout
+ */
+/**
+* Utilities - Offset
+*/
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/**
+* Generates CSS3 var with default value
+*/
+/*
+ -  Variables - General
+ */
+/*
+ -  Variables - Typography
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	Variables - Forms
+ */
+/*
+ -  Variables - Form Autocomplete
+ */
+/*
+ -  Variables - Form Message
+ */
+/*
+ -	Variables - Form label
+ */
+/*
+ -	Variables - Form switch
+ */
+/*
+ -	Variables - Form select
+ */
+/*
+ -	Variables - Form input
+ */
+/*
+ -	Variables - Form multiselect
+ */
+/*
+ -	Variables - Form checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*
+*   Wizzard
+*/
+.gov-wizzard {
+  position: relative;
+  display: block;
+  width: 100%;
+}

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

@@ -0,0 +1,164 @@
+import { h, Host } from "@stencil/core";
+import { validateProp } from '../../helpers/Validate/props';
+import { WizzardClass, WizzardItemClass } from './constants';
+import { Sizes } from '../../core/constants/sizes';
+import { govHost } from "../../helpers/Dom/template";
+import { validateWcagLabel } from "../../helpers/Validate/wcag";
+import { canValidateWcagOnRender } from "../../helpers/Dom/win";
+import { delay } from "../../utils/utils";
+export class GovWizzard {
+  constructor() {
+    this.size = Sizes._M;
+    this.wcagLabel = undefined;
+    this.wcagLabelledBy = undefined;
+    this.h = govHost(this.host);
+  }
+  validateSize(newValue) {
+    validateProp(Sizes, newValue, WizzardClass.root);
+  }
+  componentWillLoad() {
+    this.validateSize(this.size);
+  }
+  componentDidLoad() {
+    this.host.querySelectorAll(WizzardItemClass.root).forEach((child) => {
+      child.setAttribute('size', this.size);
+      child.addEventListener('gov-change', (e) => {
+        e.stopPropagation();
+        this.govChange.emit(e.detail);
+      });
+    });
+  }
+  async componentDidRender() {
+    if (canValidateWcagOnRender()) {
+      await delay(500);
+      await this.validateWcag();
+    }
+  }
+  render() {
+    return (h(Host, { class: this.h.classes(WizzardClass.root), role: "list", size: this.size }, h("slot", null)));
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root);
+  }
+  static get is() { return "gov-wizzard"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-wizzard.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-wizzard.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "SizesType",
+          "resolved": "any",
+          "references": {
+            "SizesType": {
+              "location": "import",
+              "path": "./constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size of wizzard"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Sizes._M"
+      },
+      "wcagLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the wizzard that is only shown for screen readers."
+        },
+        "attribute": "wcag-label",
+        "reflect": false
+      },
+      "wcagLabelledBy": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "String of id's that indicate alternative labels elements"
+        },
+        "attribute": "wcag-labelled-by",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "govChange",
+        "name": "gov-change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Called when the wizzard children state changes"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validateWcag": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Validate the WCAG attributes of the component",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "size",
+        "methodName": "validateSize"
+      }];
+  }
+}
+//# sourceMappingURL=gov-wizzard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizzard.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard.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,YAAY,EAAE,gBAAgB,EAAa,MAAM,aAAa,CAAA;AAGvE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,OAAO,UAAU;EAItB;gBAMmC,KAAK,CAAC,EAAE;;;IAL1C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAmBD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EACjD,CAAC;EAGD,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,EAAE,EAAE;MAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,EAAE,EAAE;QAChG,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;MAC9B,CAAC,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI;MAC1E,eAAQ,CACF,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EAC1E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, SizesType } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { Sizes } from '../../core/constants/sizes'\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: 'gov-wizzard',\n\tstyleUrl: 'gov-wizzard.scss',\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, WizzardClass.root)\n\t}\n\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"]}

package/dist/collection/components/gov-wizzard/gov-wizzard.stories.js

@@ -0,0 +1,109 @@
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants, Sizes } from "./constants";
+import readme from "./readme.md";
+import { bindProps, removeUndefinedValues } from "../../../.storybook/helpers";
+import { icons, createIcon } from "../../../.storybook/icons";
+import { getCopy } from "../../../.storybook/copy";
+const StoryConfiguration = {
+  title: "Design system/Wizzard",
+  args: {
+    variant: GlobalVariants.PRIMARY,
+    size: GlobalSizes._M,
+    'wcag-label': 'Základní informace o design systému gov.cz',
+    label: 'Design systém gov.cz',
+    prefix: '1',
+    collapsible: false,
+    'is-expanded': false,
+    icon: undefined
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: removeUndefinedValues(Variants),
+    },
+    size: {
+      control: "select",
+      options: removeUndefinedValues(Sizes),
+    },
+    icon: {
+      control: "select",
+      options: [undefined, ...icons],
+    },
+    'wcag-label': {
+      control: "text",
+    },
+    label: {
+      control: "text",
+    },
+    prefix: {
+      control: "text",
+    },
+    collapsible: {
+      control: "boolean",
+    },
+    'is-expanded': {
+      control: "boolean",
+    }
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const PROPS = ["size", "wcag-label"];
+const PROPS_ITEM = ["variant", "disabled", "label", "collapsible", "prefix", "is-expanded"];
+const TemplateItem = (args) => {
+  const item = document.createElement("gov-wizzard-item");
+  item.setAttribute("label", args.label);
+  item.innerHTML = getCopy();
+  if (args.icon) {
+    const icon = createIcon(args.icon, 'prefix');
+    if (icon) {
+      item.appendChild(icon);
+    }
+  }
+  else if (args.prefix) {
+    const prefix = document.createElement('span');
+    prefix.setAttribute('slot', 'prefix');
+    prefix.innerHTML = args.prefix;
+    item.appendChild(prefix);
+  }
+  bindProps(item, PROPS_ITEM, args);
+  return item;
+};
+const TemplateList = (args) => {
+  document.body.classList.add('gov-bg--secondary-300');
+  const el = document.createElement("gov-wizzard");
+  const data = [
+    { label: 'Zjistit zda mám nárok', variant: GlobalVariants.SUCCESS, icon: 'basic/check', collapsible: true, prefix: undefined },
+    { label: 'Žadatel', variant: GlobalVariants.PRIMARY, icon: undefined, collapsible: false, prefix: '2' },
+    { label: 'Způsob výplaty', variant: GlobalVariants.SECONDARY, icon: undefined, collapsible: false, prefix: '3' },
+    { label: 'Děti', variant: GlobalVariants.SECONDARY, icon: undefined, collapsible: false, prefix: '4' },
+  ];
+  data.map((item) => {
+    el.appendChild(TemplateItem(item));
+  });
+  bindProps(el, PROPS, args);
+  return el;
+};
+const Template = (args) => {
+  document.body.classList.add('gov-bg--secondary-300');
+  const el = document.createElement("gov-wizzard");
+  el.appendChild(TemplateItem(args));
+  bindProps(el, PROPS, args);
+  return el;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export const Collapsible = Template.bind({});
+Collapsible.args = {
+  collapsible: true,
+};
+export const Small = Template.bind({});
+Small.args = {
+  size: GlobalSizes._S,
+};
+export const List = TemplateList.bind({});
+List.args = {};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-wizzard.stories.js.map

package/dist/collection/components/gov-wizzard/gov-wizzard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizzard.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { Variants, Sizes } from \"./constants\"\nimport readme from \"./readme.md\"\nimport { bindProps, removeUndefinedValues } from \"../../../.storybook/helpers\"\nimport { icons, createIcon } from \"../../../.storybook/icons\"\nimport { getCopy } from \"../../../.storybook/copy\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/Wizzard\",\n\targs: {\n\t\tvariant: GlobalVariants.PRIMARY,\n\t\tsize: GlobalSizes._M,\n\t\t'wcag-label': 'Základní informace o design systému gov.cz',\n\t\tlabel: 'Design systém gov.cz',\n\t\tprefix: '1',\n\t\tcollapsible: false,\n\t\t'is-expanded': false,\n\t\ticon: undefined\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Variants),\n\t\t},\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Sizes),\n\t\t},\n\t\ticon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, ...icons],\n\t\t},\n\t\t'wcag-label': {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t\tlabel: {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t\tprefix: {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t\tcollapsible: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\t'is-expanded': {\n\t\t\tcontrol: \"boolean\",\n\t\t}\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst PROPS = [\"size\", \"wcag-label\"]\nconst PROPS_ITEM = [\"variant\", \"disabled\", \"label\", \"collapsible\", \"prefix\", \"is-expanded\"]\n\nconst TemplateItem = (args) => {\n\tconst item = document.createElement(\"gov-wizzard-item\")\n\titem.setAttribute(\"label\", args.label)\n\titem.innerHTML = getCopy()\n\n\tif (args.icon) {\n\t\tconst icon = createIcon(args.icon, 'prefix')\n\t\tif(icon) {\n\t\t\titem.appendChild(icon)\n\t\t}\n\t} else if (args.prefix) {\n\t\tconst prefix = document.createElement('span')\n\t\tprefix.setAttribute('slot', 'prefix')\n\t\tprefix.innerHTML = args.prefix\n\t\titem.appendChild(prefix)\n\t}\n\n\tbindProps(item, PROPS_ITEM, args)\n\treturn item\n}\n\nconst TemplateList = (args) => {\n\tdocument.body.classList.add('gov-bg--secondary-300')\n\tconst el = document.createElement(\"gov-wizzard\")\n\n\tconst data = [\n\t\t{label: 'Zjistit zda mám nárok', variant: GlobalVariants.SUCCESS, icon: 'basic/check', collapsible: true, prefix: undefined},\n\t\t{label: 'Žadatel', variant: GlobalVariants.PRIMARY, icon: undefined, collapsible: false, prefix: '2'},\n\t\t{label: 'Způsob výplaty', variant: GlobalVariants.SECONDARY, icon: undefined, collapsible: false, prefix: '3'},\n\t\t{label: 'Děti', variant: GlobalVariants.SECONDARY, icon: undefined, collapsible: false, prefix: '4'},\n\t]\n\n\tdata.map((item) => {\n\t\tel.appendChild(TemplateItem(item))\n\t})\n\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nconst Template = (args) => {\n\tdocument.body.classList.add('gov-bg--secondary-300')\n\tconst el = document.createElement(\"gov-wizzard\")\n\tel.appendChild(TemplateItem(args))\n\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\n\nexport const Collapsible = Template.bind({})\nCollapsible.args = {\n\tcollapsible: true,\n}\nexport const Small = Template.bind({})\nSmall.args = {\n\tsize: GlobalSizes._S,\n}\n\nexport const List = TemplateList.bind({})\nList.args = {}\n\nexport default StoryConfiguration\n"]}

package/dist/collection/core/constants/breakpoint.js

@@ -0,0 +1,9 @@
+export const BreakpointTable = {
+  none: '0em',
+  sm: '30em',
+  md: '48em',
+  lg: '64em',
+  xl: '75em',
+};
+export const BreakpointNames = Object.keys(BreakpointTable);
+//# sourceMappingURL=breakpoint.js.map

package/dist/collection/core/constants/breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.js","sourceRoot":"","sources":["../../../../../../src/core/constants/breakpoint.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;EAC9B,IAAI,EAAE,KAAK;EACX,EAAE,EAAE,MAAM;EACV,EAAE,EAAE,MAAM;EACV,EAAE,EAAE,MAAM;EACV,EAAE,EAAE,MAAM;CACV,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["export const BreakpointTable = {\n\tnone: '0em',\n\tsm: '30em',\n\tmd: '48em',\n\tlg: '64em',\n\txl: '75em',\n}\n\nexport const BreakpointNames = Object.keys(BreakpointTable)\n"]}

package/dist/collection/core/constants/sizes.js

@@ -0,0 +1,15 @@
+export var Sizes;
+(function (Sizes) {
+  Sizes["_2XS"] = "2xs";
+  Sizes["_XS"] = "xs";
+  Sizes["_S"] = "s";
+  Sizes["_M"] = "m";
+  Sizes["_L"] = "l";
+  Sizes["_XL"] = "xl";
+  Sizes["_2XL"] = "2xl";
+  Sizes["_3XL"] = "3xl";
+  Sizes["_4XL"] = "4xl";
+  Sizes["_5XL"] = "6xl";
+  Sizes["_6XL"] = "6xl";
+})(Sizes || (Sizes = {}));
+//# sourceMappingURL=sizes.js.map

package/dist/collection/core/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../../../src/core/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAYX;AAZD,WAAY,KAAK;EAChB,qBAAY,CAAA;EACZ,mBAAU,CAAA;EACV,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,mBAAU,CAAA;EACV,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;AACb,CAAC,EAZW,KAAK,KAAL,KAAK,QAYhB","sourcesContent":["export enum Sizes {\n\t_2XS = \"2xs\",\n\t_XS = \"xs\",\n\t_S = \"s\",\n\t_M = \"m\",\n\t_L = \"l\",\n\t_XL = \"xl\",\n\t_2XL = \"2xl\",\n\t_3XL = \"3xl\",\n\t_4XL = \"4xl\",\n\t_5XL = \"6xl\",\n\t_6XL = \"6xl\",\n}\n"]}

package/dist/collection/core/constants/variants.js

@@ -0,0 +1,10 @@
+export var Variants;
+(function (Variants) {
+  Variants["PRIMARY"] = "primary";
+  Variants["SECONDARY"] = "secondary";
+  Variants["SUCCESS"] = "success";
+  Variants["ERROR"] = "error";
+  Variants["WARNING"] = "warning";
+  Variants["CUSTOM"] = "custom";
+})(Variants || (Variants = {}));
+//# sourceMappingURL=variants.js.map

package/dist/collection/core/constants/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/core/constants/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAOX;AAPD,WAAY,QAAQ;EACnB,+BAAmB,CAAA;EACnB,mCAAuB,CAAA;EACvB,+BAAmB,CAAA;EACnB,2BAAe,CAAA;EACf,+BAAmB,CAAA;EACnB,6BAAiB,CAAA;AAClB,CAAC,EAPW,QAAQ,KAAR,QAAQ,QAOnB","sourcesContent":["export enum Variants {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tSUCCESS = \"success\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tCUSTOM = \"custom\",\n}\n"]}

package/dist/collection/helpers/Dom/form.js

@@ -0,0 +1,55 @@
+import { FormControlClass } from "../../components/gov-form/control/constants";
+import { FormInputClass } from "../../components/gov-form/input/constants";
+import { FormMultiSelectClass, FormSelectClass } from "../../components/gov-form/select/constants";
+import { FormSwitchClass } from "../../components/gov-form/switch/constants";
+import { FormCheckboxClass } from "../../components/gov-form/checkbox/constants";
+import { FormRadioClass } from "../../components/gov-form/radio/constants";
+import { FormMessageClass } from "../../components/gov-form/message/constants";
+import { FormAutocompleteClass } from "../../components/gov-form/autocomplete/constants";
+export const govForm = (govHost) => {
+  return {
+    get govHost() {
+      return govHost;
+    },
+    passAttrToControl(name, value) {
+      if (this.control) {
+        this.control.setAttribute(name, value);
+      }
+    },
+    get hasGroupChildren() {
+      if (this.control) {
+        return this.control.querySelectorAll("gov-form-group > *").length > 1;
+      }
+      return false;
+    },
+    get control() {
+      if (this.govHost.name === FormControlClass.root) {
+        return this.govHost.hostElement;
+      }
+      return this.govHost.getParent(FormControlClass.root);
+    },
+    get mainElementsInControl() {
+      const formElements = [
+        FormSelectClass.root,
+        FormInputClass.root,
+        FormSwitchClass.root,
+        FormCheckboxClass.root,
+        FormRadioClass.root,
+        FormMultiSelectClass.root,
+        FormAutocompleteClass.root
+      ];
+      if (this.control) {
+        const elements = formElements.map((el) => `${el}:first-of-type`).join(', ');
+        return Array.from(this.control.querySelectorAll(elements));
+      }
+      return [];
+    },
+    get messageElements() {
+      if (this.control) {
+        return Array.from(this.control.querySelectorAll(FormMessageClass.root));
+      }
+      return [];
+    },
+  };
+};
+//# sourceMappingURL=form.js.map

package/dist/collection/helpers/Dom/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAA;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAA;AAGxF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAgB,EAAW,EAAE;EACpD,OAAO;IACN,IAAI,OAAO;MACV,OAAO,OAAO,CAAA;IACf,CAAC;IACD,iBAAiB,CAAC,IAAY,EAAE,KAAa;MAC5C,IAAI,IAAI,CAAC,OAAO,EAAE;QACjB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;OACtC;IACF,CAAC;IACD,IAAI,gBAAgB;MACnB,IAAI,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;OACrE;MACD,OAAO,KAAK,CAAA;IACb,CAAC;IACD,IAAI,OAAO;MACV,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,EAAE;QAChD,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAA;OAC/B;MACD,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACrD,CAAC;IACD,IAAI,qBAAqB;MACxB,MAAM,YAAY,GAAG;QACpB,eAAe,CAAC,IAAI;QACpB,cAAc,CAAC,IAAI;QACnB,eAAe,CAAC,IAAI;QACpB,iBAAiB,CAAC,IAAI;QACtB,cAAc,CAAC,IAAI;QACnB,oBAAoB,CAAC,IAAI;QACzB,qBAAqB,CAAC,IAAI;OAC1B,CAAA;MACD,IAAI,IAAI,CAAC,OAAO,EAAE;QACjB,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5E,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;OAC1D;MACD,OAAO,EAAE,CAAA;IACV,CAAC;IACD,IAAI,eAAe;MAClB,IAAI,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;OACvE;MACD,OAAO,EAAE,CAAA;IACV,CAAC;GACD,CAAA;AACF,CAAC,CAAA","sourcesContent":["import { GovHost } from \"./template.d\"\nimport { GovForm } from \"./form.d\"\nimport { FormControlClass } from \"../../components/gov-form/control/constants\"\nimport { FormInputClass } from \"../../components/gov-form/input/constants\"\nimport { FormMultiSelectClass, FormSelectClass } from \"../../components/gov-form/select/constants\"\nimport { FormSwitchClass } from \"../../components/gov-form/switch/constants\"\nimport { FormCheckboxClass } from \"../../components/gov-form/checkbox/constants\"\nimport { FormRadioClass } from \"../../components/gov-form/radio/constants\"\nimport { FormMessageClass } from \"../../components/gov-form/message/constants\"\nimport { FormAutocompleteClass } from \"../../components/gov-form/autocomplete/constants\"\n\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll(\"gov-form-group > *\").length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): HTMLGovFormControlElement | null {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map((el) => `${el}:first-of-type`).join(', ');\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"]}