@ukic/canary-web-components 2.0.0-canary.3 → 2.0.0-canary.5

package/dist/collection/components/ic-divider/ic-divider.js

@@ -1,44 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { getThemeForegroundColor } from "../../utils/helpers";
-import { IcThemeForegroundEnum, } from "../../utils/types";
-export class Divider {
-  constructor() {
-    this.foregroundColor = getThemeForegroundColor();
-  }
-  themeChangeHandler(ev) {
-    const theme = ev.detail;
-    this.foregroundColor = theme.mode;
-  }
-  render() {
-    return (h(Host, { "aria-hidden": "true" }, h("hr", { class: {
-        ["light"]: this.foregroundColor === IcThemeForegroundEnum.Light,
-      } })));
-  }
-  static get is() { return "ic-divider"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ic-divider.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ic-divider.css"]
-    };
-  }
-  static get states() {
-    return {
-      "foregroundColor": {}
-    };
-  }
-  static get listeners() {
-    return [{
-        "name": "themeChange",
-        "method": "themeChangeHandler",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=ic-divider.js.map

package/dist/collection/components/ic-divider/ic-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-divider.js","sourceRoot":"","sources":["../../../src/components/ic-divider/ic-divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAGL,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAO3B,MAAM,OAAO,OAAO;;2BAC4B,uBAAuB,EAAE;;EAGvE,kBAAkB,CAAC,EAAe;IAChC,MAAM,KAAK,GAAY,EAAE,CAAC,MAAM,CAAC;IACjC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC;EACpC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,mBAAa,MAAM;MACtB,UACE,KAAK,EAAE;UACL,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,KAAK,qBAAqB,CAAC,KAAK;SAChE,GACD,CACG,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Host, Listen, State } from \"@stencil/core\";\n\nimport { getThemeForegroundColor } from \"../../utils/helpers\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-divider\",\n  styleUrl: \"ic-divider.css\",\n  scoped: true,\n})\nexport class Divider {\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  render() {\n    return (\n      <Host aria-hidden=\"true\">\n        <hr\n          class={{\n            [\"light\"]: this.foregroundColor === IcThemeForegroundEnum.Light,\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,24 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Divider } from "../../ic-divider";
-describe("ic-divider", () => {
-  it("should render", async () => {
-    const page = await newSpecPage({
-      components: [Divider],
-      html: `<ic-divider></ic-divider>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("correctly sets foregroundColor on theme change", async () => {
-    const page = await newSpecPage({
-      components: [Divider],
-      html: `<ic-divider></ic-divider>`,
-    });
-    await page.rootInstance.themeChangeHandler({
-      detail: { mode: "light" },
-    });
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-    expect(page.rootInstance.foregroundColor).toEqual("light");
-  });
-});
-//# sourceMappingURL=ic-divider.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-divider.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-divider/test/basic/ic-divider.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;MACzC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC1B,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;EAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Divider } from \"../../ic-divider\";\n\ndescribe(\"ic-divider\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider></ic-divider>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"correctly sets foregroundColor on theme change\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider></ic-divider>`,\n    });\n\n    await page.rootInstance.themeChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"light\");\n  });\n});\n"]}

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

@@ -1,49 +0,0 @@
-:host {
-  gap: var(--ic-space-xs);
-  padding: var(--ic-space-xs);
-}
-
-:host,
-.action-area {
-  display: flex;
-  flex-direction: column;
-}
-
-.action-area {
-  gap: var(--ic-space-md);
-}
-
-:host ::slotted(svg),
-:host ::slotted(img) {
-  border-radius: var(--ic-space-xxs);
-}
-
-:host(.right),
-:host(.right) .action-area {
-  align-items: flex-end;
-  text-align: right;
-}
-
-:host(.center),
-:host(.center) .action-area {
-  align-items: center;
-  text-align: center;
-}
-
-:host(.image-default) ::slotted(svg),
-:host(.image-default) ::slotted(img) {
-  height: calc(3 * var(--ic-space-lg)) !important;
-  width: calc(3 * var(--ic-space-lg)) !important;
-}
-
-:host(.image-small) ::slotted(svg),
-:host(.image-small) ::slotted(img) {
-  height: var(--ic-space-xxl) !important;
-  width: var(--ic-space-xxl) !important;
-}
-
-:host(.image-large) ::slotted(svg),
-:host(.image-large) ::slotted(img) {
-  height: calc(4 * var(--ic-space-xl)) !important;
-  width: calc(4 * var(--ic-space-xl)) !important;
-}

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

@@ -1,160 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { isSlotUsed, onComponentRequiredPropUndefined, } from "../../utils/helpers";
-/**
- * @slot image - Content is placed at the top above all other content.
- * @slot actions - Content is placed at the bottom below all other content.
- */
-export class EmptyState {
-  constructor() {
-    this.aligned = "left";
-    this.body = undefined;
-    this.bodyMaxLines = undefined;
-    this.heading = undefined;
-    this.imageSize = "default";
-    this.subheading = undefined;
-  }
-  componentDidLoad() {
-    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("ic-typography", { variant: "h4" }, heading), subheading && (h("ic-typography", { variant: "subtitle-small" }, subheading)), 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": true,
-        "optional": false,
-        "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"; }
-}
-//# sourceMappingURL=ic-empty-state.js.map

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

@@ -1 +0,0 @@
-{"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;;;GAGG;AAMH,MAAM,OAAO,UAAU;;mBAMqB,MAAM;;;;qBAoBlB,SAAS;;;EAOvC,gBAAgB;IACd,gCAAgC,CAC9B,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7C,aAAa,CACd,CAAC;EACJ,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,qBAAe,OAAO,EAAC,IAAI,IAAE,OAAO,CAAiB;QACpD,UAAU,IAAI,CACb,qBAAe,OAAO,EAAC,gBAAgB,IAAE,UAAU,CAAiB,CACrE;QACA,IAAI,IAAI,CACP,qBAAe,QAAQ,EAAE,YAAY,IAAG,IAAI,CAAiB,CAC9D,CACG;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 */\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    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          <ic-typography variant=\"h4\">{heading}</ic-typography>\n          {subheading && (\n            <ic-typography variant=\"subtitle-small\">{subheading}</ic-typography>\n          )}\n          {body && (\n            <ic-typography maxLines={bodyMaxLines}>{body}</ic-typography>\n          )}\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/ic-empty-state.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ic-empty-state.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-empty-state.types.js","sourceRoot":"","sources":["../../../src/components/ic-empty-state/ic-empty-state.types.ts"],"names":[],"mappings":"","sourcesContent":["export type IcEmptyStateAlignment = \"left\" | \"center\" | \"right\";\n"]}

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

@@ -1,38 +0,0 @@
-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(`
-    <ic-empty-state
-      heading="Empty state title"
-      subheading="Empty state subtitle"
-      body="Body text for empty state."
-    >
-      <svg
-        slot="image"
-        style="height:326px;width:326px;"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 1600 900"
-      >
-        <rect fill="#ff7700" width="1600" height="1600" y="-350" />
-        <polygon fill="#cc0000" points="957 450 539 900 1396 900" />
-        <polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
-        <polygon fill="#c50022" points="-60 900 398 662 816 900" />
-        <polygon fill="#a3001b" points="337 900 398 662 816 900" />
-        <polygon fill="#be0044" points="1203 546 1552 900 876 900" />
-        <polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
-        <polygon fill="#b80066" points="641 695 886 900 367 900" />
-        <polygon fill="#960052" points="587 900 641 695 886 900" />
-        <polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
-        <polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
-        <polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
-        <polygon fill="#880088" points="943 900 1210 900 971 687" /></svg
-      ><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();
-  });
-});
-//# 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 +0,0 @@
-{"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"]}

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

@@ -1,86 +0,0 @@
-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>`,
-    });
-    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>`,
-    });
-    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">
-                <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();
-  });
-  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();
-  });
-  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();
-  });
-  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();
-  });
-  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();
-  });
-  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();
-  });
-});
-//# sourceMappingURL=ic-empty-state.spec.js.map

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

@@ -1 +0,0 @@
-{"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"]}