@ukic/web-components 3.0.0 → 3.1.0

package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js

@@ -1,145 +0,0 @@
-import { InputComponentContainer } from "../../ic-input-component-container";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-input-component-container", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-default">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should render with validation status", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="success">content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container validation-status="success" class="ic-input-component-container-default ic-input-component-container-success">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container> 
-    `);
-    });
-    it("should render with validation inline", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="success" validation-inline=true>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-default ic-input-component-container-success" validation-inline="true" validation-status="success">
-      <div class="focus-indicator">
-        content
-        <span class="inline-success">
-          svg
-        </span>
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should ignore validation inline if not success", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="error" validation-inline=true>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-default ic-input-component-container-error" validation-inline="true" validation-status="error">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should render with size small, multiline & fullwidth props set", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container size="small" multi-line=true full-width=true>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-small ic-input-component-container-full-width ic-input-component-container-multiline" full-width="true" multi-line="true" size="small">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should render with size large", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container size=large>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-large" size="large">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should render disabled", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="success" disabled=true>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container validation-status="success" class="ic-input-component-container-default ic-input-component-container-disabled" aria-disabled="true" disabled="true">
-      <div class="focus-indicator">
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should render readonly", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="success" readonly=true>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-input-component-container class="ic-input-component-container-default ic-input-component-container-readonly" readonly="true" validation-status="success">
-        <div class="focus-indicator">
-          content
-        </div>
-      </ic-input-component-container>
-    `);
-    });
-    it("should render with slotted content", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container validation-status="success" disabled=true><span slot="left-icon">slotted content</span>content</ic-input-component-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-component-container class="ic-input-component-container-default ic-input-component-container-disabled" aria-disabled="true" disabled="true" validation-status="success">
-      <div class="focus-indicator">
-        <div class="icon-container">
-          <span slot="left-icon">
-            slotted content
-          </span>
-        </div>
-        content
-      </div>
-    </ic-input-component-container>
-    `);
-    });
-    it("should test rendering icon after initial render", async () => {
-        const page = await newSpecPage({
-            components: [InputComponentContainer],
-            html: `<ic-input-component-container>content</ic-input-component-container>`,
-        });
-        const icon = document.createElement("svg");
-        icon.setAttribute("slot", "left-icon");
-        page.rootInstance.hostMutationCallback([
-            {
-                type: "childList",
-                addedNodes: [icon],
-                removedNodes: [],
-            },
-        ]);
-    });
-});
-//# sourceMappingURL=ic-input-component-container.spec.js.map

package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-input-component-container.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-input-component-container/test/basic/ic-input-component-container.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { InputComponentContainer } from \"../../ic-input-component-container\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-input-component-container\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-default\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render with validation status\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"success\">content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container validation-status=\"success\" class=\"ic-input-component-container-default ic-input-component-container-success\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container> \n    `);\n  });\n\n  it(\"should render with validation inline\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"success\" validation-inline=true>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-default ic-input-component-container-success\" validation-inline=\"true\" validation-status=\"success\">\n      <div class=\"focus-indicator\">\n        content\n        <span class=\"inline-success\">\n          svg\n        </span>\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should ignore validation inline if not success\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"error\" validation-inline=true>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-default ic-input-component-container-error\" validation-inline=\"true\" validation-status=\"error\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render with size small, multiline & fullwidth props set\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container size=\"small\" multi-line=true full-width=true>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-small ic-input-component-container-full-width ic-input-component-container-multiline\" full-width=\"true\" multi-line=\"true\" size=\"small\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render with size large\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container size=large>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-large\" size=\"large\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render disabled\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"success\" disabled=true>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container validation-status=\"success\" class=\"ic-input-component-container-default ic-input-component-container-disabled\" aria-disabled=\"true\" disabled=\"true\">\n      <div class=\"focus-indicator\">\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render readonly\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"success\" readonly=true>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-input-component-container class=\"ic-input-component-container-default ic-input-component-container-readonly\" readonly=\"true\" validation-status=\"success\">\n        <div class=\"focus-indicator\">\n          content\n        </div>\n      </ic-input-component-container>\n    `);\n  });\n\n  it(\"should render with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container validation-status=\"success\" disabled=true><span slot=\"left-icon\">slotted content</span>content</ic-input-component-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-component-container class=\"ic-input-component-container-default ic-input-component-container-disabled\" aria-disabled=\"true\" disabled=\"true\" validation-status=\"success\">\n      <div class=\"focus-indicator\">\n        <div class=\"icon-container\">\n          <span slot=\"left-icon\">\n            slotted content\n          </span>\n        </div>\n        content\n      </div>\n    </ic-input-component-container>\n    `);\n  });\n\n  it(\"should test rendering icon after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [InputComponentContainer],\n      html: `<ic-input-component-container>content</ic-input-component-container>`,\n    });\n\n    const icon = document.createElement(\"svg\");\n    icon.setAttribute(\"slot\", \"left-icon\");\n\n    page.rootInstance.hostMutationCallback([\n      {\n        type: \"childList\",\n        addedNodes: [icon],\n        removedNodes: [],\n      },\n    ]);\n  });\n});\n"]}

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

@@ -1,38 +0,0 @@
-import { InputContainer } from "../../ic-input-container";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-input-container", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [InputContainer],
-            html: `<ic-input-container></ic-input-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-container>
-      <div class="component-container"></div>
-    </ic-input-container>
-    `);
-    });
-    it("should render disabled", async () => {
-        const page = await newSpecPage({
-            components: [InputContainer],
-            html: `<ic-input-container disabled=true></ic-input-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-input-container disabled="true">
-        <div class="component-container disabled"></div>
-      </ic-input-container>
-    `);
-    });
-    it("should render readonly", async () => {
-        const page = await newSpecPage({
-            components: [InputContainer],
-            html: `<ic-input-container readonly=true></ic-input-container>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-input-container readonly="true">
-        <div class="component-container readonly"></div>
-      </ic-input-container>
-    `);
-    });
-});
-//# sourceMappingURL=ic-input-container.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-input-container.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-input-container/test/basic/ic-input-container.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { InputContainer } from \"../../ic-input-container\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-input-container\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [InputContainer],\n      html: `<ic-input-container></ic-input-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-container>\n      <div class=\"component-container\"></div>\n    </ic-input-container>\n    `);\n  });\n\n  it(\"should render disabled\", async () => {\n    const page = await newSpecPage({\n      components: [InputContainer],\n      html: `<ic-input-container disabled=true></ic-input-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-input-container disabled=\"true\">\n        <div class=\"component-container disabled\"></div>\n      </ic-input-container>\n    `);\n  });\n\n  it(\"should render readonly\", async () => {\n    const page = await newSpecPage({\n      components: [InputContainer],\n      html: `<ic-input-container readonly=true></ic-input-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-input-container readonly=\"true\">\n        <div class=\"component-container readonly\"></div>\n      </ic-input-container>\n    `);\n  });\n});\n"]}

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

@@ -1,98 +0,0 @@
-import { InputLabel } from "../../ic-input-label";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-input-label", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label"></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label for="test-input-id" label="Test label">
-      <ic-typography variant="label">
-        <label htmlfor="test-input-id">
-          Test label
-        </label>
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-    it("should render required variant", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label" required=true></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label for="test-input-id" label="Test label" required="true">
-      <ic-typography variant="label">
-        <label htmlfor="test-input-id">
-          Test label *
-        </label>
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-    it("should render disabled variant", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label" required=true disabled=true></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label class="ic-input-label-disabled" disabled="true" for="test-input-id" label="Test label" required="true">
-      <ic-typography variant="label">
-        <label htmlfor="test-input-id">
-          Test label *
-        </label>
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-    it("should render readonly variant", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label" required=true readonly=true></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label class="ic-input-label-readonly" for="test-input-id" label="Test label" readonly="true" required="true">
-      <ic-typography class="readonly-label" variant="label">
-        Test label *
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-    it("should render error variant", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label" status="error"></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label status="error" for="test-input-id" label="Test label">
-      <ic-typography class="error-label" variant="label">
-        <label htmlfor="test-input-id">
-          Test label
-        </label>
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-    it("should render with helpertext", async () => {
-        const page = await newSpecPage({
-            components: [InputLabel],
-            html: `<ic-input-label for="test-input-id" label="Test label" required=true helper-text="Some helper text"></ic-input-label>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-label class="with-helper" for="test-input-id" helper-text="Some helper text" label="Test label" required="true">
-      <ic-typography variant="label">
-        <label htmlfor="test-input-id">
-          Test label *
-        </label>
-      </ic-typography>
-      <ic-typography class="helpertext helpertext-normal" variant="caption">
-        <span id="test-input-id-helper-text">
-          Some helper text
-        </span>
-      </ic-typography>
-    </ic-input-label>
-    `);
-    });
-});
-//# sourceMappingURL=ic-input-label.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-input-label.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-input-label/test/basic/ic-input-label.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0EAA0E;SACjF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,wFAAwF;SAC/F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,sGAAsG;SAC7G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,sGAAsG;SAC7G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yFAAyF;SAChG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,uHAAuH;SAC9H,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { InputLabel } from \"../../ic-input-label\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-input-label\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\"></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label for=\"test-input-id\" label=\"Test label\">\n      <ic-typography variant=\"label\">\n        <label htmlfor=\"test-input-id\">\n          Test label\n        </label>\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n\n  it(\"should render required variant\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\" required=true></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label for=\"test-input-id\" label=\"Test label\" required=\"true\">\n      <ic-typography variant=\"label\">\n        <label htmlfor=\"test-input-id\">\n          Test label *\n        </label>\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n\n  it(\"should render disabled variant\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\" required=true disabled=true></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label class=\"ic-input-label-disabled\" disabled=\"true\" for=\"test-input-id\" label=\"Test label\" required=\"true\">\n      <ic-typography variant=\"label\">\n        <label htmlfor=\"test-input-id\">\n          Test label *\n        </label>\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n\n  it(\"should render readonly variant\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\" required=true readonly=true></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label class=\"ic-input-label-readonly\" for=\"test-input-id\" label=\"Test label\" readonly=\"true\" required=\"true\">\n      <ic-typography class=\"readonly-label\" variant=\"label\">\n        Test label *\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n\n  it(\"should render error variant\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\" status=\"error\"></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label status=\"error\" for=\"test-input-id\" label=\"Test label\">\n      <ic-typography class=\"error-label\" variant=\"label\">\n        <label htmlfor=\"test-input-id\">\n          Test label\n        </label>\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n\n  it(\"should render with helpertext\", async () => {\n    const page = await newSpecPage({\n      components: [InputLabel],\n      html: `<ic-input-label for=\"test-input-id\" label=\"Test label\" required=true helper-text=\"Some helper text\"></ic-input-label>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-label class=\"with-helper\" for=\"test-input-id\" helper-text=\"Some helper text\" label=\"Test label\" required=\"true\">\n      <ic-typography variant=\"label\">\n        <label htmlfor=\"test-input-id\">\n          Test label *\n        </label>\n      </ic-typography>\n      <ic-typography class=\"helpertext helpertext-normal\" variant=\"caption\">\n        <span id=\"test-input-id-helper-text\">\n          Some helper text\n        </span>\n      </ic-typography>\n    </ic-input-label>\n    `);\n  });\n});\n"]}

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

@@ -1,89 +0,0 @@
-import { InputValidation } from "../../ic-input-validation";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-input-validation", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [InputValidation],
-            html: `<ic-input-validation for="test-id" message="validation message"></ic-input-validation>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-validation for="test-id" message="validation message">
-      <ic-typography class="statustext" variant="caption">
-        <span aria-live="polite" id="test-id-validation-text">
-          validation message
-        </span>
-      </ic-typography>
-    </ic-input-validation>
-    `);
-    });
-    it("should render with success status", async () => {
-        const page = await newSpecPage({
-            components: [InputValidation],
-            html: `<ic-input-validation for="test-id" message="validation message" status="success"></ic-input-validation>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-validation class="ic-input-validation-success" for="test-id" message="validation message" status="success">
-      <span class="icon-success status-icon">
-        svg
-      </span>
-      <ic-typography class="statustext" variant="caption">
-        <span aria-live="polite" id="test-id-validation-text">
-          validation message
-        </span>
-      </ic-typography>
-    </ic-input-validation>
-    `);
-    });
-    it("should render with warning status", async () => {
-        const page = await newSpecPage({
-            components: [InputValidation],
-            html: `<ic-input-validation for="test-id" message="validation message" status="warning"></ic-input-validation>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-validation class="ic-input-validation-warning" for="test-id" message="validation message" status="warning">
-      <span class="icon-warning status-icon">
-        svg
-      </span>
-      <ic-typography class="statustext" variant="caption">
-        <span aria-live="polite" id="test-id-validation-text">
-          validation message
-        </span>
-      </ic-typography>
-    </ic-input-validation>
-    `);
-    });
-    it("should render with error status", async () => {
-        const page = await newSpecPage({
-            components: [InputValidation],
-            html: `<ic-input-validation for="test-id" message="validation message" status="error"></ic-input-validation>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-validation class="ic-input-validation-error" for="test-id" message="validation message" status="error">
-      <span class="icon-error status-icon">
-        svg
-      </span>
-      <ic-typography class="statustext" variant="caption">
-        <span aria-live="polite" id="test-id-validation-text">
-          validation message
-        </span>
-      </ic-typography>
-    </ic-input-validation>
-    `);
-    });
-    it("should render with full width", async () => {
-        const page = await newSpecPage({
-            components: [InputValidation],
-            html: `<ic-input-validation for="test-id" message="validation message" full-width=true></ic-input-validation>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-input-validation for="test-id" class="ic-input-validation-full-width" full-width="true" message="validation message">
-      <ic-typography class="statustext" variant="caption">
-        <span aria-live="polite" id="test-id-validation-text">
-          validation message
-        </span>
-      </ic-typography>
-    </ic-input-validation>
-    `);
-    });
-});
-//# sourceMappingURL=ic-input-validation.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-input-validation.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-input-validation/test/basic/ic-input-validation.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,wFAAwF;SAC/F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,uGAAuG;SAC9G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,wGAAwG;SAC/G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { InputValidation } from \"../../ic-input-validation\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-input-validation\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [InputValidation],\n      html: `<ic-input-validation for=\"test-id\" message=\"validation message\"></ic-input-validation>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-validation for=\"test-id\" message=\"validation message\">\n      <ic-typography class=\"statustext\" variant=\"caption\">\n        <span aria-live=\"polite\" id=\"test-id-validation-text\">\n          validation message\n        </span>\n      </ic-typography>\n    </ic-input-validation>\n    `);\n  });\n\n  it(\"should render with success status\", async () => {\n    const page = await newSpecPage({\n      components: [InputValidation],\n      html: `<ic-input-validation for=\"test-id\" message=\"validation message\" status=\"success\"></ic-input-validation>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-validation class=\"ic-input-validation-success\" for=\"test-id\" message=\"validation message\" status=\"success\">\n      <span class=\"icon-success status-icon\">\n        svg\n      </span>\n      <ic-typography class=\"statustext\" variant=\"caption\">\n        <span aria-live=\"polite\" id=\"test-id-validation-text\">\n          validation message\n        </span>\n      </ic-typography>\n    </ic-input-validation>\n    `);\n  });\n\n  it(\"should render with warning status\", async () => {\n    const page = await newSpecPage({\n      components: [InputValidation],\n      html: `<ic-input-validation for=\"test-id\" message=\"validation message\" status=\"warning\"></ic-input-validation>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-validation class=\"ic-input-validation-warning\" for=\"test-id\" message=\"validation message\" status=\"warning\">\n      <span class=\"icon-warning status-icon\">\n        svg\n      </span>\n      <ic-typography class=\"statustext\" variant=\"caption\">\n        <span aria-live=\"polite\" id=\"test-id-validation-text\">\n          validation message\n        </span>\n      </ic-typography>\n    </ic-input-validation>\n    `);\n  });\n\n  it(\"should render with error status\", async () => {\n    const page = await newSpecPage({\n      components: [InputValidation],\n      html: `<ic-input-validation for=\"test-id\" message=\"validation message\" status=\"error\"></ic-input-validation>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-validation class=\"ic-input-validation-error\" for=\"test-id\" message=\"validation message\" status=\"error\">\n      <span class=\"icon-error status-icon\">\n        svg\n      </span>\n      <ic-typography class=\"statustext\" variant=\"caption\">\n        <span aria-live=\"polite\" id=\"test-id-validation-text\">\n          validation message\n        </span>\n      </ic-typography>\n    </ic-input-validation>\n    `);\n  });\n\n  it(\"should render with full width\", async () => {\n    const page = await newSpecPage({\n      components: [InputValidation],\n      html: `<ic-input-validation for=\"test-id\" message=\"validation message\" full-width=true></ic-input-validation>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-input-validation for=\"test-id\" class=\"ic-input-validation-full-width\" full-width=\"true\" message=\"validation message\">\n      <ic-typography class=\"statustext\" variant=\"caption\">\n        <span aria-live=\"polite\" id=\"test-id-validation-text\">\n          validation message\n        </span>\n      </ic-typography>\n    </ic-input-validation>\n    `);\n  });\n});\n"]}

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

@@ -1,217 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Alert } from "../../../ic-alert/ic-alert";
-import { Link } from "../../ic-link";
-describe("ic-link component", () => {
-    it("should render a link by default with the correct text", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link>IC Link Test</ic-link>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-link class="ic-link-default ic-link">
-      <mock:shadow-root>
-        <a tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'download' attribute to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link download="test-download">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" download="test-download">
-    <mock:shadow-root>
-        <a download="test-download" tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'href' attribute and ic-link styling to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link href="test-href">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link href="test-href" class="ic-link-default ic-link">
-    <mock:shadow-root>
-        <a class="default link" href="test-href" tabindex="0">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'dark' appearance styling and ic-link styling", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link  href="test-href" appearance="dark">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link href="test-href" appearance="dark" class="ic-link-dark ic-link">
-    <mock:shadow-root>
-        <a class="dark link" href="test-href" tabindex="0">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'hreflang' attribute to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link hreflang="test-hreflang">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" hreflang="test-hreflang">
-    <mock:shadow-root>
-        <a hreflang="test-hreflang" tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'referrerpolicy' attribute to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link referrerpolicy="no-referrer">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" referrerpolicy="no-referrer">
-    <mock:shadow-root>
-        <a referrerpolicy="no-referrer" tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'rel' attribute to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link rel="test-rel">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" rel="test-rel">
-    <mock:shadow-root>
-        <a rel="test-rel" tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should apply the 'target' attribute to the anchor element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link target="test-target">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" target="test-target">
-    <mock:shadow-root>
-        <a target="test-target" tabindex="-1">
-        <slot></slot>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should render an 'open in new' icon when target is blank", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link target="_blank">IC Link Test</ic-link>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-link class="ic-link-default ic-link" target="_blank">
-    <mock:shadow-root>
-        <a tabindex="-1" target="_blank">
-          <slot></slot>
-          <span class="ic-link-open-in-new-icon">
-            svg
-          </span>
-        </a>
-        </mock:shadow-root>
-        IC Link Test
-      </ic-link>
-    `);
-    });
-    it("should render a slotted link", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link>
-        <ic-link slot="router-item">Slotted Link</ic-link>
-      </ic-link>`,
-        });
-        expect(page.root).toEqualHtml(`<ic-link class="ic-link-default ic-link">
-    <mock:shadow-root>
-      <slot name="router-item"></slot>
-    </mock:shadow-root>
-    <ic-link class="ic-link-default ic-link" slot="router-item">
-      <mock:shadow-root>
-        <a tabindex="-1">
-          <slot></slot>
-        </a>
-      </mock:shadow-root>
-      Slotted Link
-      </ic-link>
-      </ic-link>
-    `);
-    });
-    it("should get theme from context", async () => {
-        const page = await newSpecPage({
-            components: [Alert, Link],
-            html: `<ic-alert message="This has an action"><ic-link slot="action">Theme context link</ic-link></ic-alert>`,
-        });
-        expect(page.root).toMatchSnapshot("alert-theme-context");
-    });
-    it("should correctly set variant on theme change", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-hero heading="Hero heading" subheading="Hero description">
-      <ic-link slot="interaction">Link</ic-link>
-    </ic-hero>
-`,
-        });
-        page.rootInstance.themeChangeHandler({ detail: { mode: "dark" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.appearance).toBe("dark");
-        page.rootInstance.themeChangeHandler({ detail: { mode: "light" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.appearance).toBe("light");
-    });
-    it("should call 'setFocus' when link is focused", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link>IC Link Test</ic-link>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should update any attributes that are inherited from the root element", async () => {
-        const page = await newSpecPage({
-            components: [Link],
-            html: `<ic-link>IC Link Test</ic-link>`,
-        });
-        expect(page.root.shadowRoot.querySelector("a").getAttribute("aria-label")).toBeNull();
-        page.root.setAttribute("aria-label", "new-label");
-        page.rootInstance.hostMutationCallback([{ attributeName: "aria-label" }]);
-        await page.waitForChanges();
-        expect(page.root.shadowRoot.querySelector("a").getAttribute("aria-label")).toBe("new-label");
-        page.rootInstance.disconnectedCallback();
-    });
-});
-//# sourceMappingURL=ic-link.spec.js.map