@six-group/ui-library 0.0.0-insider.bc75fdf → 0.0.0-insider.bea5ab5

package/dist/collection/components/six-tab-panel/test/six-tab-panel.spec.js

@@ -1,20 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTabPanel } from "../six-tab-panel";
-describe('six-tab-panel', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SixTabPanel],
-      html: `<six-tab-panel></six-tab-panel>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <six-tab-panel id="tab-panel-1" style="display: none;">
-        <mock:shadow-root>
-          <div aria-hidden="true" aria-selected="false" class="tab-panel" part="base" role="tabpanel">
-            <slot></slot>
-          </div>
-        </mock:shadow-root>
-      </six-tab-panel>
-    `);
-  });
-});
-//# sourceMappingURL=six-tab-panel.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tab-panel.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tab-panel/test/six-tab-panel.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,iCAAiC;KACxC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTabPanel } from '../six-tab-panel';\n\ndescribe('six-tab-panel', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTabPanel],\n      html: `<six-tab-panel></six-tab-panel>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tab-panel id=\"tab-panel-1\" style=\"display: none;\">\n        <mock:shadow-root>\n          <div aria-hidden=\"true\" aria-selected=\"false\" class=\"tab-panel\" part=\"base\" role=\"tabpanel\">\n            <slot></slot>\n          </div>\n        </mock:shadow-root>\n      </six-tab-panel>\n    `);\n  });\n});\n"]}

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

@@ -1,54 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTag } from "../six-tag";
-describe('six-tag', () => {
-  beforeEach(async () => {
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-      observe: jest.fn(),
-      unobserve: jest.fn(),
-      disconnect: jest.fn(),
-    }));
-  });
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SixTag],
-      html: `<six-tag size="small">label</six-tag>`,
-    });
-    expect(page.root).toEqualHtml(`
-
-      <six-tag size="small" type="primary">
-        <mock:shadow-root>
-          <span class="tag tag--primary tag--small" part="base">
-          <six-tooltip>
-            <span class="tag__content" part="content">
-              <slot></slot>
-            </span>
-            </six-tooltip>
-          </span>
-        </mock:shadow-root>
-        label
-      </six-tag>
-    `);
-  });
-  it('renders clearable', async () => {
-    const page = await newSpecPage({
-      components: [SixTag],
-      html: `<six-tag size="medium" clearable>label</six-tag>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <six-tag clearable="" size="medium" type="primary">
-        <mock:shadow-root>
-          <span class="tag tag--clear tag--medium tag--primary" part="base">
-          <six-tooltip>
-            <span class="tag__content" part="content">
-              <slot></slot>
-            </span>
-          </six-tooltip>
-            <six-icon-button class="tag__clear" exportparts="base:clear-button" name="clear" size="xSmall"></six-icon-button>
-          </span>
-        </mock:shadow-root>
-        label
-      </six-tag>
-    `);
-  });
-});
-//# sourceMappingURL=six-tag.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tag.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tag/test/six-tag.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACvB,UAAU,CAAC,KAAK,IAAI,EAAE;IACpB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;MAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;MAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;MACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;KACtB,CAAC,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uCAAuC;KAC9C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;IACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,kDAAkD;KACzD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTag } from '../six-tag';\n\ndescribe('six-tag', () => {\n  beforeEach(async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"small\">label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n\n      <six-tag size=\"small\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--primary tag--small\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n            </six-tooltip>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n\n  it('renders clearable', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"medium\" clearable>label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tag clearable=\"\" size=\"medium\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--clear tag--medium tag--primary\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n          </six-tooltip>\n            <six-icon-button class=\"tag__clear\" exportparts=\"base:clear-button\" name=\"clear\" size=\"xSmall\"></six-icon-button>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n});\n"]}

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

@@ -1,119 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTextarea } from "../six-textarea";
-describe('six-textarea', () => {
-  let page;
-  let textarea;
-  beforeEach(async () => {
-    var _a;
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-      observe: jest.fn(),
-      unobserve: jest.fn(),
-      disconnect: jest.fn(),
-    }));
-    page = (await newSpecPage({
-      components: [SixTextarea],
-      html: `<six-textarea></six-textarea>`,
-      supportsShadowDom: true,
-    }));
-    const element = (_a = page.root.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('textarea');
-    if (element != null) {
-      textarea = element;
-      return;
-    }
-    fail('textarea not found');
-  });
-  it('renders', async () => {
-    // then
-    expect(page.root).toEqualHtml(`
-      <six-textarea size="medium" value="">
-        <mock:shadow-root>
-         <div class="form-control form-control--medium" part="form-control">
-           <label aria-hidden="true" class="form-control__label" htmlfor="textarea-1" id="textarea-label-1" part="label">
-             <slot name="label"></slot>
-           </label>
-           <div class="form-control__input">
-             <div class="textarea textarea--empty textarea--medium textarea--resize-vertical" part="base"><textarea aria-labelledby="textarea-label-1" autocapitalize="off" autocorrect="off" class="textarea__control" id="textarea-1" part="textarea" rows="4" value=""></textarea>
-             </div>
-           </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" id="textarea-help-text-1" part="help-text">
-             <slot name="help-text"></slot>
-           </div>
-         </div>
-       </mock:shadow-root>
-     </six-textarea>
-    `);
-  });
-  it('should properly dispatch blur event', async () => {
-    const spy = jest.fn();
-    page.root.addEventListener('six-textarea-blur', spy);
-    await page.waitForChanges();
-    // when
-    textarea.dispatchEvent(new Event('blur'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-blur',
-    }));
-    // when
-    page.root.value = 'some new value';
-    await page.waitForChanges();
-    textarea.dispatchEvent(new Event('blur'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-blur',
-    }));
-  });
-  it('should properly dispatch focus event', async () => {
-    const spy = jest.fn();
-    page.root.addEventListener('six-textarea-focus', spy);
-    await page.waitForChanges();
-    // when
-    textarea.dispatchEvent(new Event('focus'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-focus',
-    }));
-    // when
-    page.root.value = 'some new value';
-    await page.waitForChanges();
-    textarea.dispatchEvent(new Event('focus'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-focus',
-    }));
-  });
-  it('should properly dispatch input event', async () => {
-    const spy = jest.fn();
-    page.root.addEventListener('six-textarea-input', spy);
-    await page.waitForChanges();
-    // when
-    textarea.dispatchEvent(new Event('input'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-input',
-    }));
-    // when
-    page.root.value = 'some new value';
-    await page.waitForChanges();
-    textarea.dispatchEvent(new Event('input'));
-    await page.waitForChanges();
-    // then
-    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-      detail: undefined,
-      type: 'six-textarea-input',
-    }));
-  });
-});
-//# sourceMappingURL=six-textarea.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-textarea.spec.js","sourceRoot":"","sources":["../../../../src/components/six-textarea/test/six-textarea.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage, SpecPage } from '@stencil/core/testing';\nimport { SixTextarea } from '../six-textarea';\n\ninterface TypedSpecPage<T> extends SpecPage {\n  root: HTMLElement & T;\n}\n\ndescribe('six-textarea', () => {\n  let page: TypedSpecPage<SixTextarea>;\n  let textarea: HTMLTextAreaElement;\n\n  beforeEach(async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n\n    page = (await newSpecPage({\n      components: [SixTextarea],\n      html: `<six-textarea></six-textarea>`,\n      supportsShadowDom: true,\n    })) as TypedSpecPage<SixTextarea>;\n\n    const element = page.root.shadowRoot?.querySelector('textarea');\n    if (element != null) {\n      textarea = element;\n      return;\n    }\n    fail('textarea not found');\n  });\n\n  it('renders', async () => {\n    // then\n    expect(page.root).toEqualHtml(`\n      <six-textarea size=\"medium\" value=\"\">\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=\"textarea-1\" id=\"textarea-label-1\" part=\"label\">\n             <slot name=\"label\"></slot>\n           </label>\n           <div class=\"form-control__input\">\n             <div class=\"textarea textarea--empty textarea--medium textarea--resize-vertical\" part=\"base\"><textarea aria-labelledby=\"textarea-label-1\" autocapitalize=\"off\" autocorrect=\"off\" class=\"textarea__control\" id=\"textarea-1\" part=\"textarea\" rows=\"4\" value=\"\"></textarea>\n             </div>\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\" id=\"textarea-help-text-1\" part=\"help-text\">\n             <slot name=\"help-text\"></slot>\n           </div>\n         </div>\n       </mock:shadow-root>\n     </six-textarea>\n    `);\n  });\n\n  it('should properly dispatch blur event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-blur', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('blur'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-blur',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('blur'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-blur',\n      })\n    );\n  });\n\n  it('should properly dispatch focus event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-focus', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('focus'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-focus',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('focus'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-focus',\n      })\n    );\n  });\n\n  it('should properly dispatch input event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-input', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('input'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-input',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('input'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-input',\n      })\n    );\n  });\n});\n"]}

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

@@ -1,69 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTile } from "../six-tile";
-describe('six-tile', () => {
-  it('renders six-tile with props', async () => {
-    const page = await newSpecPage({
-      components: [SixTile],
-      html: `<six-tile label="Medium" icon-name="home"></six-tile>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <six-tile label="Medium" icon-name="home" size="medium">
-        <mock:shadow-root>
-          <six-tooltip disabled="" content="Medium">
-            <div class="tile tile--medium tile--visible" part="base">
-              <div class="tile__header" part="header">
-                <six-icon-button name="close" size="medium"></six-icon-button>
-              </div>
-              <div class="tile__body" part="body">
-                <six-icon size="xxLarge">
-                  home
-                </six-icon>
-              </div>
-              <div class="tile__footer--medium" part="footer">
-                <div class=".label__footer">
-                  Medium
-                </div>
-              </div>
-            </div>
-          </six-tooltip>
-        </mock:shadow-root>
-      </six-tile>
-    `);
-  });
-  it('renders six-tile with slot', async () => {
-    const page = await newSpecPage({
-      components: [SixTile],
-      html: `
-      <six-tile>
-        <six-icon slot="icon">delete</six-icon>
-        <div slot="label">short label</div>
-      </six-tile>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <six-tile size="medium">
-        <mock:shadow-root>
-          <six-tooltip content="" disabled="">
-            <div class="tile tile--medium tile--visible" part="base">
-              <div class="tile__header" part="header">
-                <six-icon-button name="close" size="medium"></six-icon-button>
-              </div>
-              <div class="tile__body" part="body">
-                <slot name="icon"></slot>
-              </div>
-              <div class="tile__footer--medium" part="footer">
-                <slot name="label"></slot>
-              </div>
-            </div>
-          </six-tooltip>
-        </mock:shadow-root>
-        <six-icon slot="icon">
-          delete
-        </six-icon>
-        <div slot="label">
-          short label
-        </div>
-      </six-tile>
-    `);
-  });
-});
-//# sourceMappingURL=six-tile.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tile.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tile/test/six-tile.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;EACxB,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;IAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,uDAAuD;KAC9D,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;IAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE;;;;kBAIM;KACb,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTile } from '../six-tile';\n\ndescribe('six-tile', () => {\n  it('renders six-tile with props', async () => {\n    const page = await newSpecPage({\n      components: [SixTile],\n      html: `<six-tile label=\"Medium\" icon-name=\"home\"></six-tile>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tile label=\"Medium\" icon-name=\"home\" size=\"medium\">\n        <mock:shadow-root>\n          <six-tooltip disabled=\"\" content=\"Medium\">\n            <div class=\"tile tile--medium tile--visible\" part=\"base\">\n              <div class=\"tile__header\" part=\"header\">\n                <six-icon-button name=\"close\" size=\"medium\"></six-icon-button>\n              </div>\n              <div class=\"tile__body\" part=\"body\">\n                <six-icon size=\"xxLarge\">\n                  home\n                </six-icon>\n              </div>\n              <div class=\"tile__footer--medium\" part=\"footer\">\n                <div class=\".label__footer\">\n                  Medium\n                </div>\n              </div>\n            </div>\n          </six-tooltip>\n        </mock:shadow-root>\n      </six-tile>\n    `);\n  });\n\n  it('renders six-tile with slot', async () => {\n    const page = await newSpecPage({\n      components: [SixTile],\n      html: `\n      <six-tile>\n        <six-icon slot=\"icon\">delete</six-icon>\n        <div slot=\"label\">short label</div>\n      </six-tile>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tile size=\"medium\">\n        <mock:shadow-root>\n          <six-tooltip content=\"\" disabled=\"\">\n            <div class=\"tile tile--medium tile--visible\" part=\"base\">\n              <div class=\"tile__header\" part=\"header\">\n                <six-icon-button name=\"close\" size=\"medium\"></six-icon-button>\n              </div>\n              <div class=\"tile__body\" part=\"body\">\n                <slot name=\"icon\"></slot>\n              </div>\n              <div class=\"tile__footer--medium\" part=\"footer\">\n                <slot name=\"label\"></slot>\n              </div>\n            </div>\n          </six-tooltip>\n        </mock:shadow-root>\n        <six-icon slot=\"icon\">\n          delete\n        </six-icon>\n        <div slot=\"label\">\n          short label\n        </div>\n      </six-tile>\n    `);\n  });\n});\n"]}