@six-group/ui-library 0.0.0-insider.4b8cb1b → 0.0.0-insider.513eb55

package/dist/cjs/modal-3ce015be.js.map

@@ -1 +0,0 @@
-{"file":"modal-3ce015be.js","mappings":";;AAAA;AACA;AACA;MACa,wBAAwB,GAAG;IACtC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK;QACX,OAAO,CAAC,KAAK,CAAC;YACZ,IAAI,aAAa;gBACf,SAAS,GAAG,IAAI,CAAC;gBACjB,OAAO,KAAK,CAAC;aACd;SACF,CAAC,CAAC;IAEL,OAAO,SAAS,CAAC;AACnB;;ACZA,IAAI,YAAY,GAAkB,EAAE,CAAC;MAEhB,KAAK;IAIxB,YAAY,OAAoB,EAAE,OAAsB;QACtD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpD;IAED,QAAQ;QACN,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC1D;IAED,UAAU;QACR,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;QACtE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC7D;IAED,QAAQ;;QAEN,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;KAC/D;IAED,aAAa,CAAC,KAAY;;QACxB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;;QAGnD,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,QAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,CAAA,KAAK,UAAU,EAAE;YACjH,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,CAAC,KAAK,CAAC,CAAC;SACjC;KACF;;;;;;","names":[],"sources":["src/utils/support.ts","src/utils/modal.ts"],"sourcesContent":["//\n// Determines if the browser supports focus({ preventScroll })\n//\nexport const isPreventScrollSupported = () => {\n  let supported = false;\n\n  const element = document.createElement('div');\n  element.focus &&\n    element.focus({\n      get preventScroll() {\n        supported = true;\n        return false;\n      },\n    });\n\n  return supported;\n};\n","interface ModalOptions {\n  onFocusOut?: (event: Event) => void;\n}\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  options?: ModalOptions;\n\n  constructor(element: HTMLElement, options?: ModalOptions) {\n    this.element = element;\n    this.options = options;\n    this.handleFocusIn = this.handleFocusIn.bind(this);\n  }\n\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  deactivate() {\n    activeModals = activeModals.filter((modal) => modal !== this.element);\n    document.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  handleFocusIn(event: Event) {\n    const target = event.target as HTMLElement;\n    const tagName = this.element.tagName.toLowerCase();\n\n    // If focus is lost while the modal is active, run the onFocusOut callback\n    if (this.isActive() && target.closest(tagName) !== this.element && typeof this.options?.onFocusOut === 'function') {\n      this.options?.onFocusOut(event);\n    }\n  }\n}\n"],"version":3}

package/dist/collection/components/six-alert/test/six-alert.spec.js

@@ -1,25 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixAlert } from "../six-alert";
-describe('six-alert', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixAlert],
-            html: `<six-alert></six-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-alert type="primary">
-        <mock:shadow-root>
-          <div aria-atomic="true" aria-hidden="true" aria-live="assertive" class="alert alert--primary" part="base" role="alert">
-            <span class="alert__icon" part="icon">
-              <slot name="icon"></slot>
-            </span>
-            <span class="alert__message" part="message">
-              <slot></slot>
-            </span>
-          </div>
-        </mock:shadow-root>
-      </six-alert>
-    `);
-    });
-});
-//# sourceMappingURL=six-alert.spec.js.map

package/dist/collection/components/six-alert/test/six-alert.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-alert.spec.js","sourceRoot":"","sources":["../../../../src/components/six-alert/test/six-alert.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixAlert } from '../six-alert';\n\ndescribe('six-alert', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixAlert],\n      html: `<six-alert></six-alert>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-alert type=\"primary\">\n        <mock:shadow-root>\n          <div aria-atomic=\"true\" aria-hidden=\"true\" aria-live=\"assertive\" class=\"alert alert--primary\" part=\"base\" role=\"alert\">\n            <span class=\"alert__icon\" part=\"icon\">\n              <slot name=\"icon\"></slot>\n            </span>\n            <span class=\"alert__message\" part=\"message\">\n              <slot></slot>\n            </span>\n          </div>\n        </mock:shadow-root>\n      </six-alert>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-avatar/test/six-avatar.spec.js

@@ -1,26 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixAvatar } from "../six-avatar";
-describe('six-avatar', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixAvatar],
-            html: `<six-avatar></six-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-avatar>
-        <mock:shadow-root>
-          <div aria-label="" class="avatar avatar--circle" part="base" role="image" tabindex="0">
-          <div class="avatar__icon" part="icon">
-            <slot name="icon">
-              <six-icon>
-                person
-              </six-icon>
-            </slot>
-          </div>
-        </div>
-        </mock:shadow-root>
-      </six-avatar>
-    `);
-    });
-});
-//# sourceMappingURL=six-avatar.spec.js.map

package/dist/collection/components/six-avatar/test/six-avatar.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-avatar.spec.js","sourceRoot":"","sources":["../../../../src/components/six-avatar/test/six-avatar.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixAvatar } from '../six-avatar';\n\ndescribe('six-avatar', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixAvatar],\n      html: `<six-avatar></six-avatar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-avatar>\n        <mock:shadow-root>\n          <div aria-label=\"\" class=\"avatar avatar--circle\" part=\"base\" role=\"image\" tabindex=\"0\">\n          <div class=\"avatar__icon\" part=\"icon\">\n            <slot name=\"icon\">\n              <six-icon>\n                person\n              </six-icon>\n            </slot>\n          </div>\n        </div>\n        </mock:shadow-root>\n      </six-avatar>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-badge/test/six-badge.spec.js

@@ -1,20 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixBadge } from "../six-badge";
-describe('six-badge', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixBadge],
-            html: `<six-badge></six-badge>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-badge>
-        <mock:shadow-root>
-          <span class="badge badge--primary" part="base" role="status">
-            <slot></slot>
-          </span>
-         </mock:shadow-root>
-      </six-badge>
-    `);
-    });
-});
-//# sourceMappingURL=six-badge.spec.js.map

package/dist/collection/components/six-badge/test/six-badge.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-badge.spec.js","sourceRoot":"","sources":["../../../../src/components/six-badge/test/six-badge.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixBadge } from '../six-badge';\n\ndescribe('six-badge', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixBadge],\n      html: `<six-badge></six-badge>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-badge>\n        <mock:shadow-root>\n          <span class=\"badge badge--primary\" part=\"base\" role=\"status\">\n            <slot></slot>\n          </span>\n         </mock:shadow-root>\n      </six-badge>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-button/test/six-button.spec.js

@@ -1,69 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixButton } from "../six-button";
-describe('six-button', () => {
-    it('should create a component instance', () => {
-        expect(new SixButton()).toBeInstanceOf(SixButton);
-    });
-    describe('rendering', () => {
-        let page;
-        let button;
-        beforeEach(async () => {
-            var _a, _b;
-            page = (await newSpecPage({
-                components: [SixButton],
-                html: `<six-button></six-button>`,
-                supportsShadowDom: true,
-            }));
-            const queryResult = (_b = (_a = page.root) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[data-testid="button"]');
-            if (queryResult != null) {
-                button = queryResult;
-            }
-        });
-        it('renders', async () => {
-            expect(page.root).toEqualHtml(`
-      <six-button size="medium" type="primary">
-        <mock:shadow-root>
-         <div>
-          <button class="button button--primary button--medium" part="base" type="button" data-testid="button" value="">
-            <span part="prefix" class="button__prefix">
-              <slot name="prefix"></slot>
-            </span>
-            <span part="label" class="button__label">
-              <slot></slot>
-            </span>
-            <span part="suffix" class="button__suffix">
-              <slot name="suffix"></slot>
-            </span>
-          </button>
-         </div>
-        </mock:shadow-root>
-      </six-button>
-    `);
-        });
-        describe('custom events', () => {
-            it(`should propagate custom 'six-button-blur' event`, async () => {
-                var _a;
-                const spy = jest.fn();
-                (_a = page.root) === null || _a === void 0 ? void 0 : _a.addEventListener('six-button-blur', spy);
-                await page.waitForChanges();
-                // when
-                button.dispatchEvent(new Event('blur'));
-                await page.waitForChanges();
-                // then
-                expect(spy).toHaveBeenCalled();
-            });
-            it(`should propagate custom 'six-button-focus' event`, async () => {
-                var _a;
-                const spy = jest.fn();
-                (_a = page.root) === null || _a === void 0 ? void 0 : _a.addEventListener('six-button-focus', spy);
-                await page.waitForChanges();
-                // when
-                button.dispatchEvent(new Event('focus'));
-                await page.waitForChanges();
-                // then
-                expect(spy).toHaveBeenCalled();
-            });
-        });
-    });
-});
-//# sourceMappingURL=six-button.spec.js.map

package/dist/collection/components/six-button/test/six-button.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-button.spec.js","sourceRoot":"","sources":["../../../../src/components/six-button/test/six-button.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAY,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,IAAI,IAA8B,CAAC;QACnC,IAAI,MAAyB,CAAC;QAE9B,UAAU,CAAC,KAAK,IAAI,EAAE;;YACpB,IAAI,GAAG,CAAC,MAAM,WAAW,CAAC;gBACxB,UAAU,EAAE,CAAC,SAAS,CAAC;gBACvB,IAAI,EAAE,2BAA2B;gBACjC,iBAAiB,EAAE,IAAI;aACxB,CAAC,CAA6B,CAAC;YAChC,MAAM,WAAW,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,0CAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;YACnF,IAAI,WAAW,IAAI,IAAI,EAAE;gBACvB,MAAM,GAAG,WAAgC,CAAC;aAC3C;QACH,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;YACvB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB/B,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC7B,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;gBAC/D,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBACtB,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;gBACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;gBACxC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACjC,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;gBAChE,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBACtB,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;gBACrD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACjC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage, SpecPage } from '@stencil/core/testing';\nimport { SixButton } from '../six-button';\n\ninterface TypedSpecPage<T> extends Omit<SpecPage, 'root'> {\n  root?: HTMLElement & T;\n}\n\ndescribe('six-button', () => {\n  it('should create a component instance', () => {\n    expect(new SixButton()).toBeInstanceOf(SixButton);\n  });\n\n  describe('rendering', () => {\n    let page: TypedSpecPage<SixButton>;\n    let button: HTMLButtonElement;\n\n    beforeEach(async () => {\n      page = (await newSpecPage({\n        components: [SixButton],\n        html: `<six-button></six-button>`,\n        supportsShadowDom: true,\n      })) as TypedSpecPage<SixButton>;\n      const queryResult = page.root?.shadowRoot?.querySelector('[data-testid=\"button\"]');\n      if (queryResult != null) {\n        button = queryResult as HTMLButtonElement;\n      }\n    });\n\n    it('renders', async () => {\n      expect(page.root).toEqualHtml(`\n      <six-button size=\"medium\" type=\"primary\">\n        <mock:shadow-root>\n         <div>\n          <button class=\"button button--primary button--medium\" part=\"base\" type=\"button\" data-testid=\"button\" value=\"\">\n            <span part=\"prefix\" class=\"button__prefix\">\n              <slot name=\"prefix\"></slot>\n            </span>\n            <span part=\"label\" class=\"button__label\">\n              <slot></slot>\n            </span>\n            <span part=\"suffix\" class=\"button__suffix\">\n              <slot name=\"suffix\"></slot>\n            </span>\n          </button>\n         </div>\n        </mock:shadow-root>\n      </six-button>\n    `);\n    });\n\n    describe('custom events', () => {\n      it(`should propagate custom 'six-button-blur' event`, async () => {\n        const spy = jest.fn();\n        page.root?.addEventListener('six-button-blur', spy);\n        await page.waitForChanges();\n\n        // when\n        button.dispatchEvent(new Event('blur'));\n        await page.waitForChanges();\n\n        // then\n        expect(spy).toHaveBeenCalled();\n      });\n\n      it(`should propagate custom 'six-button-focus' event`, async () => {\n        const spy = jest.fn();\n        page.root?.addEventListener('six-button-focus', spy);\n        await page.waitForChanges();\n\n        // when\n        button.dispatchEvent(new Event('focus'));\n        await page.waitForChanges();\n\n        // then\n        expect(spy).toHaveBeenCalled();\n      });\n    });\n  });\n});\n"]}

package/dist/collection/components/six-card/test/six-card.spec.js

@@ -1,18 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixCard } from "../six-card";
-describe('six-card', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixCard],
-            html: `<six-card></six-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-card>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </six-card>
-    `);
-    });
-});
-//# sourceMappingURL=six-card.spec.js.map

package/dist/collection/components/six-card/test/six-card.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-card.spec.js","sourceRoot":"","sources":["../../../../src/components/six-card/test/six-card.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uBAAuB;SAC9B,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixCard } from '../six-card';\n\ndescribe('six-card', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixCard],\n      html: `<six-card></six-card>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-card>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </six-card>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js

@@ -1,83 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixCheckbox } from "../six-checkbox";
-describe('six-checkbox', () => {
-    it('default', async () => {
-        const page = await newSpecPage({
-            components: [SixCheckbox],
-            html: `<six-checkbox></six-checkbox>`,
-        });
-        expect(page.root).toEqualHtml(`
-       <six-checkbox>
-         <mock:shadow-root>
-           <div class="form-control form-control--medium" part="form-control">
-             <label aria-hidden="true" class="form-control__label" htmlfor="checkbox-1" id="checkbox-label-1" part="label">
-               <slot name="label"></slot>
-             </label>
-             <div class="form-control__input">
-               <label class="checkbox" htmlfor="checkbox-1" part="base">
-                 <span class="checkbox__control" part="control">
-                   <input aria-checked="false" aria-labelledby="checkbox-label-1" id="checkbox-1" role="checkbox" type="checkbox" value="on">
-                 </span>
-                 <span class="checkbox__text" id="checkbox-text-1" part="text">
-                   <slot></slot>
-                 </span>
-               </label>
-             </div>
-             <div aria-hidden="true" class="form-control__error-text" id="input-error-text-1" part="error-text">
-              <slot name="error-text"></slot>
-             </div>
-             <div aria-hidden="true" class="form-control__help-text" part="help-text">
-               <slot name="help-text"></slot>
-             </div>
-           </div>
-         </mock:shadow-root>
-       </six-checkbox>
-    `);
-    });
-    it('checked', async () => {
-        const page = await newSpecPage({
-            components: [SixCheckbox],
-            html: `<six-checkbox checked></six-checkbox>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-checkbox checked="">
-        <mock:shadow-root>
-          <div class="form-control form-control--medium" part="form-control">
-            <label aria-hidden="true" class="form-control__label" htmlfor="checkbox-2" id="checkbox-label-2" part="label">
-                <slot name="label"></slot>
-            </label>
-            <div class="form-control__input">
-              <label class="checkbox checkbox--checked" htmlfor="checkbox-2" part="base">
-                <span part="control" class="checkbox__control">
-                  <span part="checked-icon" class="checkbox__icon">
-                    <svg viewBox="0 0 16 16">
-                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-                        <g stroke="currentColor" stroke-width="2">
-                          <g transform="translate(3.428571, 3.428571)">
-                            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
-                            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
-                          </g>
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                  <input id="checkbox-2" type="checkbox" role="checkbox" aria-checked="true" aria-labelledby="checkbox-label-2" checked="" value="on">
-                </span>
-                <span part="text" id="checkbox-text-2" class="checkbox__text">
-                  <slot></slot>
-                </span>
-              </label>
-            </div>
-            <div aria-hidden="true" class="form-control__error-text" id="input-error-text-2" part="error-text">
-              <slot name="error-text"></slot>
-            </div>
-            <div aria-hidden="true" class="form-control__help-text" part="help-text">
-                <slot name="help-text"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-    </six-checkbox>
-    `);
-    });
-});
-//# sourceMappingURL=six-checkbox.spec.js.map

package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-checkbox.spec.js","sourceRoot":"","sources":["../../../../src/components/six-checkbox/test/six-checkbox.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;KA0B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixCheckbox } from '../six-checkbox';\n\ndescribe('six-checkbox', () => {\n  it('default', async () => {\n    const page = await newSpecPage({\n      components: [SixCheckbox],\n      html: `<six-checkbox></six-checkbox>`,\n    });\n    expect(page.root).toEqualHtml(`\n       <six-checkbox>\n         <mock:shadow-root>\n           <div class=\"form-control form-control--medium\" part=\"form-control\">\n             <label aria-hidden=\"true\" class=\"form-control__label\" htmlfor=\"checkbox-1\" id=\"checkbox-label-1\" part=\"label\">\n               <slot name=\"label\"></slot>\n             </label>\n             <div class=\"form-control__input\">\n               <label class=\"checkbox\" htmlfor=\"checkbox-1\" part=\"base\">\n                 <span class=\"checkbox__control\" part=\"control\">\n                   <input aria-checked=\"false\" aria-labelledby=\"checkbox-label-1\" id=\"checkbox-1\" role=\"checkbox\" type=\"checkbox\" value=\"on\">\n                 </span>\n                 <span class=\"checkbox__text\" id=\"checkbox-text-1\" part=\"text\">\n                   <slot></slot>\n                 </span>\n               </label>\n             </div>\n             <div aria-hidden=\"true\" class=\"form-control__error-text\" id=\"input-error-text-1\" part=\"error-text\">\n              <slot name=\"error-text\"></slot>\n             </div>\n             <div aria-hidden=\"true\" class=\"form-control__help-text\" part=\"help-text\">\n               <slot name=\"help-text\"></slot>\n             </div>\n           </div>\n         </mock:shadow-root>\n       </six-checkbox>\n    `);\n  });\n\n  it('checked', async () => {\n    const page = await newSpecPage({\n      components: [SixCheckbox],\n      html: `<six-checkbox checked></six-checkbox>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-checkbox checked=\"\">\n        <mock:shadow-root>\n          <div class=\"form-control form-control--medium\" part=\"form-control\">\n            <label aria-hidden=\"true\" class=\"form-control__label\" htmlfor=\"checkbox-2\" id=\"checkbox-label-2\" part=\"label\">\n                <slot name=\"label\"></slot>\n            </label>\n            <div class=\"form-control__input\">\n              <label class=\"checkbox checkbox--checked\" htmlfor=\"checkbox-2\" part=\"base\">\n                <span part=\"control\" class=\"checkbox__control\">\n                  <span part=\"checked-icon\" class=\"checkbox__icon\">\n                    <svg viewBox=\"0 0 16 16\">\n                      <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                        <g stroke=\"currentColor\" stroke-width=\"2\">\n                          <g transform=\"translate(3.428571, 3.428571)\">\n                            <path d=\"M0,5.71428571 L3.42857143,9.14285714\"></path>\n                            <path d=\"M9.14285714,0 L3.42857143,9.14285714\"></path>\n                          </g>\n                        </g>\n                      </g>\n                    </svg>\n                  </span>\n                  <input id=\"checkbox-2\" type=\"checkbox\" role=\"checkbox\" aria-checked=\"true\" aria-labelledby=\"checkbox-label-2\" checked=\"\" value=\"on\">\n                </span>\n                <span part=\"text\" id=\"checkbox-text-2\" class=\"checkbox__text\">\n                  <slot></slot>\n                </span>\n              </label>\n            </div>\n            <div aria-hidden=\"true\" class=\"form-control__error-text\" id=\"input-error-text-2\" part=\"error-text\">\n              <slot name=\"error-text\"></slot>\n            </div>\n            <div aria-hidden=\"true\" class=\"form-control__help-text\" part=\"help-text\">\n                <slot name=\"help-text\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n    </six-checkbox>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js

@@ -1,26 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDatepicker } from "../six-datepicker";
-describe('six-datepicker', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDatepicker],
-            html: `<six-datepicker></six-datepicker>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-datepicker>
-        <mock:shadow-root>
-        <div class="datepicker__container">
-          <six-input class="input--empty" errortext="" label="" part="base" size="medium" value="">
-            <span class="prefix" part="icon" slot="prefix">
-              <six-icon size="medium">
-                today
-              </six-icon>
-            </span>
-          </six-input>
-          </div>
-        </mock:shadow-root>
-      </six-datepicker>
-    `);
-    });
-});
-//# sourceMappingURL=six-datepicker.spec.js.map

package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-datepicker.spec.js","sourceRoot":"","sources":["../../../../src/components/six-datepicker/test/six-datepicker.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDatepicker } from '../six-datepicker';\n\ndescribe('six-datepicker', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDatepicker],\n      html: `<six-datepicker></six-datepicker>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-datepicker>\n        <mock:shadow-root>\n        <div class=\"datepicker__container\">\n          <six-input class=\"input--empty\" errortext=\"\" label=\"\" part=\"base\" size=\"medium\" value=\"\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                today\n              </six-icon>\n            </span>\n          </six-input>\n          </div>\n        </mock:shadow-root>\n      </six-datepicker>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-details/test/six-details.spec.js

@@ -1,36 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDetails } from "../six-details";
-describe('six-details', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDetails],
-            html: `<six-details></six-details>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-details summary-icon-size="inherit">
-        <mock:shadow-root>
-          <div class="details" part="base">
-            <header aria-controls="details-1-content" aria-disabled="false" aria-expanded="false" class="details__header" id="details-1-header" part="header" role="button" tabindex="0">
-              <div class="details__summary" part="summary">
-                <slot name="summary"></slot>
-              </div>
-              <span class="details__summary-icon details__summary-icon--animate" part="summary-icon">
-                <slot name="summary-icon">
-                  <six-icon size="inherit">
-                    expand_more
-                  </six-icon>
-                </slot>
-              </span>
-            </header>
-            <div class="details__body" hidden="">
-              <div aria-labelledby="details-1-header" class="details__content" id="details-1-content" part="content" role="region">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-details>
-    `);
-    });
-});
-//# sourceMappingURL=six-details.spec.js.map

package/dist/collection/components/six-details/test/six-details.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-details.spec.js","sourceRoot":"","sources":["../../../../src/components/six-details/test/six-details.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDetails } from '../six-details';\n\ndescribe('six-details', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDetails],\n      html: `<six-details></six-details>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-details summary-icon-size=\"inherit\">\n        <mock:shadow-root>\n          <div class=\"details\" part=\"base\">\n            <header aria-controls=\"details-1-content\" aria-disabled=\"false\" aria-expanded=\"false\" class=\"details__header\" id=\"details-1-header\" part=\"header\" role=\"button\" tabindex=\"0\">\n              <div class=\"details__summary\" part=\"summary\">\n                <slot name=\"summary\"></slot>\n              </div>\n              <span class=\"details__summary-icon details__summary-icon--animate\" part=\"summary-icon\">\n                <slot name=\"summary-icon\">\n                  <six-icon size=\"inherit\">\n                    expand_more\n                  </six-icon>\n                </slot>\n              </span>\n            </header>\n            <div class=\"details__body\" hidden=\"\">\n              <div aria-labelledby=\"details-1-header\" class=\"details__content\" id=\"details-1-content\" part=\"content\" role=\"region\">\n                <slot></slot>\n              </div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-details>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-dialog/test/six-dialog.spec.js

@@ -1,34 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDialog } from "../six-dialog";
-describe('six-dialog', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDialog],
-            html: `<six-dialog></six-dialog>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dialog>
-        <mock:shadow-root>
-          <div class="dialog" part="base">
-            <div class="dialog__overlay" part="overlay"></div>
-            <div aria-hidden="true" aria-labelledby="dialog-1-title" aria-modal="true" class="dialog__panel" part="panel" role="dialog" tabindex="0">
-              <header class="dialog__header" part="header">
-                <span class="dialog__title" id="dialog-1-title" part="title">
-                    <slot name="label"></slot>
-                </span>
-                <six-icon-button class="dialog__close" exportparts="base:close-button" name="close"></six-icon-button>
-              </header>
-              <div class="dialog__body" part="body">
-                <slot></slot>
-              </div>
-              <footer class="dialog__footer" part="footer">
-                <slot name="footer"></slot>
-              </footer>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-dialog>
-    `);
-    });
-});
-//# sourceMappingURL=six-dialog.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-dialog.spec.js","sourceRoot":"","sources":["../../../../src/components/six-dialog/test/six-dialog.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDialog } from '../six-dialog';\n\ndescribe('six-dialog', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDialog],\n      html: `<six-dialog></six-dialog>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dialog>\n        <mock:shadow-root>\n          <div class=\"dialog\" part=\"base\">\n            <div class=\"dialog__overlay\" part=\"overlay\"></div>\n            <div aria-hidden=\"true\" aria-labelledby=\"dialog-1-title\" aria-modal=\"true\" class=\"dialog__panel\" part=\"panel\" role=\"dialog\" tabindex=\"0\">\n              <header class=\"dialog__header\" part=\"header\">\n                <span class=\"dialog__title\" id=\"dialog-1-title\" part=\"title\">\n                    <slot name=\"label\"></slot>\n                </span>\n                <six-icon-button class=\"dialog__close\" exportparts=\"base:close-button\" name=\"close\"></six-icon-button>\n              </header>\n              <div class=\"dialog__body\" part=\"body\">\n                <slot></slot>\n              </div>\n              <footer class=\"dialog__footer\" part=\"footer\">\n                <slot name=\"footer\"></slot>\n              </footer>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-dialog>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-drawer/test/six-drawer.spec.js

@@ -1,34 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDrawer } from "../six-drawer";
-describe('six-drawer', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDrawer],
-            html: `<six-drawer></six-drawer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-drawer>
-        <mock:shadow-root>
-          <div class="drawer drawer--fixed drawer--right" part="base">
-            <div class="drawer__overlay" part="overlay" tabindex="-1"></div>
-            <div aria-hidden="true" aria-labelledby="drawer-1-title" aria-modal="true" class="drawer__panel" part="panel" role="dialog" tabindex="0">
-              <header class="drawer__header" part="header">
-                <span class="drawer__title" id="drawer-1-title" part="title">
-                  <slot name="label"></slot>
-                </span>
-                <six-icon-button class="drawer__close" exportparts="base:close-button" name="close"></six-icon-button>
-              </header>
-              <div class="drawer__body" part="body">
-                <slot></slot>
-              </div>
-              <footer class="drawer__footer" part="footer">
-                <slot name="footer"></slot>
-              </footer>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-drawer>
-    `);
-    });
-});
-//# sourceMappingURL=six-drawer.spec.js.map

package/dist/collection/components/six-drawer/test/six-drawer.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-drawer.spec.js","sourceRoot":"","sources":["../../../../src/components/six-drawer/test/six-drawer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDrawer } from '../six-drawer';\n\ndescribe('six-drawer', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDrawer],\n      html: `<six-drawer></six-drawer>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-drawer>\n        <mock:shadow-root>\n          <div class=\"drawer drawer--fixed drawer--right\" part=\"base\">\n            <div class=\"drawer__overlay\" part=\"overlay\" tabindex=\"-1\"></div>\n            <div aria-hidden=\"true\" aria-labelledby=\"drawer-1-title\" aria-modal=\"true\" class=\"drawer__panel\" part=\"panel\" role=\"dialog\" tabindex=\"0\">\n              <header class=\"drawer__header\" part=\"header\">\n                <span class=\"drawer__title\" id=\"drawer-1-title\" part=\"title\">\n                  <slot name=\"label\"></slot>\n                </span>\n                <six-icon-button class=\"drawer__close\" exportparts=\"base:close-button\" name=\"close\"></six-icon-button>\n              </header>\n              <div class=\"drawer__body\" part=\"body\">\n                <slot></slot>\n              </div>\n              <footer class=\"drawer__footer\" part=\"footer\">\n                <slot name=\"footer\"></slot>\n              </footer>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-drawer>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-dropdown/test/six-dropdown.spec.js

@@ -1,147 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDropdown } from "../six-dropdown";
-import { SixMenu } from "../../six-menu/six-menu";
-describe('six-dropdown', () => {
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-        observe: jest.fn(),
-        unobserve: jest.fn(),
-        disconnect: jest.fn(),
-    }));
-    it('renders open=false', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown>
-      <div class="dropdown" id="dropdown-1" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" hidden="">
-             <div aria-hidden="true" aria-labelledby="dropdown-1" class="dropdown__panel" part="panel" role="menu">
-             <div class="dropdown__panel__scroll">
-              <six-menu></six-menu>
-            </div>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders open=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown open="">
-      <div class="dropdown dropdown--open" id="dropdown-2" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" style="position: absolute; left: 0; top: 0; margin: 0;">
-             <div aria-hidden="false" aria-labelledby="dropdown-2" class="dropdown__panel" part="panel" role="menu">
-             <div class="dropdown__panel__scroll">
-              <six-menu></six-menu>
-            </div>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders filter=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true" filter="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown filter="true" open="">
-        <div class="dropdown dropdown--open" id="dropdown-3" part="base">
-          <span class="dropdown__trigger" part="trigger">
-            <six-button caret="" slot="trigger">
-              Dropdown
-            </six-button>
-          </span>
-          <div class="dropdown__positioner dropdown__positioner__filtered" style="position: absolute; left: 0; top: 0; margin: 0;">
-            <div aria-hidden="false" aria-labelledby="dropdown-3" class="dropdown__panel" part="panel" role="menu">
-              <six-input aria-hidden="false" class="filter" dropdown-search="" placeholder="Filter...">
-                <six-icon class="filter__icon" size="small" slot="suffix">
-                  search
-                </six-icon>
-              </six-input>
-              <div class="dropdown__panel__scroll">
-                <six-menu></six-menu>
-              </div>
-            </div>
-          </div>
-        </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders dynamically added options', async () => {
-        // given
-        const page = await newSpecPage({
-            components: [SixDropdown, SixMenu],
-            html: ` <six-dropdown><six-button slot="trigger" caret>Dropdown</six-button></six-dropdown>`,
-        });
-        // when
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        page.root.options = Array.from(Array(3).keys()).map((idx) => ({
-            label: `label ${idx}`,
-            value: `value ${idx}`,
-        }));
-        await page.waitForChanges();
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-dropdown>
-      <mock:shadow-root>
-        <div class="dropdown" id="dropdown-4" part="base">
-          <span class="dropdown__trigger" part="trigger">
-            <slot name="trigger"></slot>
-          </span>
-          <div class="dropdown__positioner" hidden="">
-            <div aria-hidden="true" aria-labelledby="dropdown-4" class="dropdown__panel" part="panel" role="menu">
-              <div class="dropdown__panel__scroll">
-                <slot></slot>
-                <six-menu part="menu">
-                  <mock:shadow-root>
-                    <div class="menu" part="wrapper">
-                      <div part="base" role="menu" tabindex="0">
-                        <slot></slot>
-                        <six-menu-item value="value 0">
-                          label 0
-                        </six-menu-item>
-                        <six-menu-item value="value 1">
-                          label 1
-                        </six-menu-item>
-                        <six-menu-item value="value 2">
-                          label 2
-                        </six-menu-item>
-                      </div>
-                    </div>
-                  </mock:shadow-root>
-                </six-menu>
-              </div>
-              <slot name="dropdown-footer"></slot>
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <six-button caret="" slot="trigger">
-        Dropdown
-      </six-button>
-    </six-dropdown>
-    `);
-    });
-});
-//# sourceMappingURL=six-dropdown.spec.js.map