@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1,47 @@
+import { h, Host } from '@stencil/core';
+import { slottedChildren } from '../../helpers/Dom/template';
+import { ContainerClass } from './constants';
+export class GovContainer {
+  render() {
+    return (h(Host, { class: ContainerClass.root }, h("slot", null)));
+  }
+  async slottedChildren() {
+    return Promise.resolve(slottedChildren(this.host));
+  }
+  static get is() { return "gov-container"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-container.css"]
+    };
+  }
+  static get methods() {
+    return {
+      "slottedChildren": {
+        "complexType": {
+          "signature": "() => Promise<Node[]>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Node": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<Node[]>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-container.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/gov-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAM5C,MAAM,OAAO,YAAY;EAIxB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI;MAC/B,eAAQ,CACF,CACP,CAAA;EACF,CAAC;EAGD,KAAK,CAAC,eAAe;IACpB,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;EACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Method } from '@stencil/core'\nimport { slottedChildren } from '../../helpers/Dom/template'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n\tstyleUrl: 'gov-container.scss',\n})\nexport class GovContainer {\n\t// TODO: Fix eslint error\n\t@Element() host: HTMLDivElement /* eslint-disable-line */\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={ContainerClass.root}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t@Method()\n\tasync slottedChildren(): Promise<Node[]> {\n\t\treturn Promise.resolve(slottedChildren(this.host))\n\t}\n}\n"]}

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

@@ -0,0 +1,8 @@
+export default {
+  title: 'Components/GovContainer',
+};
+const Template = () => `
+	<gov-container>gov-container</gov-container>
+`;
+export const Simple = Template.bind({});
+//# sourceMappingURL=gov-container.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-container.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/gov-container.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;EACd,KAAK,EAAE,yBAAyB;CAChC,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;;CAEtB,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA","sourcesContent":["export default {\n\ttitle: 'Components/GovContainer',\n}\n\nconst Template = () => `\n\t<gov-container>gov-container</gov-container>\n`\n\nexport const Simple = Template.bind({})\n"]}

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

@@ -0,0 +1,9 @@
+export const CookiebarClass = {
+  root: 'gov-cookiebar',
+  holder: 'gov-cookiebar__holder',
+  content: 'gov-cookiebar__content',
+  actions: 'gov-cookiebar__actions',
+  actionsPrimary: 'gov-cookiebar__actions-primary',
+  actionsSecondary: 'gov-cookiebar__actions-secondary',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;EACrB,MAAM,EAAE,uBAAuB;EAC/B,OAAO,EAAE,wBAAwB;EACjC,OAAO,EAAE,wBAAwB;EACjC,cAAc,EAAE,gCAAgC;EAChD,gBAAgB,EAAE,kCAAkC;CACpD,CAAA","sourcesContent":["export const CookiebarClass = {\n\troot: 'gov-cookiebar',\n\tholder: 'gov-cookiebar__holder',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions-primary',\n\tactionsSecondary: 'gov-cookiebar__actions-secondary',\n}\n"]}

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

@@ -0,0 +1,235 @@
+/* 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);
+  }
+}
+/*
+*   Cookiebar
+*/
+.gov-cookiebar {
+  z-index: 51;
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: var(--gov-cookiebar-bg, var(--gov-color-secondary-100));
+  box-shadow: var(--gov-cookiebar-box-shadow, 0 0.0625rem 2.5rem rgba(var(--gov-color-secondary-800-rgb), 0.45));
+}
+.gov-cookiebar__holder {
+  display: block;
+  width: 100%;
+  max-width: var(--gov-container-width, 75rem);
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: var(--gov-container-padding-mobile, 1.25rem);
+  padding-left: var(--gov-container-padding-mobile, 1.25rem);
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+@media (min-width: 48em) {
+  .gov-cookiebar__holder {
+    padding-right: var(--gov-container-padding, 2.5rem);
+    padding-left: var(--gov-container-padding, 2.5rem);
+  }
+}
+.gov-cookiebar__holder > * {
+  margin-bottom: 0;
+}
+.gov-cookiebar__holder > * + * {
+  margin-top: 2rem;
+}
+.gov-cookiebar__content > * {
+  margin-bottom: 0;
+}
+.gov-cookiebar__content > * + * {
+  margin-top: 0.75rem;
+}
+.gov-cookiebar__content p {
+  color: var(--gov-cookiebar-color, var(--gov-color-secondary-700));
+  letter-spacing: 0.0125em;
+}
+.gov-cookiebar__actions, .gov-cookiebar__actions-primary, .gov-cookiebar__actions-secondary {
+  display: flex;
+  gap: 0.625rem;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+@media (min-width: 48em) {
+  .gov-cookiebar__holder {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .gov-cookiebar__actions, .gov-cookiebar__actions-primary, .gov-cookiebar__actions-secondary {
+    gap: 1rem;
+  }
+}

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

@@ -0,0 +1,24 @@
+import { h, Host } from '@stencil/core';
+import { govHost } from '../../helpers/Dom/template';
+import { CookiebarClass } from './constants';
+export class GovCookiebar {
+  constructor() {
+    this.h = govHost(this.host);
+  }
+  render() {
+    return (h(Host, { class: CookiebarClass.root }, h("div", { class: CookiebarClass.holder }, h("div", { class: CookiebarClass.content }, h("slot", null)), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { class: CookiebarClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { class: CookiebarClass.actionsPrimary }, h("slot", { name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { class: CookiebarClass.actionsSecondary }, h("slot", { name: "actions-secondary" }))))))));
+  }
+  static get is() { return "gov-cookiebar"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-cookiebar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-cookiebar.css"]
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-cookiebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-cookiebar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/gov-cookiebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAM5C,MAAM,OAAO,YAAY;EAGxB;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC5B,CAAC;EAID,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI;MAC/B,WAAK,KAAK,EAAE,cAAc,CAAC,MAAM;QAChC,WAAK,KAAK,EAAE,cAAc,CAAC,OAAO;UACjC,eAAQ,CACH;QAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAC9E,WAAK,KAAK,EAAE,cAAc,CAAC,OAAO;UAChC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CACrC,WAAK,KAAK,EAAE,cAAc,CAAC,cAAc;YACxC,YAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CACN;UAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CACvC,WAAK,KAAK,EAAE,cAAc,CAAC,gBAAgB;YAC1C,YAAM,IAAI,EAAC,mBAAmB,GAAG,CAC5B,CACN,CACI,CACN,CACI,CACA,CACP,CAAA;EACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { CookiebarClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n\tstyleUrl: 'gov-cookiebar.scss',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={CookiebarClass.root}>\n\t\t\t\t<div class={CookiebarClass.holder}>\n\t\t\t\t\t<div class={CookiebarClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t\t<div class={CookiebarClass.actions}>\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,7 @@
+export const EmptyClass = {
+  root: "gov-empty",
+  icon: "gov-empty__icon",
+  container: "gov-empty__container",
+  content: "gov-empty__content",
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-empty/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;EACzB,IAAI,EAAE,WAAW;EACjB,IAAI,EAAE,iBAAiB;EACvB,SAAS,EAAE,sBAAsB;EACjC,OAAO,EAAE,oBAAoB;CAC7B,CAAA","sourcesContent":["export const EmptyClass = {\n\troot: \"gov-empty\",\n\ticon: \"gov-empty__icon\",\n\tcontainer: \"gov-empty__container\",\n\tcontent: \"gov-empty__content\",\n}\n"]}

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

@@ -0,0 +1,200 @@
+/* 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);
+  }
+}
+/*
+*   Alert
+*/
+.gov-empty {
+  display: block;
+  width: 100%;
+}
+.gov-empty__icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 6rem;
+  height: 6rem;
+  margin-bottom: 2rem;
+  border-radius: 50%;
+  background: linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-secondary-100));
+  color: var(--gov-empty-icon-color, var(--gov-color-primary));
+}
+.gov-empty__icon > * {
+  width: 3.5rem;
+  height: 3.5rem;
+}
+.gov-empty__content > *:last-child {
+  margin-bottom: 0;
+}

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

@@ -0,0 +1,24 @@
+import { Host, h } from '@stencil/core';
+import { EmptyClass } from './constants';
+import { govHost } from '../../helpers/Dom/template';
+export class GovEmpty {
+  constructor() {
+    this.h = govHost(this.host);
+  }
+  render() {
+    return (h(Host, { class: this.h.classes(EmptyClass.root) }, this.h.hasSlot('icon') && (h("div", { class: EmptyClass.icon }, h("slot", { name: "icon" }))), h("div", { class: EmptyClass.content }, h("slot", null))));
+  }
+  static get is() { return "gov-empty"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-empty.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-empty.css"]
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-empty.js","sourceRoot":"","sources":["../../../../../../src/components/gov-empty/gov-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,QAAQ;EAGpB;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC5B,CAAC;EAID,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;MAC1C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,WAAK,KAAK,EAAE,UAAU,CAAC,IAAI;QAC1B,YAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACN;MACD,WAAK,KAAK,EAAE,UAAU,CAAC,OAAO;QAC7B,eAAO,CACF,CACA,CACP,CAAA;EACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Host, h } from '@stencil/core'\nimport { EmptyClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-empty',\n\tstyleUrl: 'gov-empty.scss',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<div class={EmptyClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,53 @@
+import { icons, createIcon } from "../../../.storybook/icons";
+import readme from "./readme.md";
+import { bindProps } from "../../../.storybook/helpers";
+const StoryConfiguration = {
+  title: "Design system/EmptyState",
+  args: {
+    label: '<p class="gov-text--2xl">Omlouváme se, ale nejsou k dispozici žádná data!</p>',
+    copy: '<p class="gov-text--m gov-color--secondary-700">Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů.</p>',
+    icon: 'complex/confusion',
+    align: 'left'
+  },
+  argTypes: {
+    icon: {
+      control: "select",
+      options: [undefined, ...icons],
+    },
+    align: {
+      control: "select",
+      options: ['left', 'center', 'right'],
+    },
+    label: "string",
+    copy: "string",
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const PROPS = ["label", "copy", "align"];
+const Template = (args) => {
+  const el = document.createElement("gov-empty");
+  const spacer = document.createElement('gov-spacer');
+  const button = document.createElement('gov-button');
+  button.setAttribute('variant', 'primary');
+  button.setAttribute('type', 'outlined');
+  button.setAttribute('wcag-label', 'Znovu načíst seznam položek');
+  button.innerHTML = 'Obnovit seznam';
+  spacer.setAttribute('size', 'l');
+  el.innerHTML = args.label + args.copy;
+  el.appendChild(spacer);
+  el.appendChild(button);
+  if (args.icon) {
+    const icon = createIcon(args.icon, 'icon');
+    if (icon) {
+      el.appendChild(icon);
+    }
+  }
+  bindProps(el, PROPS, args);
+  return el;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-empty.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-empty.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-empty/gov-empty.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAEvD,MAAM,kBAAkB,GAAG;EAC1B,KAAK,EAAE,0BAA0B;EACjC,IAAI,EAAE;IACL,KAAK,EAAE,+EAA+E;IACtF,IAAI,EAAE,2JAA2J;IACjK,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,MAAM;GACb;EACD,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,OAAO,EAAE,QAAQ;MACjB,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC;KAC9B;IACD,KAAK,EAAE;MACN,OAAO,EAAE,QAAQ;MACjB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;KACpC;IACD,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,QAAQ;GACd;EACD,UAAU,EAAE;IACX,KAAK,EAAE,MAAM;GACb;CACD,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAExC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACzB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;EAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;EACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;EACnD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;EACzC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;EACvC,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,6BAA6B,CAAC,CAAA;EAChE,MAAM,CAAC,SAAS,GAAG,gBAAgB,CAAA;EAEnC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;EAEhC,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;EACrC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;EACtB,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;EAEtB,IAAI,IAAI,CAAC,IAAI,EAAE;IACd,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC1C,IAAG,IAAI,EAAE;MACR,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;KACpB;GACD;EAED,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;EAC1B,OAAO,EAAE,CAAA;AACV,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,CAAA;AAEpB,eAAe,kBAAkB,CAAA","sourcesContent":["import { icons, createIcon } from \"../../../.storybook/icons\"\nimport readme from \"./readme.md\"\nimport { bindProps } from \"../../../.storybook/helpers\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/EmptyState\",\n\targs: {\n\t\tlabel: '<p class=\"gov-text--2xl\">Omlouváme se, ale nejsou k dispozici žádná data!</p>',\n\t\tcopy: '<p class=\"gov-text--m gov-color--secondary-700\">Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů.</p>',\n\t\ticon: 'complex/confusion',\n\t\talign: 'left'\n\t},\n\targTypes: {\n\t\ticon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, ...icons],\n\t\t},\n\t\talign: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: ['left', 'center', 'right'],\n\t\t},\n\t\tlabel: \"string\",\n\t\tcopy: \"string\",\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst PROPS = [\"label\", \"copy\", \"align\"]\n\nconst Template = (args) => {\n\tconst el = document.createElement(\"gov-empty\")\n\tconst spacer = document.createElement('gov-spacer')\n\tconst button = document.createElement('gov-button')\n\tbutton.setAttribute('variant', 'primary')\n\tbutton.setAttribute('type', 'outlined')\n\tbutton.setAttribute('wcag-label', 'Znovu načíst seznam položek')\n\tbutton.innerHTML = 'Obnovit seznam'\n\n\tspacer.setAttribute('size', 'l')\n\n\tel.innerHTML = args.label + args.copy\n\tel.appendChild(spacer)\n\tel.appendChild(button)\n\n\tif (args.icon) {\n\t\tconst icon = createIcon(args.icon, 'icon')\n\t\tif(icon) {\n\t\t\tel.appendChild(icon)\n\t\t}\n\t}\n\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\n\nexport default StoryConfiguration\n"]}

package/dist/collection/components/gov-error-code/constants.js

@@ -0,0 +1,7 @@
+export const ErrorCodeClass = {
+  root: "gov-error-code",
+  icon: "gov-error-code__icon",
+  holder: "gov-error-code__holder",
+  content: "gov-error-code__content",
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-error-code/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-error-code/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,gBAAgB;EACtB,IAAI,EAAE,sBAAsB;EAC5B,MAAM,EAAE,wBAAwB;EAChC,OAAO,EAAE,yBAAyB;CAClC,CAAA","sourcesContent":["export const ErrorCodeClass = {\n\troot: \"gov-error-code\",\n\ticon: \"gov-error-code__icon\",\n\tholder: \"gov-error-code__holder\",\n\tcontent: \"gov-error-code__content\",\n}\n"]}