@ukic/web-components 2.8.0 → 2.9.0

package/dist/collection/components/ic-empty-state/ic-empty-state.js

@@ -8,157 +8,157 @@ import { isSlotUsed, onComponentRequiredPropUndefined, } from "../../utils/helpe
  * @slot body - Content will be rendered in place of the body prop.
  */
 export class EmptyState {
-  constructor() {
-    this.aligned = "left";
-    this.body = undefined;
-    this.bodyMaxLines = undefined;
-    this.heading = undefined;
-    this.imageSize = "default";
-    this.subheading = undefined;
-  }
-  componentDidLoad() {
-    !isSlotUsed(this.el, "heading") &&
-      onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
-  }
-  render() {
-    const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;
-    return (h(Host, { class: {
-        [`${aligned}`]: true,
-        [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
-      } }, isSlotUsed(this.el, "image") && h("slot", { name: "image" }), h("div", null, h("slot", { name: "heading" }, h("ic-typography", { variant: "h4" }, heading)), h("slot", { name: "subheading" }, h("ic-typography", { variant: "subtitle-small" }, subheading)), h("slot", { name: "body" }, h("ic-typography", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, "actions") && (h("div", { class: "action-area" }, h("slot", { name: "actions" })))));
-  }
-  static get is() { return "ic-empty-state"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ic-empty-state.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ic-empty-state.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "aligned": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IcEmptyStateAlignment",
-          "resolved": "\"center\" | \"left\" | \"right\"",
-          "references": {
-            "IcEmptyStateAlignment": {
-              "location": "import",
-              "path": "./ic-empty-state.types",
-              "id": "src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment"
+    constructor() {
+        this.aligned = "left";
+        this.body = undefined;
+        this.bodyMaxLines = undefined;
+        this.heading = undefined;
+        this.imageSize = "default";
+        this.subheading = undefined;
+    }
+    componentDidLoad() {
+        !isSlotUsed(this.el, "heading") &&
+            onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
+    }
+    render() {
+        const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;
+        return (h(Host, { class: {
+                [`${aligned}`]: true,
+                [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
+            } }, isSlotUsed(this.el, "image") && h("slot", { name: "image" }), h("div", null, h("slot", { name: "heading" }, h("ic-typography", { variant: "h4" }, heading)), h("slot", { name: "subheading" }, h("ic-typography", { variant: "subtitle-small" }, subheading)), h("slot", { name: "body" }, h("ic-typography", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, "actions") && (h("div", { class: "action-area" }, h("slot", { name: "actions" })))));
+    }
+    static get is() { return "ic-empty-state"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ic-empty-state.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ic-empty-state.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "aligned": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IcEmptyStateAlignment",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {
+                        "IcEmptyStateAlignment": {
+                            "location": "import",
+                            "path": "./ic-empty-state.types",
+                            "id": "src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The alignment of the empty state container."
+                },
+                "attribute": "aligned",
+                "reflect": false,
+                "defaultValue": "\"left\""
+            },
+            "body": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The body text rendered in the empty state container."
+                },
+                "attribute": "body",
+                "reflect": false
+            },
+            "bodyMaxLines": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The number of lines of body text to display before truncating."
+                },
+                "attribute": "body-max-lines",
+                "reflect": false
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The title rendered in the empty state container."
+                },
+                "attribute": "heading",
+                "reflect": false
+            },
+            "imageSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IcSizes",
+                    "resolved": "\"default\" | \"large\" | \"small\"",
+                    "references": {
+                        "IcSizes": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "src/utils/types.ts::IcSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The size of the image or icon used in the image slot."
+                },
+                "attribute": "image-size",
+                "reflect": false,
+                "defaultValue": "\"default\""
+            },
+            "subheading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The subtitle rendered in the empty state container."
+                },
+                "attribute": "subheading",
+                "reflect": false
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The alignment of the empty state container."
-        },
-        "attribute": "aligned",
-        "reflect": false,
-        "defaultValue": "\"left\""
-      },
-      "body": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The body text rendered in the empty state container."
-        },
-        "attribute": "body",
-        "reflect": false
-      },
-      "bodyMaxLines": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The number of lines of body text to display before truncating."
-        },
-        "attribute": "body-max-lines",
-        "reflect": false
-      },
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The title rendered in the empty state container."
-        },
-        "attribute": "heading",
-        "reflect": false
-      },
-      "imageSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IcSizes",
-          "resolved": "\"default\" | \"large\" | \"small\"",
-          "references": {
-            "IcSizes": {
-              "location": "import",
-              "path": "../../utils/types",
-              "id": "src/utils/types.ts::IcSizes"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The size of the image or icon used in the image slot."
-        },
-        "attribute": "image-size",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "subheading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The subtitle rendered in the empty state container."
-        },
-        "attribute": "subheading",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
+        };
+    }
+    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=ic-empty-state.js.map

package/dist/collection/components/ic-empty-state/ic-empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-empty-state.js","sourceRoot":"","sources":["../../../src/components/ic-empty-state/ic-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,EACL,UAAU,EACV,gCAAgC,GACjC,MAAM,qBAAqB,CAAC;AAG7B;;;;;;GAMG;AAMH,MAAM,OAAO,UAAU;;mBAMqB,MAAM;;;;qBAoBlB,SAAS;;;EAOvC,gBAAgB;IACd,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC;MAC7B,gCAAgC,CAC9B,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7C,aAAa,CACd,CAAC;EACN,CAAC;EAED,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GACnE,IAAI,CAAC;IACP,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,IAAI;QACpB,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;OACrD;MAEA,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,YAAM,IAAI,EAAC,OAAO,GAAQ;MAC3D;QACE,YAAM,IAAI,EAAC,SAAS;UAClB,qBAAe,OAAO,EAAC,IAAI,IAAE,OAAO,CAAiB,CAChD;QACP,YAAM,IAAI,EAAC,YAAY;UACrB,qBAAe,OAAO,EAAC,gBAAgB,IAAE,UAAU,CAAiB,CAC/D;QACP,YAAM,IAAI,EAAC,MAAM;UACf,qBAAe,QAAQ,EAAE,YAAY,IAAG,IAAI,CAAiB,CACxD,CACH;MACL,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CACjC,WAAK,KAAK,EAAC,aAAa;QACtB,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Host, Prop, Element } from \"@stencil/core\";\n\nimport { IcEmptyStateAlignment } from \"./ic-empty-state.types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport { IcSizes } from \"../../utils/types\";\n\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\n@Component({\n  tag: \"ic-empty-state\",\n  styleUrl: \"ic-empty-state.css\",\n  shadow: true,\n})\nexport class EmptyState {\n  @Element() el: HTMLIcEmptyStateElement;\n\n  /**\n   * The alignment of the empty state container.\n   */\n  @Prop() aligned?: IcEmptyStateAlignment = \"left\";\n\n  /**\n   * The body text rendered in the empty state container.\n   */\n  @Prop() body?: string;\n\n  /**\n   * The number of lines of body text to display before truncating.\n   */\n  @Prop() bodyMaxLines?: number;\n\n  /**\n   * The title rendered in the empty state container.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The size of the image or icon used in the image slot.\n   */\n  @Prop() imageSize?: IcSizes = \"default\";\n\n  /**\n   * The subtitle rendered in the empty state container.\n   */\n  @Prop() subheading?: string;\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Empty State\"\n      );\n  }\n\n  render() {\n    const { aligned, body, bodyMaxLines, heading, imageSize, subheading } =\n      this;\n    return (\n      <Host\n        class={{\n          [`${aligned}`]: true,\n          [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n        }}\n      >\n        {isSlotUsed(this.el, \"image\") && <slot name=\"image\"></slot>}\n        <div>\n          <slot name=\"heading\">\n            <ic-typography variant=\"h4\">{heading}</ic-typography>\n          </slot>\n          <slot name=\"subheading\">\n            <ic-typography variant=\"subtitle-small\">{subheading}</ic-typography>\n          </slot>\n          <slot name=\"body\">\n            <ic-typography maxLines={bodyMaxLines}>{body}</ic-typography>\n          </slot>\n        </div>\n        {isSlotUsed(this.el, \"actions\") && (\n          <div class=\"action-area\">\n            <slot name=\"actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-empty-state.js","sourceRoot":"","sources":["../../../src/components/ic-empty-state/ic-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,EACL,UAAU,EACV,gCAAgC,GACjC,MAAM,qBAAqB,CAAC;AAG7B;;;;;;GAMG;AAMH,MAAM,OAAO,UAAU;;uBAMqB,MAAM;;;;yBAoBlB,SAAS;;;IAOvC,gBAAgB;QACd,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC;YAC7B,gCAAgC,CAC9B,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7C,aAAa,CACd,CAAC;IACN,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GACnE,IAAI,CAAC;QACP,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,IAAI;gBACpB,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;aACrD;YAEA,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,YAAM,IAAI,EAAC,OAAO,GAAQ;YAC3D;gBACE,YAAM,IAAI,EAAC,SAAS;oBAClB,qBAAe,OAAO,EAAC,IAAI,IAAE,OAAO,CAAiB,CAChD;gBACP,YAAM,IAAI,EAAC,YAAY;oBACrB,qBAAe,OAAO,EAAC,gBAAgB,IAAE,UAAU,CAAiB,CAC/D;gBACP,YAAM,IAAI,EAAC,MAAM;oBACf,qBAAe,QAAQ,EAAE,YAAY,IAAG,IAAI,CAAiB,CACxD,CACH;YACL,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CACjC,WAAK,KAAK,EAAC,aAAa;gBACtB,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Host, Prop, Element } from \"@stencil/core\";\n\nimport { IcEmptyStateAlignment } from \"./ic-empty-state.types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport { IcSizes } from \"../../utils/types\";\n\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\n@Component({\n  tag: \"ic-empty-state\",\n  styleUrl: \"ic-empty-state.css\",\n  shadow: true,\n})\nexport class EmptyState {\n  @Element() el: HTMLIcEmptyStateElement;\n\n  /**\n   * The alignment of the empty state container.\n   */\n  @Prop() aligned?: IcEmptyStateAlignment = \"left\";\n\n  /**\n   * The body text rendered in the empty state container.\n   */\n  @Prop() body?: string;\n\n  /**\n   * The number of lines of body text to display before truncating.\n   */\n  @Prop() bodyMaxLines?: number;\n\n  /**\n   * The title rendered in the empty state container.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The size of the image or icon used in the image slot.\n   */\n  @Prop() imageSize?: IcSizes = \"default\";\n\n  /**\n   * The subtitle rendered in the empty state container.\n   */\n  @Prop() subheading?: string;\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Empty State\"\n      );\n  }\n\n  render() {\n    const { aligned, body, bodyMaxLines, heading, imageSize, subheading } =\n      this;\n    return (\n      <Host\n        class={{\n          [`${aligned}`]: true,\n          [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n        }}\n      >\n        {isSlotUsed(this.el, \"image\") && <slot name=\"image\"></slot>}\n        <div>\n          <slot name=\"heading\">\n            <ic-typography variant=\"h4\">{heading}</ic-typography>\n          </slot>\n          <slot name=\"subheading\">\n            <ic-typography variant=\"subtitle-small\">{subheading}</ic-typography>\n          </slot>\n          <slot name=\"body\">\n            <ic-typography maxLines={bodyMaxLines}>{body}</ic-typography>\n          </slot>\n        </div>\n        {isSlotUsed(this.el, \"actions\") && (\n          <div class=\"action-area\">\n            <slot name=\"actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js

@@ -2,8 +2,8 @@ import { fixture } from "@open-wc/testing-helpers";
 import { axe } from "jest-axe";
 import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
 describe("empty state component", () => {
-  it("passes accessibility", async () => {
-    const el = await fixture(`
+    it("passes accessibility", async () => {
+        const el = await fixture(`
     <ic-empty-state
       heading="Empty state title"
       subheading="Empty state subtitle"
@@ -31,8 +31,8 @@ describe("empty state component", () => {
       ><ic-button slot="actions">Action</ic-button>
       <ic-link href="/" slot="actions">Standalone link</ic-link></ic-empty-state
     >`);
-    checkShadowElementRendersCorrectly(el);
-    expect(await axe(el)).toHaveNoViolations();
-  });
+        checkShadowElementRendersCorrectly(el);
+        expect(await axe(el)).toHaveNoViolations();
+    });
 });
 //# sourceMappingURL=ic-empty-state.test.a11y.js.map

package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-empty-state.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BvB,CAAC,CAAC;IACJ,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"empty state component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-empty-state\n      heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for empty state.\"\n    >\n      <svg\n        slot=\"image\"\n        style=\"height:326px;width:326px;\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 1600 900\"\n      >\n        <rect fill=\"#ff7700\" width=\"1600\" height=\"1600\" y=\"-350\" />\n        <polygon fill=\"#cc0000\" points=\"957 450 539 900 1396 900\" />\n        <polygon fill=\"#aa0000\" points=\"957 450 872.9 900 1396 900\" />\n        <polygon fill=\"#c50022\" points=\"-60 900 398 662 816 900\" />\n        <polygon fill=\"#a3001b\" points=\"337 900 398 662 816 900\" />\n        <polygon fill=\"#be0044\" points=\"1203 546 1552 900 876 900\" />\n        <polygon fill=\"#9c0036\" points=\"1203 546 1552 900 1162 900\" />\n        <polygon fill=\"#b80066\" points=\"641 695 886 900 367 900\" />\n        <polygon fill=\"#960052\" points=\"587 900 641 695 886 900\" />\n        <polygon fill=\"#b10088\" points=\"1710 900 1401 632 1096 900\" />\n        <polygon fill=\"#8f006d\" points=\"1710 900 1401 632 1365 900\" />\n        <polygon fill=\"#aa00aa\" points=\"1210 900 971 687 725 900\" />\n        <polygon fill=\"#880088\" points=\"943 900 1210 900 971 687\" /></svg\n      ><ic-button slot=\"actions\">Action</ic-button>\n      <ic-link href=\"/\" slot=\"actions\">Standalone link</ic-link></ic-empty-state\n    >`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}
+{"version":3,"file":"ic-empty-state.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BvB,CAAC,CAAC;QACJ,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"empty state component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-empty-state\n      heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for empty state.\"\n    >\n      <svg\n        slot=\"image\"\n        style=\"height:326px;width:326px;\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 1600 900\"\n      >\n        <rect fill=\"#ff7700\" width=\"1600\" height=\"1600\" y=\"-350\" />\n        <polygon fill=\"#cc0000\" points=\"957 450 539 900 1396 900\" />\n        <polygon fill=\"#aa0000\" points=\"957 450 872.9 900 1396 900\" />\n        <polygon fill=\"#c50022\" points=\"-60 900 398 662 816 900\" />\n        <polygon fill=\"#a3001b\" points=\"337 900 398 662 816 900\" />\n        <polygon fill=\"#be0044\" points=\"1203 546 1552 900 876 900\" />\n        <polygon fill=\"#9c0036\" points=\"1203 546 1552 900 1162 900\" />\n        <polygon fill=\"#b80066\" points=\"641 695 886 900 367 900\" />\n        <polygon fill=\"#960052\" points=\"587 900 641 695 886 900\" />\n        <polygon fill=\"#b10088\" points=\"1710 900 1401 632 1096 900\" />\n        <polygon fill=\"#8f006d\" points=\"1710 900 1401 632 1365 900\" />\n        <polygon fill=\"#aa00aa\" points=\"1210 900 971 687 725 900\" />\n        <polygon fill=\"#880088\" points=\"943 900 1210 900 971 687\" /></svg\n      ><ic-button slot=\"actions\">Action</ic-button>\n      <ic-link href=\"/\" slot=\"actions\">Standalone link</ic-link></ic-empty-state\n    >`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js

@@ -2,85 +2,85 @@ import { newSpecPage } from "@stencil/core/testing";
 import { EmptyState } from "../../ic-empty-state";
 import { Button } from "../../../ic-button/ic-button";
 describe("ic-empty state", () => {
-  it("should render", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title"></ic-empty-state>`,
+    it("should render", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title"></ic-empty-state>`,
+        });
+        expect(page.root).toMatchSnapshot();
     });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with subheading and body text", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state."></ic-empty-state>`,
+    it("should render with subheading and body text", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state."></ic-empty-state>`,
+        });
+        expect(page.root).toMatchSnapshot();
     });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with a slotted image", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title">
+    it("should render with a slotted image", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title">
                 <svg slot="image" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
                     <path d="M0 0h24v24H0z" fill="none"/>
                     <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                     <title>close icon</title>
                 </svg>
             </ic-empty-state>`,
+        });
+        expect(page.root).toMatchSnapshot();
     });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with actions", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState, Button],
-      html: `<ic-empty-state heading="Empty state title">
+    it("should render with actions", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState, Button],
+            html: `<ic-empty-state heading="Empty state title">
             <ic-button slot="actions">Action</ic-button>
             </ic-empty-state>`,
+        });
+        expect(page.root).toMatchSnapshot();
     });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render right aligned", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." aligned="right"></ic-empty-state>`,
+    it("should render right aligned", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." aligned="right"></ic-empty-state>`,
+        });
+        expect(page.rootInstance.aligned).toMatch("right");
+        expect(page.root.classList.contains("right")).toBeTruthy();
     });
-    expect(page.rootInstance.aligned).toMatch("right");
-    expect(page.root.classList.contains("right")).toBeTruthy();
-  });
-  it("should render centre aligned", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." aligned="center"></ic-empty-state>`,
+    it("should render centre aligned", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." aligned="center"></ic-empty-state>`,
+        });
+        expect(page.rootInstance.aligned).toMatch("center");
+        expect(page.root.classList.contains("center")).toBeTruthy();
     });
-    expect(page.rootInstance.aligned).toMatch("center");
-    expect(page.root.classList.contains("center")).toBeTruthy();
-  });
-  it("should render with a small image size", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." image-size="small">
+    it("should render with a small image size", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." image-size="small">
                 <svg slot="image" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
                     <path d="M0 0h24v24H0z" fill="none"/>
                     <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                     <title>close icon</title>
                 </svg>
             </ic-empty-state>`,
+        });
+        expect(page.rootInstance.imageSize).toMatch("small");
+        expect(page.root.classList.contains("image-small")).toBeTruthy();
     });
-    expect(page.rootInstance.imageSize).toMatch("small");
-    expect(page.root.classList.contains("image-small")).toBeTruthy();
-  });
-  it("should render with a large image size", async () => {
-    const page = await newSpecPage({
-      components: [EmptyState],
-      html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." image-size="large">
+    it("should render with a large image size", async () => {
+        const page = await newSpecPage({
+            components: [EmptyState],
+            html: `<ic-empty-state heading="Empty state title" subheading="Empty state subtitle" body="Body text for empty state." image-size="large">
                 <svg slot="image" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
                     <path d="M0 0h24v24H0z" fill="none"/>
                     <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                     <title>close icon</title>
                 </svg>
             </ic-empty-state>`,
+        });
+        expect(page.rootInstance.imageSize).toMatch("large");
+        expect(page.root.classList.contains("image-large")).toBeTruthy();
     });
-    expect(page.rootInstance.imageSize).toMatch("large");
-    expect(page.root.classList.contains("image-large")).toBeTruthy();
-  });
 });
 //# sourceMappingURL=ic-empty-state.spec.js.map

package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-empty-state.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-empty-state/test/basic/ic-empty-state.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { EmptyState } from \"../../ic-empty-state\";\nimport { Button } from \"../../../ic-button/ic-button\";\n\ndescribe(\"ic-empty state\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with subheading and body text\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\"></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a slotted image\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with actions\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState, Button],\n      html: `<ic-empty-state heading=\"Empty state title\">\n            <ic-button slot=\"actions\">Action</ic-button>\n            </ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render right aligned\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" aligned=\"right\"></ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.aligned).toMatch(\"right\");\n    expect(page.root.classList.contains(\"right\")).toBeTruthy();\n  });\n\n  it(\"should render centre aligned\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" aligned=\"center\"></ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.aligned).toMatch(\"center\");\n    expect(page.root.classList.contains(\"center\")).toBeTruthy();\n  });\n\n  it(\"should render with a small image size\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" image-size=\"small\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.imageSize).toMatch(\"small\");\n    expect(page.root.classList.contains(\"image-small\")).toBeTruthy();\n  });\n\n  it(\"should render with a large image size\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" image-size=\"large\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.imageSize).toMatch(\"large\");\n    expect(page.root.classList.contains(\"image-large\")).toBeTruthy();\n  });\n});\n"]}
+{"version":3,"file":"ic-empty-state.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-empty-state/test/basic/ic-empty-state.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { EmptyState } from \"../../ic-empty-state\";\nimport { Button } from \"../../../ic-button/ic-button\";\n\ndescribe(\"ic-empty state\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with subheading and body text\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\"></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a slotted image\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with actions\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState, Button],\n      html: `<ic-empty-state heading=\"Empty state title\">\n            <ic-button slot=\"actions\">Action</ic-button>\n            </ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render right aligned\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" aligned=\"right\"></ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.aligned).toMatch(\"right\");\n    expect(page.root.classList.contains(\"right\")).toBeTruthy();\n  });\n\n  it(\"should render centre aligned\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" aligned=\"center\"></ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.aligned).toMatch(\"center\");\n    expect(page.root.classList.contains(\"center\")).toBeTruthy();\n  });\n\n  it(\"should render with a small image size\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" image-size=\"small\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.imageSize).toMatch(\"small\");\n    expect(page.root.classList.contains(\"image-small\")).toBeTruthy();\n  });\n\n  it(\"should render with a large image size\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\" subheading=\"Empty state subtitle\" body=\"Body text for empty state.\" image-size=\"large\">\n                <svg slot=\"image\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\">\n                    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n                    <title>close icon</title>\n                </svg>\n            </ic-empty-state>`,\n    });\n\n    expect(page.rootInstance.imageSize).toMatch(\"large\");\n    expect(page.root.classList.contains(\"image-large\")).toBeTruthy();\n  });\n});\n"]}