@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.10

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

@@ -5,6 +5,7 @@ import { Button } from "../../../ic-button/ic-button";
 import { TextField } from "../../../ic-text-field/ic-text-field";
 import { AccordionGroup } from "../../../ic-accordion-group/ic-accordion-group";
 import { Accordion } from "../../../ic-accordion/ic-accordion";
+import { SearchBar } from "../../../ic-search-bar/ic-search-bar";
 const DIALOG_DELAY_MS = 100;
 const setupDialogMethods = (page) => {
     page.rootInstance.dialogEl.showModal = jest.fn(function mock() {
@@ -370,6 +371,25 @@ describe("ic-dialog component", () => {
         await page.waitForChanges();
         expect(page.rootInstance.focusedElementIndex).toBe(1);
     });
+    it("should render with a ic-search-bar as first focussable element", async () => {
+        const page = await newSpecPage({
+            components: [Dialog, Accordion, Button, SearchBar],
+            html: `<ic-dialog heading="Dialog heading">
+        <ic-search-bar label="What is your favourite coffee?"></ic-search-bar>
+        <ic-button>Click Me</ic-button>
+      </ic-dialog>`,
+        });
+        setupDialogMethods(page);
+        const dialog = document.querySelector("ic-dialog");
+        dialog.open = true;
+        await page.waitForChanges();
+        //delay for setTimeout in code
+        await waitForTimeout(DIALOG_DELAY_MS);
+        expect(page.rootInstance.interactiveElementList[1].nodeName).toBe("IC-SEARCH-BAR");
+        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Tab")));
+        await page.waitForChanges();
+        expect(page.rootInstance.focusedElementIndex).toBe(1);
+    });
     it("should render with the close button", async () => {
         const page = await newSpecPage({
             components: [Dialog, Button],
@@ -416,13 +436,13 @@ describe("ic-dialog component", () => {
         await waitForTimeout(DIALOG_DELAY_MS);
         expect(page.rootInstance.dialogEl.show).toBeCalled();
     });
-});
-it("should render as large size and disableWidthConstraint is set", async () => {
-    const page = await newSpecPage({
-        components: [Dialog, Button],
-        html: `<ic-dialog heading="Dialog heading" size="large" disable-width-constraint="true" buttons="false"></ic-dialog>`,
+    it("should render as large size and disableWidthConstraint is set", async () => {
+        const page = await newSpecPage({
+            components: [Dialog, Button],
+            html: `<ic-dialog heading="Dialog heading" size="large" disable-width-constraint="true" buttons="false"></ic-dialog>`,
+        });
+        setupDialogMethods(page);
+        expect(page.root).toMatchSnapshot();
     });
-    setupDialogMethods(page);
-    expect(page.root).toMatchSnapshot();
 });
 //# sourceMappingURL=ic-dialog.spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ic-dialog.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-dialog/test/basic/ic-dialog.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from \"@stencil/core/testing\";\nimport { Dialog } from \"../../ic-dialog\";\nimport {\n  waitForTimeout,\n  testKeyboardEvent as keyboardEvent,\n} from \"../../../../testspec.setup\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { TextField } from \"../../../ic-text-field/ic-text-field\";\nimport { AccordionGroup } from \"../../../ic-accordion-group/ic-accordion-group\";\nimport { Accordion } from \"../../../ic-accordion/ic-accordion\";\n\nconst DIALOG_DELAY_MS = 100;\n\nconst setupDialogMethods = (page: SpecPage) => {\n  page.rootInstance.dialogEl.showModal = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = true;\n  });\n\n  page.rootInstance.dialogEl.show = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = true;\n  });\n\n  page.rootInstance.dialogEl.close = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = false;\n  });\n};\n\ndescribe(\"ic-dialog component\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a label\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" label=\"Dialog label\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with no buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\">Dialog content</ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as medium size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"medium\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as large size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"large\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with two default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should display with the open prop\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogOpened\", eventSpy);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide with the open prop\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogClosed\", eventSpy);\n\n    dialog.open = false;\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test icDialogCancelled event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test icDialogConfirmed event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[2].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test cancelDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    await dialog.cancelDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test confirmDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    await dialog.confirmDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should render with slotted controls\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"><ic-button variant=\"primary\" onclick=\"alert('Confirmed!')\" slot=\"dialog-controls\">Confirm</ic-button></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should hide when the escape key is pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Escape\"))\n    );\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should hide when something besides the dialog is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should not hide when close-on-backdrop-click false\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" close-on-backdrop-click=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide when the close button is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"ic-button\").click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should trigger private focusNextInteractiveElement method when tab pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should render with an accordion group as first focussable element\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, AccordionGroup, Accordion, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-accordion-group label=\"Test heading\">\n          <ic-accordion>\n            <ic-typography variant=\"body\" >\n              This is an example of the main body text.\n            </ic-typography>\n          </ic-accordion>\n        </ic-accordion-group>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.interactiveElementList[1].nodeName).toBe(\n      \"IC-ACCORDION-GROUP\"\n    );\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.focusedElementIndex).toBe(1);\n  });\n\n  it(\"should render with an accordion as first focussable element\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Accordion, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-accordion>\n          <ic-typography variant=\"body\" >\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.interactiveElementList[1].nodeName).toBe(\n      \"IC-ACCORDION\"\n    );\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.focusedElementIndex).toBe(1);\n  });\n\n  it(\"should render with the close button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog with close button test\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render without the close button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog hide close button test\" hide-close-button=\"true\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call this.getInteractiveElements() when slot content changes\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\" disable-height-constraint=\"true\"></ic-dialog>',\n    });\n\n    const contentAreaSlot = document\n      .querySelector(\"ic-dialog\")\n      .shadowRoot.querySelector(\".content-area slot\");\n\n    jest\n      .spyOn(page.rootInstance, \"getInteractiveElements\")\n      .mockImplementation();\n\n    await page.rootInstance.refreshInteractiveElementsOnSlotChange();\n\n    contentAreaSlot.dispatchEvent(new Event(\"slotchange\"));\n\n    expect(page.rootInstance.getInteractiveElements).toBeCalledTimes(1);\n  });\n\n  it(\"should call dialog.show() disableHeightConstraint is set and open is true\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\" disable-height-constraint=\"true\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogEl.show).toBeCalled();\n  });\n});\n\nit(\"should render as large size and disableWidthConstraint is set\", async () => {\n  const page = await newSpecPage({\n    components: [Dialog, Button],\n    html: `<ic-dialog heading=\"Dialog heading\" size=\"large\" disable-width-constraint=\"true\" buttons=\"false\"></ic-dialog>`,\n  });\n\n  setupDialogMethods(page);\n\n  expect(page.root).toMatchSnapshot();\n});\n"]}
+{"version":3,"file":"ic-dialog.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-dialog/test/basic/ic-dialog.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from \"@stencil/core/testing\";\nimport { Dialog } from \"../../ic-dialog\";\nimport {\n  waitForTimeout,\n  testKeyboardEvent as keyboardEvent,\n} from \"../../../../testspec.setup\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { TextField } from \"../../../ic-text-field/ic-text-field\";\nimport { AccordionGroup } from \"../../../ic-accordion-group/ic-accordion-group\";\nimport { Accordion } from \"../../../ic-accordion/ic-accordion\";\nimport { SearchBar } from \"../../../ic-search-bar/ic-search-bar\";\n\nconst DIALOG_DELAY_MS = 100;\n\nconst setupDialogMethods = (page: SpecPage) => {\n  page.rootInstance.dialogEl.showModal = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = true;\n  });\n\n  page.rootInstance.dialogEl.show = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = true;\n  });\n\n  page.rootInstance.dialogEl.close = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = false;\n  });\n};\n\ndescribe(\"ic-dialog component\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a label\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" label=\"Dialog label\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with no buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\">Dialog content</ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as medium size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"medium\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as large size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"large\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with two default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should display with the open prop\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogOpened\", eventSpy);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide with the open prop\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogClosed\", eventSpy);\n\n    dialog.open = false;\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test icDialogCancelled event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test icDialogConfirmed event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[2].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test cancelDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    await dialog.cancelDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test confirmDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    await dialog.confirmDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should render with slotted controls\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"><ic-button variant=\"primary\" onclick=\"alert('Confirmed!')\" slot=\"dialog-controls\">Confirm</ic-button></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should hide when the escape key is pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Escape\"))\n    );\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should hide when something besides the dialog is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should not hide when close-on-backdrop-click false\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" close-on-backdrop-click=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide when the close button is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"ic-button\").click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should trigger private focusNextInteractiveElement method when tab pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should render with an accordion group as first focussable element\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, AccordionGroup, Accordion, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-accordion-group label=\"Test heading\">\n          <ic-accordion>\n            <ic-typography variant=\"body\" >\n              This is an example of the main body text.\n            </ic-typography>\n          </ic-accordion>\n        </ic-accordion-group>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.interactiveElementList[1].nodeName).toBe(\n      \"IC-ACCORDION-GROUP\"\n    );\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.focusedElementIndex).toBe(1);\n  });\n\n  it(\"should render with an accordion as first focussable element\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Accordion, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-accordion>\n          <ic-typography variant=\"body\" >\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.interactiveElementList[1].nodeName).toBe(\n      \"IC-ACCORDION\"\n    );\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.focusedElementIndex).toBe(1);\n  });\n\n  it(\"should render with a ic-search-bar as first focussable element\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Accordion, Button, SearchBar],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-search-bar label=\"What is your favourite coffee?\"></ic-search-bar>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.interactiveElementList[1].nodeName).toBe(\n      \"IC-SEARCH-BAR\"\n    );\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.focusedElementIndex).toBe(1);\n  });\n\n  it(\"should render with the close button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog with close button test\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render without the close button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog hide close button test\" hide-close-button=\"true\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call this.getInteractiveElements() when slot content changes\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\" disable-height-constraint=\"true\"></ic-dialog>',\n    });\n\n    const contentAreaSlot = document\n      .querySelector(\"ic-dialog\")\n      .shadowRoot.querySelector(\".content-area slot\");\n\n    jest\n      .spyOn(page.rootInstance, \"getInteractiveElements\")\n      .mockImplementation();\n\n    await page.rootInstance.refreshInteractiveElementsOnSlotChange();\n\n    contentAreaSlot.dispatchEvent(new Event(\"slotchange\"));\n\n    expect(page.rootInstance.getInteractiveElements).toBeCalledTimes(1);\n  });\n\n  it(\"should call dialog.show() disableHeightConstraint is set and open is true\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\" disable-height-constraint=\"true\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    dialog.open = true;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogEl.show).toBeCalled();\n  });\n\n  it(\"should render as large size and disableWidthConstraint is set\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"large\" disable-width-constraint=\"true\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -1,11 +1,302 @@
+/**
+  * @prop --ic-divider-vertical-height: The height of a vertical divider. The default value is `inherit`. 
+  */
+/**
+  * @prop --ic-divider-horizontal-width: The width of a horizontal divider. The default value is `inherit`.
+  */
+/**
+  * @prop --ic-divider-label-width: The max-width of the divider label. When orientation is set to `horizontal`, the default value is `max(20rem, 60%)`. When orientation is set to `vertical`, the default value is `20 rem`.
+  */
+
+/* IC-DIVIDER COLORS */
+/**
+  * @internal @prop --ic-divider-background
+  */
+/**
+  * @internal @prop --ic-divider-background-monochrome
+  */
+/**
+  * @internal @prop --ic-divider-label
+  */
+/**
+  * @internal @prop --ic-divider-label-monochrome
+  */
+
+/* Horizontal Divider */
+:host(.ic-divider-horizontal) {
+  display: flex;
+  width: var(--ic-divider-horizontal-width, 100%);
+  align-items: center;
+  -moz-column-gap: var(--ic-space-xxs);
+       column-gap: var(--ic-space-xxs);
+}
+
 hr {
   padding: 0;
   margin: 0;
   border: none;
-  height: var(--ic-space-1px);
-  background-color: var(--ic-keyline-darken-rgb);
+  border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);
+  width: inherit;
+}
+
+:host(.ic-divider-horizontal)::before,
+:host(.ic-divider-horizontal)::after {
+  border-left: none !important;
+}
+
+:host(.ic-divider-horizontal[label-placement="right"])::before,
+:host(.ic-divider-horizontal[label-placement="center"])::before,
+:host(.ic-divider-horizontal[label-placement="left"])::after,
+:host(.ic-divider-horizontal[label-placement="center"])::after {
+  content: "";
+  border: none;
+  width: 100%;
+}
+
+/* Vertical Divider */
+:host(.ic-divider-vertical) {
+  display: flex;
+  flex-direction: column;
+  height: var(--ic-divider-vertical-height, inherit);
+  width: -moz-max-content;
+  width: max-content;
+  align-items: center;
+  -moz-column-gap: var(--ic-space-xxs);
+       column-gap: var(--ic-space-xxs);
+  border: none;
+}
+
+:host(.ic-divider-vertical) div.vertical-divider {
+  display: flex;
+  height: inherit;
+}
+
+:host(.ic-divider-vertical[label-placement="bottom"])::before,
+:host(.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-divider-vertical[label-placement="top"])::after,
+:host(.ic-divider-vertical[label-placement="center"])::after {
+  content: "";
+  height: 100%;
+}
+
+/* Theme */
+hr,
+:host(.ic-divider-horizontal)[label-placement="right"]::before,
+:host(.ic-divider-horizontal[label-placement="center"])::before,
+:host(.ic-divider-horizontal[label-placement="left"])::after,
+:host(.ic-divider-horizontal[label-placement="center"])::after {
+  border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);
+}
+
+:host(.ic-divider-monochrome) hr,
+:host(.ic-divider-monochrome.ic-divider-horizontal)[label-placement="right"]::before,
+:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"])::before,
+:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement="left"])::after,
+:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"])::after {
+  border-bottom-color: var(--ic-divider-background-monochrome);
+}
+
+:host() div.vertical-divider,
+:host(.ic-divider-vertical[label-placement="bottom"])::before,
+:host(.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-divider-vertical[label-placement="top"])::after,
+:host(.ic-divider-vertical[label-placement="center"])::after {
+  border-left: solid var(--ic-space-1px) var(--ic-divider-background);
+}
+
+:host(.ic-divider-monochrome) div.vertical-divider,
+:host(.ic-divider-monochrome.ic-divider-vertical[label-placement="bottom"])::before,
+:host(.ic-divider-monochrome.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-divider-monochrome.ic-divider-vertical[label-placement="top"])::after,
+:host(.ic-divider-monochrome.ic-divider-vertical[label-placement="center"])::after {
+  border-left-color: var(--ic-divider-background-monochrome);
+}
+
+/* Divider in ic-side-navigation */
+:host(.ic-side-navigation-keyline.ic-theme-dark) {
+  --ic-side-navigation-keyline: var(--ic-state-layer-lighten-20);
+}
+
+:host(.ic-side-navigation-keyline.ic-theme-light) {
+  --ic-side-navigation-keyline: var(--ic-state-layer-darken-20);
+}
+
+:host(.ic-side-navigation-keyline.ic-theme-dark) hr,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal)[label-placement="right"]::before,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="left"])::after,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"])::after {
+  border-bottom-color: var(--ic-side-navigation-keyline);
+}
+
+:host(.ic-side-navigation-keyline.ic-theme-dark) div.vertical-divider,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="bottom"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="top"])::after,
+:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"])::after {
+  border-left-color: var(--ic-side-navigation-keyline);
+}
+
+:host(.ic-side-navigation-keyline.ic-theme-light) hr,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal)[label-placement="right"]::before,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="left"])::after,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"])::after {
+  border-bottom-color: var(--ic-side-navigation-keyline);
+}
+
+:host(.ic-side-navigation-keyline.ic-theme-light) div.vertical-divider,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="bottom"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="top"])::after,
+:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"])::after {
+  border-left-color: var(--ic-divider-background-monochrome);
+}
+
+/* Weight */
+:host(.ic-divider-very-thick) hr,
+:host(.ic-divider-very-thick[label-placement="right"])::before,
+:host(.ic-divider-very-thick[label-placement="center"])::before,
+:host(.ic-divider-very-thick[label-placement="left"])::after,
+:host(.ic-divider-very-thick[label-placement="center"])::after {
+  border-bottom-width: var(--ic-space-xs);
 }
 
-hr.light {
-  background-color: var(--ic-keyline-lighten-rgb);
+:host(.ic-divider-very-thick) .vertical-divider,
+:host(.ic-divider-very-thick[label-placement="bottom"])::before,
+:host(.ic-divider-very-thick[label-placement="center"])::before,
+:host(.ic-divider-very-thick[label-placement="top"])::after,
+:host(.ic-divider-very-thick[label-placement="center"])::after {
+  border-left-width: var(--ic-space-xs);
+}
+
+:host(.ic-divider-thick) hr,
+:host(.ic-divider-thick[label-placement="right"])::before,
+:host(.ic-divider-thick[label-placement="center"])::before,
+:host(.ic-divider-thick[label-placement="left"])::after,
+:host(.ic-divider-thick[label-placement="center"])::after {
+  border-bottom-width: var(--ic-space-xxs);
+}
+
+:host(.ic-divider-thick) .vertical-divider,
+:host(.ic-divider-thick[label-placement="bottom"])::before,
+:host(.ic-divider-thick[label-placement="center"])::before,
+:host(.ic-divider-thick[label-placement="top"])::after,
+:host(.ic-divider-thick[label-placement="center"])::after {
+  border-left-width: var(--ic-space-xxs);
+}
+
+:host(.ic-divider-medium) hr,
+:host(.ic-divider-medium[label-placement="right"])::before,
+:host(.ic-divider-medium[label-placement="center"])::before,
+:host(.ic-divider-medium[label-placement="left"])::after,
+:host(.ic-divider-medium[label-placement="center"])::after {
+  border-bottom-width: var(--ic-space-xxxs);
+}
+
+:host(.ic-divider-medium) .vertical-divider,
+:host(.ic-divider-medium[label-placement="bottom"])::before,
+:host(.ic-divider-medium[label-placement="center"])::before,
+:host(.ic-divider-medium[label-placement="top"])::after,
+:host(.ic-divider-medium[label-placement="center"])::after {
+  border-left-width: var(--ic-space-xxxs);
+}
+
+:host(.ic-divider-thin) hr,
+:host(.ic-divider-thin[label-placement="right"])::before,
+:host(.ic-divider-thin[label-placement="center"])::before,
+:host(.ic-divider-thin[label-placement="left"])::after,
+:host(.ic-divider-thin[label-placement="center"])::after {
+  border-bottom-width: var(--ic-space-1px);
+}
+
+:host(.ic-divider-thin) .vertical-divider,
+:host(.ic-divider-thin[label-placement="bottom"])::before,
+:host(.ic-divider-thin.ic-divider-vertical[label-placement="center"])::before,
+:host(.ic-divider-thin[label-placement="top"])::after,
+:host(.ic-divider-thin.ic-divider-vertical[label-placement="center"])::after {
+  border-left-width: var(--ic-space-1px);
+}
+
+/* Border styling */
+:host(.ic-divider-dashed) hr,
+:host(.ic-divider-dashed[label-placement="right"])::before,
+:host(.ic-divider-dashed[label-placement="center"])::before,
+:host(.ic-divider-dashed[label-placement="left"])::after,
+:host(.ic-divider-dashed[label-placement="center"])::after {
+  border-bottom-style: dashed;
+}
+
+:host(.ic-divider-dashed) .vertical-divider,
+:host(.ic-divider-dashed[label-placement="bottom"])::before,
+:host(.ic-divider-dashed[label-placement="center"])::before,
+:host(.ic-divider-dashed[label-placement="top"])::after,
+:host(.ic-divider-dashed[label-placement="center"])::after {
+  border-left-style: dashed;
+}
+
+/* Label styling */
+:host() .ic-divider-label {
+  text-wrap: wrap;
+  text-align: left;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: var(--ic-divider-label-width, max(20rem, 60%));
+}
+
+:host(.ic-divider-horizontal[label-placement="center"]) .ic-divider-label {
+  text-align: center;
+}
+
+:host(.ic-divider-vertical) .ic-divider-label {
+  text-align: center;
+}
+
+:host() .ic-divider-label-container {
+  width: -moz-max-content;
+  width: max-content;
+  max-width: var(--ic-divider-label-width, max(20rem, 60%));
+}
+
+:host(.ic-divider-vertical) .ic-divider-label {
+  max-width: var(--ic-divider-label-width, 20rem);
+}
+
+:host(.ic-divider-vertical) .ic-divider-label-container {
+  max-width: var(--ic-divider-label-width, 20rem);
+}
+
+:host() .ic-divider-label p {
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+}
+
+:host() .ic-divider-label,
+:host() ::slotted(*) {
+  color: var(--ic-divider-label);
+}
+
+:host(.ic-divider-monochrome) .ic-divider-label,
+:host(.ic-divider-monochrome) ::slotted(*) {
+  color: var(--ic-divider-label-monochrome);
+}
+
+/* High contrast */
+@media (forced-colors: active) {
+  hr,
+  :host(.ic-divider-horizontal[label-placement="right"])::before,
+  :host(.ic-divider-horizontal[label-placement="center"])::before,
+  :host(.ic-divider-horizontal[label-placement="left"])::after,
+  :host(.ic-divider-horizontal[label-placement="center"])::after {
+    border-bottom-color: transparent;
+  }
+
+  :host() div.vertical-divider,
+  :host(.ic-divider-vertical[label-placement="bottom"])::before,
+  :host(.ic-divider-vertical[label-placement="center"])::before,
+  :host(.ic-divider-vertical[label-placement="top"])::after,
+  :host(.ic-divider-vertical[label-placement="center"])::after {
+    border-left-color: transparent;
+  }
 }