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

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

@@ -1,324 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Typography } from "../../ic-typography";
-describe("ic-typography component", () => {
-  it("should render with default body styles", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography>IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h1 with h1 variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="h1">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h2 with h2 variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="h2">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h3 with h3 variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="h3">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h4 with h4 variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="h4">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h5 with subtitle-large variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="subtitle-large">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render h6 with subtitle-small variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="subtitle-small">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with body variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="body">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render caption variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="caption">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render caption uppercase variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="caption-uppercase">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render label with label variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="label">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render label uppercase with label-uppercase variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="label-uppercase">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render code large with code-large variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="code-large">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render code small with code-small variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="code-small">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render code extra small with code-extra-small variant", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="code-extra-small">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with italic style", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="body" italic="true">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with bold style", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="body" bold="true">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with strikethrough", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="body" strikethrough="true">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render with underline", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="body" underline="true">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should allow semantic component to be passed in and variant styling applied", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography variant="h1"><h3>IC Typography Test</h3></ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should apply vertical margins class if vertical margins prop true", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography apply-vertical-margins>IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should apply className provided to root element to typography element", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography class="test-class">IC Typography Test</ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should render the typography with truncation", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    expect(page.root).toMatchSnapshot();
-    page.rootInstance.truncated = true;
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-  it("should test toggle of see more/less", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.checkMaxLines(96);
-    await page.waitForChanges();
-    expect(page.rootInstance.truncated).toBe(true);
-    expect(page.rootInstance.expanded).toBe(false);
-    const button = page.root.shadowRoot.querySelector("button");
-    button.click();
-    await page.waitForChanges();
-    expect(page.rootInstance.expanded).toBe(true);
-    button.click();
-    await page.waitForChanges();
-    expect(page.rootInstance.expanded).toBe(false);
-  });
-  it("should test truncation applied when number of lines exceeds max", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.checkMaxLines(96);
-    await page.waitForChanges();
-    expect(page.rootInstance.truncated).toBe(true);
-  });
-  it("should test checkMarkerPosition", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.truncatedHeight = 300;
-    page.rootInstance.checkMarkerPosition(100, 200);
-    expect(page.rootInstance.truncated).toBe(false);
-    expect(page.rootInstance.expanded).toBe(false);
-    page.rootInstance.checkMarkerPosition(100, 500);
-    expect(page.rootInstance.truncated).toBe(true);
-  });
-  it("should test truncation button focus", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.truncated = true;
-    await page.waitForChanges();
-    const button = page.root.shadowRoot.querySelector("button");
-    button.focus();
-    await page.waitForChanges();
-    expect(button).toHaveClass("focus");
-    button.blur();
-    await page.waitForChanges();
-    expect(button).not.toHaveClass("focus");
-  });
-  it("should test truncation button mousedown handler", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.truncated = true;
-    await page.waitForChanges();
-    const button = page.root.shadowRoot.querySelector("button");
-    const event = new Event("mousedown", {
-      bubbles: true,
-      cancelable: true,
-    });
-    button.dispatchEvent(event);
-    await page.waitForChanges();
-    expect(page.rootInstance.focusBtnFromKeyboard).toBe(false);
-    button.focus();
-    await page.waitForChanges();
-    expect(button).not.toHaveClass("focus");
-  });
-  it("should test resizeObserver", async () => {
-    const page = await newSpecPage({
-      components: [Typography],
-      html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-    });
-    page.rootInstance.el.clientHeight = 96;
-    page.rootInstance.el.clientWidth = 200;
-    page.rootInstance.resizeObserverCallback();
-    expect(page.rootInstance.lastWidth).toBe(undefined);
-    expect(page.rootInstance.truncated).toBe(true);
-    //lastMarkerTop will get overwritten with 0
-    page.rootInstance.lastMarkerTop = 120;
-    page.rootInstance.resizeObserverCallback();
-    expect(page.rootInstance.lastWidth).toBe(200);
-    expect(page.rootInstance.lastMarkerTop).toBe(0);
-    //test lastMarkerTop not overwritten with 0 as widths should match
-    page.rootInstance.lastMarkerTop = 120;
-    page.rootInstance.resizeObserverCallback();
-    expect(page.rootInstance.lastMarkerTop).toBe(120);
-    //test lastWidth not overwritten as merkerTop should match lastMarkerTop
-    page.rootInstance.el.clientWidth = 300;
-    page.rootInstance.lastMarkerTop = 0;
-    page.rootInstance.resizeObserverCallback();
-    expect(page.rootInstance.lastWidth).toBe(200);
-    //test disconnected callback
-    page.setContent("");
-  });
-});
-//# sourceMappingURL=ic-typography.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-typography.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-typography/test/basic/ic-typography.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Typography } from \"../../ic-typography\";\n\ndescribe(\"ic-typography component\", () => {\n  it(\"should render with default body styles\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography>IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h1 with h1 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h1\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h2 with h2 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h2\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h3 with h3 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h3\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h4 with h4 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h4\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h5 with subtitle-large variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"subtitle-large\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h6 with subtitle-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"subtitle-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with body variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render caption variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"caption\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render caption uppercase variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"caption-uppercase\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render label with label variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"label\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render label uppercase with label-uppercase variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"label-uppercase\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code large with code-large variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-large\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code small with code-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code extra small with code-extra-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-extra-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with italic style\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" italic=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with bold style\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" bold=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with strikethrough\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" strikethrough=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with underline\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" underline=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should allow semantic component to be passed in and variant styling applied\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h1\"><h3>IC Typography Test</h3></ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply vertical margins class if vertical margins prop true\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography apply-vertical-margins>IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply className provided to root element to typography element\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography class=\"test-class\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render the typography with truncation\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.rootInstance.truncated = true;\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test toggle of see more/less\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.checkMaxLines(96);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.truncated).toBe(true);\n    expect(page.rootInstance.expanded).toBe(false);\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(true);\n\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(false);\n  });\n\n  it(\"should test truncation applied when number of lines exceeds max\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.checkMaxLines(96);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.truncated).toBe(true);\n  });\n\n  it(\"should test checkMarkerPosition\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncatedHeight = 300;\n    page.rootInstance.checkMarkerPosition(100, 200);\n\n    expect(page.rootInstance.truncated).toBe(false);\n    expect(page.rootInstance.expanded).toBe(false);\n\n    page.rootInstance.checkMarkerPosition(100, 500);\n    expect(page.rootInstance.truncated).toBe(true);\n  });\n\n  it(\"should test truncation button focus\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncated = true;\n    await page.waitForChanges();\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n    button.focus();\n    await page.waitForChanges();\n    expect(button).toHaveClass(\"focus\");\n\n    button.blur();\n    await page.waitForChanges();\n    expect(button).not.toHaveClass(\"focus\");\n  });\n\n  it(\"should test truncation button mousedown handler\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncated = true;\n    await page.waitForChanges();\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n\n    const event = new Event(\"mousedown\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    button.dispatchEvent(event);\n    await page.waitForChanges();\n    expect(page.rootInstance.focusBtnFromKeyboard).toBe(false);\n\n    button.focus();\n    await page.waitForChanges();\n    expect(button).not.toHaveClass(\"focus\");\n  });\n\n  it(\"should test resizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.el.clientHeight = 96;\n    page.rootInstance.el.clientWidth = 200;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(undefined);\n    expect(page.rootInstance.truncated).toBe(true);\n\n    //lastMarkerTop will get overwritten with 0\n    page.rootInstance.lastMarkerTop = 120;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(200);\n    expect(page.rootInstance.lastMarkerTop).toBe(0);\n\n    //test lastMarkerTop not overwritten with 0 as widths should match\n    page.rootInstance.lastMarkerTop = 120;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastMarkerTop).toBe(120);\n\n    //test lastWidth not overwritten as merkerTop should match lastMarkerTop\n    page.rootInstance.el.clientWidth = 300;\n    page.rootInstance.lastMarkerTop = 0;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(200);\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n});\n"]}

package/dist/collection/utils/constants.js

@@ -1,81 +0,0 @@
-import errorIcon from "../assets/error-icon.svg";
-import infoIcon from "../assets/info-icon.svg";
-import neutralIcon from "../assets/neutral-icon.svg";
-import successIcon from "../assets/success-icon.svg";
-import warningIcon from "../assets/warning-icon.svg";
-// Global status icons
-export const VARIANT_ICONS = {
-  neutral: {
-    icon: neutralIcon,
-    ariaLabel: "Neutral",
-  },
-  info: {
-    icon: infoIcon,
-    ariaLabel: "For your information",
-  },
-  warning: {
-    icon: warningIcon,
-    ariaLabel: "Warning",
-  },
-  error: {
-    icon: errorIcon,
-    ariaLabel: "Error",
-  },
-  success: {
-    icon: successIcon,
-    ariaLabel: "Success",
-  },
-};
-// Global ARIA attributes
-export const IC_INHERITED_ARIA = [
-  "aria-atomic",
-  "aria-busy",
-  "aria-controls",
-  "aria-current",
-  "aria-describedby",
-  "aria-description",
-  "aria-details",
-  "aria-disabled",
-  "aria-dropeffect",
-  "aria-errormessage",
-  "aria-flowto",
-  "aria-grabbed",
-  "aria-haspopup",
-  "aria-hidden",
-  "aria-invalid",
-  "aria-keyshortcuts",
-  "aria-label",
-  "aria-labelledby",
-  "aria-live",
-  "aria-owns",
-  "aria-relevant",
-  "aria-roledescription",
-];
-export const IC_DEVICE_SIZES = {
-  XS: 576,
-  S: 768,
-  M: 992,
-  L: 1200,
-  XL: 99999,
-};
-export const IC_BLOCK_COLOR_COMPONENTS = [
-  "ic-hero",
-  "ic-top-navigation",
-  "ic-footer",
-  "ic-side-navigation",
-  "ic-alert",
-];
-export const IC_FIXED_COLOR_COMPONENTS = ["ic-alert"];
-export const IC_BLOCK_COLOR_EXCEPTIONS = {
-  "ic-alert": ["ic-link"],
-};
-/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours
- * The brightness difference must be greater than 125 to provide good colour visibility
- * Calculated by:
- * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast
- * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)
- * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)
- */
-export const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;
-export const WHITE_MAX_COLOR_BRIGHTNESS = 130;
-//# sourceMappingURL=constants.js.map

package/dist/collection/utils/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,sBAAsB;AACtB,MAAM,CAAC,MAAM,aAAa,GAAG;EAC3B,OAAO,EAAE;IACP,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;GACrB;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,sBAAsB;GAClC;EACD,OAAO,EAAE;IACP,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;GACrB;EACD,KAAK,EAAE;IACL,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,OAAO;GACnB;EACD,OAAO,EAAE;IACP,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;GACrB;CACF,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,iBAAiB,GAAG;EAC/B,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,eAAe;EACf,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,WAAW;EACX,eAAe;EACf,sBAAsB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;EAC7B,EAAE,EAAE,GAAG;EACP,CAAC,EAAE,GAAG;EACN,CAAC,EAAE,GAAG;EACN,CAAC,EAAE,IAAI;EACP,EAAE,EAAE,KAAK;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;EACvC,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,oBAAoB;EACpB,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,UAAU,CAAC,CAAC;AAMtD,MAAM,CAAC,MAAM,yBAAyB,GAAsB;EAC1D,UAAU,EAAE,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAClD,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC","sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n"]}

package/dist/collection/utils/types.js

@@ -1,13 +0,0 @@
-export var IcInformationStatus;
-(function (IcInformationStatus) {
-  IcInformationStatus["Warning"] = "warning";
-  IcInformationStatus["Error"] = "error";
-  IcInformationStatus["Success"] = "success";
-})(IcInformationStatus || (IcInformationStatus = {}));
-export var IcThemeForegroundEnum;
-(function (IcThemeForegroundEnum) {
-  IcThemeForegroundEnum["Default"] = "default";
-  IcThemeForegroundEnum["Dark"] = "dark";
-  IcThemeForegroundEnum["Light"] = "light";
-})(IcThemeForegroundEnum || (IcThemeForegroundEnum = {}));
-//# sourceMappingURL=types.js.map

package/dist/collection/utils/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;EAC7B,0CAAmB,CAAA;EACnB,sCAAe,CAAA;EACf,0CAAmB,CAAA;AACrB,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAkED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;EAC/B,4CAAmB,CAAA;EACnB,sCAAa,CAAA;EACb,wCAAe,CAAA;AACjB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC","sourcesContent":["export type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcRequiredPropsTypes =\n  | string\n  | boolean\n  | number\n  | HTMLElement\n  | IcMenuOption[];\n\nexport type IcPropObject = { prop: IcRequiredPropsTypes; propName: string };\n\nexport type IcRelatedTarget = EventTarget | undefined;\n\nexport type IcOrientation = \"horizontal\" | \"vertical\";\n\nexport type IcSizes = \"default\" | \"large\" | \"small\";\n\nexport interface IcValueEventDetail {\n  value: string;\n  keyPressed?: string;\n}\nexport interface IcBlurEventDetail {\n  relatedTarget: IcRelatedTarget;\n}\n"]}

package/dist/components/ic-alert.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcAlert extends Components.IcAlert, HTMLElement {}
-export const IcAlert: {
-  prototype: IcAlert;
-  new (): IcAlert;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-back-to-top.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcBackToTop extends Components.IcBackToTop, HTMLElement {}
-export const IcBackToTop: {
-  prototype: IcBackToTop;
-  new (): IcBackToTop;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-breadcrumb-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcBreadcrumbGroup extends Components.IcBreadcrumbGroup, HTMLElement {}
-export const IcBreadcrumbGroup: {
-  prototype: IcBreadcrumbGroup;
-  new (): IcBreadcrumbGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-breadcrumb.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcBreadcrumb extends Components.IcBreadcrumb, HTMLElement {}
-export const IcBreadcrumb: {
-  prototype: IcBreadcrumb;
-  new (): IcBreadcrumb;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcButton extends Components.IcButton, HTMLElement {}
-export const IcButton: {
-  prototype: IcButton;
-  new (): IcButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcCard extends Components.IcCard, HTMLElement {}
-export const IcCard: {
-  prototype: IcCard;
-  new (): IcCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-checkbox-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcCheckboxGroup extends Components.IcCheckboxGroup, HTMLElement {}
-export const IcCheckboxGroup: {
-  prototype: IcCheckboxGroup;
-  new (): IcCheckboxGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-checkbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcCheckbox extends Components.IcCheckbox, HTMLElement {}
-export const IcCheckbox: {
-  prototype: IcCheckbox;
-  new (): IcCheckbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-chip.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcChip extends Components.IcChip, HTMLElement {}
-export const IcChip: {
-  prototype: IcChip;
-  new (): IcChip;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-classification-banner.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcClassificationBanner extends Components.IcClassificationBanner, HTMLElement {}
-export const IcClassificationBanner: {
-  prototype: IcClassificationBanner;
-  new (): IcClassificationBanner;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-data-entity.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcDataEntity extends Components.IcDataEntity, HTMLElement {}
-export const IcDataEntity: {
-  prototype: IcDataEntity;
-  new (): IcDataEntity;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ic-data-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IcDataRow extends Components.IcDataRow, HTMLElement {}
-export const IcDataRow: {
-  prototype: IcDataRow;
-  new (): IcDataRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;