@six-group/ui-library 0.0.0-insider.e433304 → 0.0.0-insider.e8b5a11

package/dist/cjs/slot-1b1232a1.js.map

@@ -1 +0,0 @@
-{"file":"slot-1b1232a1.js","mappings":";;AAAA;AACA;AACA;AACA;SACgB,cAAc,CAAC,IAAsB;IACnD,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;IACxE,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI;QAClB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;YACpC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AAED;AACA;AACA;AACA;SACgB,OAAO,CAAC,EAAe,EAAE,IAAa;;IAEpD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,EAAE,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;KACtD;;IAGD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;;QACzC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,MAAK,EAAE,EAAE;YACvE,OAAO,IAAI,CAAC;SACb;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC,MAAM,EAAE,GAAG,IAAmB,CAAC;YAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;gBAC5B,OAAO,IAAI,CAAC;aACb;SACF;QAED,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;AACL,CAAC;SAEe,OAAO,CAAC,OAAsC,EAAE,QAAgB;IAC9E,IAAI,OAAO,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAC;AACvD;;;;;;","names":[],"sources":["src/utils/slot.ts"],"sourcesContent":["//\n// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n// string. This is useful because we can't use slot.textContent as an alternative.\n//\nexport function getTextContent(slot?: HTMLSlotElement): string {\n  const nodes = slot != null ? slot.assignedNodes({ flatten: true }) : [];\n  let text = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      text += node.textContent;\n    }\n  });\n\n  return text;\n}\n\n//\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n//\nexport function hasSlot(el: HTMLElement, name?: string): boolean {\n  // Look for a named slot\n  if (name != null && name !== '') {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(el.childNodes).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function getSlot(element: ParentNode | null | undefined, slotName: string): HTMLElement | null {\n  if (element == null) return null;\n  return element.querySelector(`[slot=\"${slotName}\"]`);\n}\n"],"version":3}

package/dist/cjs/types-d3da200b.js

@@ -1,19 +0,0 @@
-'use strict';
-
-// eslint-disable-next-line @stencil-community/ban-exported-const-enums
-exports.ItemPickerType = void 0;
-(function (ItemPickerType) {
-    ItemPickerType["NUMBER"] = "number";
-    ItemPickerType["LETTER"] = "letter";
-    ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
-    ItemPickerType["LOWER_LETTER"] = "lower-letter";
-    ItemPickerType["CUSTOM"] = "custom";
-})(exports.ItemPickerType || (exports.ItemPickerType = {}));
-// eslint-disable-next-line @stencil-community/ban-exported-const-enums
-exports.ItemPickerPaddingDirection = void 0;
-(function (ItemPickerPaddingDirection) {
-    ItemPickerPaddingDirection["BEFORE"] = "before";
-    ItemPickerPaddingDirection["AFTER"] = "after";
-})(exports.ItemPickerPaddingDirection || (exports.ItemPickerPaddingDirection = {}));
-
-//# sourceMappingURL=types-d3da200b.js.map

package/dist/cjs/types-d3da200b.js.map

@@ -1 +0,0 @@
-{"file":"types-d3da200b.js","mappings":";;AAAA;AACYA;AAAZ,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mDAAiC,CAAA;IACjC,+CAA6B,CAAA;IAC7B,mCAAiB,CAAA;AACnB,CAAC,EANWA,sBAAc,KAAdA,sBAAc,QAMzB;AAED;AACYC;AAAZ,WAAY,0BAA0B;IACpC,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EAHWA,kCAA0B,KAA1BA,kCAA0B;;","names":["ItemPickerType","ItemPickerPaddingDirection"],"sources":["src/components/six-item-picker/types.ts"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\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"]}