@patternfly/elements 2.0.0-rc.4 → 2.0.0-rc.6

package/pf-label/test/pf-label.spec.js

@@ -1,108 +0,0 @@
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { getColor, hexToRgb } from '@patternfly/pfe-tools/test/hex-to-rgb.js';
-import { PfLabel } from '@patternfly/elements/pf-label/pf-label.js';
-import { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
-import '@patternfly/pfe-tools/test/stub-logger.js';
-const example = html `
-  <pf-label>Default</pf-label>
-`;
-const exampleWithColorAttribute = html `
-  <pf-label color="red">Red</pf-label>
-`;
-const exampleWithColorAttributeEmpty = html `
-  <pf-label color="">Default</pf-label>
-`;
-const exampleWithOutlineAttribute = html `
-  <pf-label variant="outline">Default Outline</pf-label>
-`;
-const exampleWithIconAttribute = html `
-  <pf-label icon="rh-icon-virtual-storage-stack">Default Icon</pf-label>
-`;
-const exampleWithIconAttributeEmpty = html `
-  <pf-label icon="">Default</pf-label>
-`;
-const exampleWithCompactAttribute = html `
-  <pf-label compact>Default Compact</pf-label>
-`;
-describe('<pf-label>', function () {
-    before(function () {
-        // replace the default built-in icon set resolveIconName function
-        // with one that loads local icons.  we don't want tests dependent on
-        // prod servers.
-        PfIcon.addIconSet('rh', function (name) {
-            return new URL(`/elements/pf-icon/test/${name.replace('rh', 'rh-icon')}.svg`);
-        });
-    });
-    it('should upgrade', async function () {
-        const el = await createFixture(example);
-        const klass = customElements.get('pf-label');
-        expect(el)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfLabel);
-    });
-    it('should display default variant', async function () {
-        const el = await createFixture(example);
-        await el.updateComplete;
-        const container = el.shadowRoot.querySelector('#container');
-        const beforeStyles = getComputedStyle(container, '::before');
-        expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));
-        expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));
-        expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');
-    });
-    it('should display color variant if color attribute is present', async function () {
-        const el = await createFixture(exampleWithColorAttribute);
-        await el.updateComplete;
-        const container = el.shadowRoot.querySelector('#container');
-        const beforeStyles = getComputedStyle(container, '::before');
-        expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#7d1007'));
-        expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#faeae8'));
-        expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(201, 25, 11)');
-    });
-    it('should display default variant if color attribute is present but empty', async function () {
-        const el = await createFixture(exampleWithColorAttributeEmpty);
-        await el.updateComplete;
-        const container = el.shadowRoot.querySelector('#container');
-        const beforeStyles = getComputedStyle(container, '::before');
-        expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));
-        expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));
-        expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');
-    });
-    it('should display outline variant if the attribute outline is present', async function () {
-        const el = await createFixture(exampleWithOutlineAttribute);
-        await el.updateComplete;
-        const container = el.shadowRoot.querySelector('#container');
-        const beforeStyles = getComputedStyle(container, '::before');
-        expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));
-        expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#ffffff'));
-        expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');
-    });
-    it('should render a pf-icon if the icon attribute is present and valid', async function () {
-        const el = await createFixture(exampleWithIconAttribute);
-        await el.updateComplete;
-        const icon = el.shadowRoot.querySelector('pf-icon');
-        expect(icon.icon).to.equal(el.icon);
-    });
-    it('should not render a pf-icon if the icon attribute is present but empty', async function () {
-        const el = await createFixture(exampleWithIconAttributeEmpty);
-        await el.updateComplete;
-        const icon = el.shadowRoot.querySelector('pf-icon');
-        expect(icon).to.be.equal(null);
-    });
-    it('should display compact version if the attribute is-compact is present', async function () {
-        const el = await createFixture(exampleWithCompactAttribute);
-        await el.updateComplete;
-        const container = el.shadowRoot.querySelector('#container');
-        const beforeStyles = getComputedStyle(container, '::before');
-        const containerStyles = getComputedStyle(container);
-        expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));
-        expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));
-        expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');
-        expect(containerStyles.getPropertyValue('padding-top')).to.equal('0px');
-        expect(containerStyles.getPropertyValue('padding-right')).to.equal('8px'); // 0.5rem = 8px @ 16px browser default
-        expect(containerStyles.getPropertyValue('padding-bottom')).to.equal('0px');
-        expect(containerStyles.getPropertyValue('padding-left')).to.equal('8px'); // 0.5rem = 8px @ 16px browser default
-    });
-});
-//# sourceMappingURL=pf-label.spec.js.map

package/pf-label/test/pf-label.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-label.spec.js","sourceRoot":"","sources":["pf-label.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { getColor, hexToRgb } from '@patternfly/pfe-tools/test/hex-to-rgb.js';\nimport { PfLabel } from '@patternfly/elements/pf-label/pf-label.js';\nimport { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';\n\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\nconst example = html`\n  <pf-label>Default</pf-label>\n`;\n\nconst exampleWithColorAttribute = html`\n  <pf-label color=\"red\">Red</pf-label>\n`;\n\nconst exampleWithColorAttributeEmpty = html`\n  <pf-label color=\"\">Default</pf-label>\n`;\n\nconst exampleWithOutlineAttribute = html`\n  <pf-label variant=\"outline\">Default Outline</pf-label>\n`;\n\nconst exampleWithIconAttribute = html`\n  <pf-label icon=\"rh-icon-virtual-storage-stack\">Default Icon</pf-label>\n`;\n\nconst exampleWithIconAttributeEmpty = html`\n  <pf-label icon=\"\">Default</pf-label>\n`;\n\nconst exampleWithCompactAttribute = html`\n  <pf-label compact>Default Compact</pf-label>\n`;\n\n\ndescribe('<pf-label>', function() {\n  before(function() {\n    // replace the default built-in icon set resolveIconName function\n    // with one that loads local icons.  we don't want tests dependent on\n    // prod servers.\n    PfIcon.addIconSet('rh', function(name: string) {\n      return new URL(`/elements/pf-icon/test/${name.replace('rh', 'rh-icon')}.svg`);\n    });\n  });\n\n  it('should upgrade', async function() {\n    const el = await createFixture<PfLabel>(example);\n    const klass = customElements.get('pf-label');\n    expect(el)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfLabel);\n  });\n\n  it('should display default variant', async function() {\n    const el = await createFixture<PfLabel>(example);\n    await el.updateComplete;\n    const container = el.shadowRoot!.querySelector('#container')!;\n    const beforeStyles = getComputedStyle(container, '::before');\n\n    expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));\n    expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));\n    expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');\n  });\n\n  it('should display color variant if color attribute is present', async function() {\n    const el = await createFixture<PfLabel>(exampleWithColorAttribute);\n    await el.updateComplete;\n    const container = el.shadowRoot!.querySelector('#container')!;\n    const beforeStyles = getComputedStyle(container, '::before');\n\n    expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#7d1007'));\n    expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#faeae8'));\n    expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(201, 25, 11)');\n  });\n\n  it('should display default variant if color attribute is present but empty', async function() {\n    const el = await createFixture<PfLabel>( exampleWithColorAttributeEmpty);\n    await el.updateComplete;\n    const container = el.shadowRoot!.querySelector('#container')!;\n    const beforeStyles = getComputedStyle(container, '::before');\n\n    expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));\n    expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));\n    expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');\n  });\n\n  it('should display outline variant if the attribute outline is present', async function() {\n    const el = await createFixture<PfLabel>(exampleWithOutlineAttribute);\n    await el.updateComplete;\n    const container = el.shadowRoot!.querySelector('#container')!;\n    const beforeStyles = getComputedStyle(container, '::before');\n\n    expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));\n    expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#ffffff'));\n    expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');\n  });\n\n  it('should render a pf-icon if the icon attribute is present and valid', async function() {\n    const el = await createFixture<PfLabel>(exampleWithIconAttribute);\n    await el.updateComplete;\n    const icon = el.shadowRoot!.querySelector('pf-icon')!;\n    expect(icon.icon).to.equal(el.icon);\n  });\n\n  it('should not render a pf-icon if the icon attribute is present but empty', async function() {\n    const el = await createFixture<PfLabel>(exampleWithIconAttributeEmpty);\n    await el.updateComplete;\n    const icon = el.shadowRoot!.querySelector('pf-icon')!;\n    expect(icon).to.be.equal(null);\n  });\n\n  it('should display compact version if the attribute is-compact is present', async function() {\n    const el = await createFixture<PfLabel>(exampleWithCompactAttribute);\n    await el.updateComplete;\n    const container = el.shadowRoot!.querySelector('#container')!;\n    const beforeStyles = getComputedStyle(container, '::before');\n    const containerStyles = getComputedStyle(container);\n\n    expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515'));\n    expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#f5f5f5'));\n    expect(beforeStyles.getPropertyValue('border-color')).to.equal('rgb(210, 210, 210)');\n\n    expect(containerStyles.getPropertyValue('padding-top')).to.equal('0px');\n    expect(containerStyles.getPropertyValue('padding-right')).to.equal('8px'); // 0.5rem = 8px @ 16px browser default\n    expect(containerStyles.getPropertyValue('padding-bottom')).to.equal('0px');\n    expect(containerStyles.getPropertyValue('padding-left')).to.equal('8px'); // 0.5rem = 8px @ 16px browser default\n  });\n});\n"]}

package/pf-modal/demo/demo.css

@@ -1,32 +0,0 @@
-@font-face {
-  font-family: "RedHatDisplayUpdated";
-  src: url(https://patternfly.org/v4/fonts/RedHatDisplay-updated-Regular.woff2) format("woff2");
-  font-style: normal;
-  font-weight: 300;
-  text-rendering: optimizeLegibility;
-}
-@font-face {
-  font-family: "RedHatDisplayUpdated";
-  src: url(https://patternfly.org/v4/fonts/RedHatDisplay-updated-Medium.woff2) format("woff2");
-  font-style: normal;
-  font-weight: 400;
-  text-rendering: optimizeLegibility;
-}
-@font-face {
-  font-family: "RedHatDisplayUpdated";
-  src: url(https://patternfly.org/v4/fonts/RedHatDisplay-updated-Bold.woff2) format("woff2");
-  font-style: normal;
-  font-weight: 700;
-  text-rendering: optimizeLegibility;
-}
-
-:host {
-  --pf-modal--MinWidth: 800px;
-  --pf-modal--MaxWidth: 800px;
-  --pf-modal--MaxHeight: 800px;
-}
-
-#external-lots::part(body) {
-  display: flex;
-  gap: 24px;
-}

package/pf-modal/demo/pf-modal.js

@@ -1,10 +0,0 @@
-import '@patternfly/elements/pf-card/pf-card.js';
-import '@patternfly/elements/pf-button/pf-button.js';
-import '@patternfly/elements/pf-modal/pf-modal.js';
-import '@patternfly/elements/pf-icon/pf-icon.js';
-
-for (const button of document.querySelectorAll('pf-modal pf-button:not([slot="trigger"])')) {
-  button.addEventListener('click', e => {
-    e.target.closest('pf-modal').close(e.target.textContent.toLowerCase());
-  });
-}

package/pf-modal/test/pf-modal.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-modal/test/pf-modal.e2e.js

@@ -1,13 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-modal';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.click(`${tagName} button`);
-        await page.waitForTimeout(100);
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-modal.e2e.js.map

package/pf-modal/test/pf-modal.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-modal.e2e.js","sourceRoot":"","sources":["pf-modal.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,UAAU,CAAC;AAE3B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE/B,MAAM,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC;QAC/C,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-modal';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n\n    await componentPage.click(`${tagName} button`);\n    await page.waitForTimeout(100);\n\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-modal/test/pf-modal.spec.d.ts

@@ -1 +0,0 @@
-import '@patternfly/pfe-tools/test/stub-logger.js';

package/pf-modal/test/pf-modal.spec.js

@@ -1,209 +0,0 @@
-import { expect, nextFrame, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { setViewport } from '@web/test-runner-commands';
-import { PfModal } from '@patternfly/elements/pf-modal/pf-modal.js';
-import '@patternfly/pfe-tools/test/stub-logger.js';
-// One element, defined here, is used
-// in multiple tests. It's torn down and recreated each time.
-const TEMPLATES = {
-    testElement: html `<pf-modal></pf-modal>`,
-    smallModal: html `
-    <pf-modal width="small">
-      <h2 slot="header">Small modal</h2>
-      <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    </pf-modal>
-  `,
-    mediumModal: html `
-    <pf-modal width="medium">
-      <h2 slot="header">Medium modal</h2>
-      <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    </pf-modal>
-  `,
-    largeModal: html `
-    <pf-modal width="large">
-      <h2 slot="header">Large modal</h2>
-      <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    </pf-modal>
-  `,
-};
-describe('<pf-modal>', function () {
-    it('should upgrade', async function () {
-        const el = await createFixture(TEMPLATES.testElement);
-        expect(el, 'pf-modal should be an instance of PfModal')
-            .to.be.an.instanceOf(customElements.get('pf-modal'))
-            .and
-            .to.be.an.instanceOf(PfModal);
-    });
-    // Example test.
-    it('should apply attributes correctly', async function () {
-        // Use the same markup that's declared at the top of the file.
-        const el = await createFixture(html `
-      <pf-modal>
-        <h2 slot="header">Modal with a header</h2>
-        <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-      </pf-modal>
-    `);
-        const modalWindow = el.shadowRoot.querySelector('#dialog');
-        const button = el.shadowRoot.querySelector('[part=close-button]');
-        await nextFrame();
-        expect(modalWindow.getAttribute('tabindex'), 'dialog tabindex').to.equal('0');
-        expect(modalWindow.hasAttribute('hidden'), 'hidden').to.be.true;
-        expect(button.getAttribute('aria-label'), 'button aria-label').to.equal('Close dialog');
-    });
-    it('should apply attributes for deprecated slots', async function () {
-        // Use the same markup that's declared at the top of the file.
-        const el = await createFixture(html `
-      <pf-modal>
-        <h2 slot="pf-modal--header">Modal with a header</h2>
-        <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-      </pf-modal>
-    `);
-        const modalWindow = el.shadowRoot.querySelector('#dialog');
-        const button = el.shadowRoot.querySelector('[part=close-button]');
-        await nextFrame();
-        expect(modalWindow.getAttribute('tabindex'), 'modal__window tabindex').to.equal('0');
-        expect(modalWindow.hasAttribute('hidden'), 'hidden').to.be.true;
-        expect(button.getAttribute('aria-label'), 'button aria-label').to.equal('Close dialog');
-    });
-    it('should open the modal window when the trigger is clicked', async function () {
-        const el = await createFixture(html `
-      <pf-modal trigger="trigger">
-        <h2 slot="header">Modal with a header</h2>
-        <p>Lorem ipsum dolor sit amet, <a href="#foo">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-      </pf-modal>
-      <pf-button id="trigger">Open a modal</pf-button>
-    `);
-        const modalWindow = el.shadowRoot.querySelector('#dialog');
-        const trigger = document.getElementById('trigger');
-        trigger.click();
-        await el.updateComplete;
-        expect(modalWindow.hasAttribute('hidden')).to.not.be.true;
-        // reset
-        el.close();
-        await el.updateComplete;
-        expect(modalWindow.hasAttribute('hidden')).to.be.true;
-    });
-    it('should remove the hidden attribute from the host on upgrade', async function () {
-        const el = await createFixture(TEMPLATES.testElement);
-        await new Promise(r => setTimeout(r, 25));
-        // test for the hidden attribute on the host
-        expect(el.hasAttribute('hidden')).to.not.be.true;
-    });
-    describe('on extra large screen', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 1600, height: 1200 });
-        });
-        describe('with width=small attribute', function () {
-            it('has small modal width', async function () {
-                const el = await createFixture(TEMPLATES.smallModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=medium attribute', function () {
-            it('has medium modal width', async function () {
-                const el = await createFixture(TEMPLATES.mediumModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=large attribute', function () {
-            it('has large modal width', async function () {
-                const el = await createFixture(TEMPLATES.largeModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-    });
-    describe('on large screen', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 1000, height: 800 });
-        });
-        describe('with width=small attribute', function () {
-            it('has small modal width', async function () {
-                const el = await createFixture(TEMPLATES.smallModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=medium attribute', function () {
-            it('has medium modal width', async function () {
-                const el = await createFixture(TEMPLATES.mediumModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=large attribute', function () {
-            it('has large modal width', async function () {
-                const el = await createFixture(TEMPLATES.largeModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-    });
-    describe('on medium screen', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 768, height: 600 });
-        });
-        describe('with width=small attribute', function () {
-            it('has small modal width', async function () {
-                const el = await createFixture(TEMPLATES.smallModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=medium attribute', function () {
-            it('has medium modal width', async function () {
-                const el = await createFixture(TEMPLATES.mediumModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=large attribute', function () {
-            it('has large modal width', async function () {
-                const el = await createFixture(TEMPLATES.largeModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-    });
-    describe('on small screen', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 480, height: 540 });
-        });
-        describe('with width=small attribute', function () {
-            it('has small modal width', async function () {
-                const el = await createFixture(TEMPLATES.smallModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=medium attribute', function () {
-            it('has medium modal width', async function () {
-                const el = await createFixture(TEMPLATES.mediumModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-        describe('with width=large attribute', function () {
-            it('has large modal width', async function () {
-                const el = await createFixture(TEMPLATES.largeModal);
-                const modalWindow = el.shadowRoot.querySelector('#dialog');
-                expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))
-                    .to.equal('calc(100% - 32px)');
-            });
-        });
-    });
-});
-//# sourceMappingURL=pf-modal.spec.js.map

package/pf-modal/test/pf-modal.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-modal.spec.js","sourceRoot":"","sources":["pf-modal.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, nextFrame, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { setViewport } from '@web/test-runner-commands';\nimport { PfModal } from '@patternfly/elements/pf-modal/pf-modal.js';\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\n// One element, defined here, is used\n// in multiple tests. It's torn down and recreated each time.\nconst TEMPLATES = {\n  testElement: html`<pf-modal></pf-modal>`,\n\n  smallModal: html`\n    <pf-modal width=\"small\">\n      <h2 slot=\"header\">Small modal</h2>\n      <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n    </pf-modal>\n  `,\n\n  mediumModal: html`\n    <pf-modal width=\"medium\">\n      <h2 slot=\"header\">Medium modal</h2>\n      <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n    </pf-modal>\n  `,\n\n  largeModal: html`\n    <pf-modal width=\"large\">\n      <h2 slot=\"header\">Large modal</h2>\n      <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n    </pf-modal>\n  `,\n\n};\n\ndescribe('<pf-modal>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture<PfModal>(TEMPLATES.testElement);\n    expect(el, 'pf-modal should be an instance of PfModal')\n      .to.be.an.instanceOf(customElements.get('pf-modal'))\n      .and\n      .to.be.an.instanceOf(PfModal);\n  });\n\n  // Example test.\n  it('should apply attributes correctly', async function() {\n    // Use the same markup that's declared at the top of the file.\n    const el = await createFixture<PfModal>(html`\n      <pf-modal>\n        <h2 slot=\"header\">Modal with a header</h2>\n        <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n      </pf-modal>\n    `);\n    const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n    const button = el.shadowRoot!.querySelector('[part=close-button]')!;\n\n    await nextFrame();\n\n    expect(modalWindow.getAttribute('tabindex'), 'dialog tabindex').to.equal('0');\n    expect(modalWindow.hasAttribute('hidden'), 'hidden').to.be.true;\n    expect(button.getAttribute('aria-label'), 'button aria-label').to.equal('Close dialog');\n  });\n\n  it('should apply attributes for deprecated slots', async function() {\n    // Use the same markup that's declared at the top of the file.\n    const el = await createFixture<PfModal>(html`\n      <pf-modal>\n        <h2 slot=\"pf-modal--header\">Modal with a header</h2>\n        <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n      </pf-modal>\n    `);\n    const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n    const button = el.shadowRoot!.querySelector('[part=close-button]')!;\n\n    await nextFrame();\n\n    expect(modalWindow.getAttribute('tabindex'), 'modal__window tabindex').to.equal('0');\n    expect(modalWindow.hasAttribute('hidden'), 'hidden').to.be.true;\n    expect(button.getAttribute('aria-label'), 'button aria-label').to.equal('Close dialog');\n  });\n\n  it('should open the modal window when the trigger is clicked', async function() {\n    const el = await createFixture<PfModal>(html`\n      <pf-modal trigger=\"trigger\">\n        <h2 slot=\"header\">Modal with a header</h2>\n        <p>Lorem ipsum dolor sit amet, <a href=\"#foo\">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n      </pf-modal>\n      <pf-button id=\"trigger\">Open a modal</pf-button>\n    `);\n    const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n    const trigger = document.getElementById('trigger')!;\n\n    trigger.click();\n    await el.updateComplete;\n\n    expect(modalWindow.hasAttribute('hidden')).to.not.be.true;\n\n    // reset\n    el.close();\n    await el.updateComplete;\n\n    expect(modalWindow.hasAttribute('hidden')).to.be.true;\n  });\n\n  it('should remove the hidden attribute from the host on upgrade', async function() {\n    const el = await createFixture<PfModal>(TEMPLATES.testElement);\n\n    await new Promise(r => setTimeout(r, 25));\n    // test for the hidden attribute on the host\n    expect(el.hasAttribute('hidden')).to.not.be.true;\n  });\n\n  describe('on extra large screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 1600, height: 1200 });\n    });\n\n    describe('with width=small attribute', function() {\n      it('has small modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.smallModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=medium attribute', function() {\n      it('has medium modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.mediumModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=large attribute', function() {\n      it('has large modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.largeModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n  });\n\n  describe('on large screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 1000, height: 800 });\n    });\n\n    describe('with width=small attribute', function() {\n      it('has small modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.smallModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=medium attribute', function() {\n      it('has medium modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.mediumModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=large attribute', function() {\n      it('has large modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.largeModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n  });\n\n  describe('on medium screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 768, height: 600 });\n    });\n\n    describe('with width=small attribute', function() {\n      it('has small modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.smallModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=medium attribute', function() {\n      it('has medium modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.mediumModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=large attribute', function() {\n      it('has large modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.largeModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n  });\n\n  describe('on small screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 480, height: 540 });\n    });\n\n    describe('with width=small attribute', function() {\n      it('has small modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.smallModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=medium attribute', function() {\n      it('has medium modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.mediumModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n\n    describe('with width=large attribute', function() {\n      it('has large modal width', async function() {\n        const el = await createFixture<PfModal>(TEMPLATES.largeModal);\n        const modalWindow = el.shadowRoot!.querySelector('#dialog')!;\n        expect(getComputedStyle(modalWindow).getPropertyValue('max-width'))\n          .to.equal('calc(100% - 32px)');\n      });\n    });\n  });\n});\n"]}

package/pf-panel/demo/demo.css

@@ -1,7 +0,0 @@
-:host {
-  display: block;
-}
-
-main {
-  padding: 1rem;
-}

package/pf-panel/demo/pf-panel.js

@@ -1 +0,0 @@
-import '@patternfly/elements/pf-panel/pf-panel.js';

package/pf-panel/test/pf-panel.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-panel/test/pf-panel.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-panel';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-panel.e2e.js.map

package/pf-panel/test/pf-panel.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-panel.e2e.js","sourceRoot":"","sources":["pf-panel.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,UAAU,CAAC;AAE3B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-panel';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-panel/test/pf-panel.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-panel/test/pf-panel.spec.js

@@ -1,19 +0,0 @@
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfPanel } from '@patternfly/elements/pf-panel/pf-panel.js';
-describe('<pf-panel>', function () {
-    describe('simply instantiating', function () {
-        let element;
-        beforeEach(async function () {
-            element = await createFixture(html `<pf-panel></pf-panel>`);
-        });
-        it('should upgrade', function () {
-            const klass = customElements.get('pf-panel');
-            expect(element)
-                .to.be.an.instanceOf(klass)
-                .and
-                .to.be.an.instanceOf(PfPanel);
-        });
-    });
-});
-//# sourceMappingURL=pf-panel.spec.js.map

package/pf-panel/test/pf-panel.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-panel.spec.js","sourceRoot":"","sources":["pf-panel.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAEpE,QAAQ,CAAC,YAAY,EAAE;IACrB,QAAQ,CAAC,sBAAsB,EAAE;QAC/B,IAAI,OAAgB,CAAC;QACrB,UAAU,CAAC,KAAK;YACd,OAAO,GAAG,MAAM,aAAa,CAAW,IAAI,CAAA,uBAAuB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,gBAAgB,EAAE;YACnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC7C,MAAM,CAAC,OAAO,CAAC;iBACZ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;iBAC1B,GAAG;iBACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfPanel } from '@patternfly/elements/pf-panel/pf-panel.js';\n\ndescribe('<pf-panel>', function() {\n  describe('simply instantiating', function() {\n    let element: PfPanel;\n    beforeEach(async function() {\n      element = await createFixture <PfPanel>(html`<pf-panel></pf-panel>`);\n    });\n    it('should upgrade', function() {\n      const klass = customElements.get('pf-panel');\n      expect(element)\n        .to.be.an.instanceOf(klass)\n        .and\n        .to.be.an.instanceOf(PfPanel);\n    });\n  });\n});\n"]}

package/pf-progress-stepper/demo/demo.css

@@ -1,10 +0,0 @@
-form,
-label pf-switch {
-  padding-inline: .5rem;
-}
-
-form,
-label {
-  display: block;
-  padding-block: .5rem;
-}

package/pf-progress-stepper/demo/pf-progress-stepper.js

@@ -1,13 +0,0 @@
-import 'element-internals-polyfill';
-import '@patternfly/elements/pf-switch/pf-switch.js';
-import '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';
-
-/** @this{HTMLFormElement}*/
-function onChange() {
-  this.elements.progress.vertical = this.elements.vertical.checked;
-  this.elements.progress.center = this.elements.center.checked;
-}
-
-for (const form of document.querySelectorAll('form')) {
-  form.addEventListener('change', onChange);
-}

package/pf-progress-stepper/test/pf-progress-stepper.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-progress-stepper/test/pf-progress-stepper.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-progress-stepper';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-progress-stepper.e2e.js.map

package/pf-progress-stepper/test/pf-progress-stepper.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-progress-stepper.e2e.js","sourceRoot":"","sources":["pf-progress-stepper.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,qBAAqB,CAAC;AAEtC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-progress-stepper';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-progress-stepper/test/pf-progress-stepper.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-progress-stepper/test/pf-progress-stepper.spec.js

@@ -1,13 +0,0 @@
-import { html, expect } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfProgressStepper } from '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';
-describe('<pf-progress-stepper>', function () {
-    it('it should upgrade', async function () {
-        const el = await createFixture(html `<pf-progress-stepper></pf-progress-stepper>`);
-        expect(el)
-            .to.be.an.instanceOf(customElements.get('pf-progress-stepper'))
-            .and
-            .to.be.an.instanceOf(PfProgressStepper);
-    });
-});
-//# sourceMappingURL=pf-progress-stepper.spec.js.map

package/pf-progress-stepper/test/pf-progress-stepper.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-progress-stepper.spec.js","sourceRoot":"","sources":["pf-progress-stepper.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAE7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,QAAQ,CAAC,uBAAuB,EAAE;IAChC,EAAE,CAAC,mBAAmB,EAAE,KAAK;QAC3B,MAAM,EAAE,GAAG,MAAM,aAAa,CAAoB,IAAI,CAAA,6CAA6C,CAAC,CAAC;QACrG,MAAM,CAAC,EAAE,CAAC;aACP,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;aAC9D,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, expect } from '@open-wc/testing';\n\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\n\nimport { PfProgressStepper } from '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';\n\ndescribe('<pf-progress-stepper>', function() {\n  it('it should upgrade', async function() {\n    const el = await createFixture<PfProgressStepper>(html`<pf-progress-stepper></pf-progress-stepper>`);\n    expect(el)\n      .to.be.an.instanceOf(customElements.get('pf-progress-stepper'))\n      .and\n      .to.be.an.instanceOf(PfProgressStepper);\n  });\n});\n"]}

package/pf-spinner/demo/demo.css

@@ -1,2 +0,0 @@
-pf-spinner {
-}

package/pf-spinner/demo/pf-spinner.js

@@ -1,2 +0,0 @@
-import '@patternfly/elements/pf-card/pf-card.js';
-import '@patternfly/elements/pf-spinner/pf-spinner.js';

package/pf-spinner/test/pf-spinner.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-spinner/test/pf-spinner.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-spinner';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-spinner.e2e.js.map