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

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

@@ -1,234 +0,0 @@
-import { expect, html, nextFrame, aTimeout } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
-import { setViewport, sendKeys } from '@web/test-runner-commands';
-import { BaseTab } from '../BaseTab.js';
-import { PfTabs } from '../pf-tabs.js';
-import { PfTab } from '../pf-tab.js';
-import '@patternfly/pfe-tools/test/stub-logger.js';
-const TEMPLATE = html `
-    <pf-tabs>
-      <pf-tab slot="tab" active>Users</pf-tab>
-      <pf-tab-panel>Users</pf-tab-panel>
-      <pf-tab slot="tab">Containers</pf-tab>
-      <pf-tab-panel>Containers</pf-tab-panel>
-      <pf-tab slot="tab">Database</pf-tab>
-      <pf-tab-panel>Database</pf-tab-panel>
-      <pf-tab slot="tab" disabled>Disabled</pf-tab>
-      <pf-tab-panel>Disabled</pf-tab-panel>
-      <pf-tab slot="tab" aria-disabled="true">Aria Disabled</pf-tab>
-      <pf-tab-panel>Aria Disabled</pf-tab-panel>
-    </pf-tabs>
-  `;
-const DISABLED = html `
-  <pf-tabs>
-    <pf-tab slot="tab" disabled>Users</pf-tab>
-    <pf-tab-panel>Users</pf-tab-panel>
-    <pf-tab slot="tab">Containers</pf-tab>
-    <pf-tab-panel>Containers</pf-tab-panel>
-    <pf-tab slot="tab">Database</pf-tab>
-    <pf-tab-panel>Database</pf-tab-panel>
-    <pf-tab slot="tab" disabled>Disabled</pf-tab>
-    <pf-tab-panel>Disabled</pf-tab-panel>
-    <pf-tab slot="tab" aria-disabled="true">Aria Disabled</pf-tab>
-    <pf-tab-panel>Aria Disabled</pf-tab-panel>
-  </pf-tabs>
-`;
-describe('<pf-tabs>', function () {
-    it('should upgrade', async function () {
-        const el = await createFixture(TEMPLATE);
-        expect(el, 'pf-tabs should be an instance of PfeTabs')
-            .to.be.an.instanceOf(customElements.get('pf-tabs'))
-            .and
-            .to.be.an.instanceOf(PfTabs);
-    });
-    it('should apply correct aria attributes', async function () {
-        const el = await createFixture(TEMPLATE);
-        await nextFrame();
-        const tabs = el.querySelectorAll('pf-tab');
-        const tabPanels = el.querySelectorAll('pf-tab-panels');
-        tabs.forEach(function (tab, index) {
-            const tabId = tab.getAttribute('id');
-            const tabControls = tab.getAttribute('aria-controls');
-            tabPanels.forEach(function (panel, pindex) {
-                if (index === pindex) {
-                    expect(panel.getAttribute('aria-labelledby')).to.equal(tabId);
-                    expect(panel.id).to.equal(tabControls);
-                }
-            });
-        });
-    });
-    it('should activate the first focusable tab when first tab is disabled and no active is given', async function () {
-        const el = await createFixture(DISABLED);
-        await nextFrame();
-        const secondTab = el.querySelector('pf-tab:nth-of-type(2)');
-        expect(secondTab.hasAttribute('active')).to.equal(true);
-    });
-    it('should activate tab when given an active attribute', async function () {
-        const el = await createFixture(TEMPLATE);
-        const tab = el.querySelector('pf-tab:nth-of-type(3)');
-        tab.setAttribute('active', '');
-        await nextFrame();
-        expect(tab.hasAttribute('active'), 'active attr').to.equal(true);
-        const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');
-        expect(panel?.name, 'active panel').to.equal('Database');
-    });
-    it('should activate tab when activeIndex property is changed', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.activeIndex = 2;
-        await nextFrame();
-        el.activeIndex = 0;
-        await nextFrame();
-        const tab = el.querySelector('pf-tab:first-of-type');
-        expect(tab.hasAttribute('active')).to.equal(true);
-        const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');
-        expect(panel?.name, 'active panel').to.equal('Users');
-    });
-    it('should change focus when keyboard navigation is used', async function () {
-        const el = await createFixture(TEMPLATE);
-        await el.updateComplete;
-        const firstTab = el.querySelector('pf-tab:first-of-type');
-        const secondTab = el.querySelector('pf-tab:nth-of-type(2)')?.id;
-        firstTab?.focus();
-        await nextFrame();
-        const initial = document.activeElement?.id;
-        await sendKeys({ down: 'ArrowRight' });
-        await nextFrame();
-        const after = document.activeElement?.id;
-        expect(initial).to.not.equal(after);
-        expect(secondTab).to.equal(after);
-    });
-    it('should open panel at same index of selected tab', async function () {
-        const el = await createFixture(TEMPLATE);
-        await nextFrame();
-        el.activeIndex = 1;
-        await nextFrame();
-        const inactivePanel = el.querySelector('pf-tab-panel:first-of-type');
-        /* given active-key of 1 on a zero based index, nth-of-type(n) takes a 1 based index = 2. */
-        const activePanel = el.querySelector('pf-tab-panel:nth-of-type(2)');
-        expect(inactivePanel.hasAttribute('hidden')).to.equal(true);
-        expect(activePanel.hasAttribute('hidden')).to.equal(false);
-    });
-    describe('vertical tabs', function () {
-        it('should have vertical styles', async function () {
-            const el = await createFixture(TEMPLATE);
-            el.setAttribute('vertical', '');
-            await nextFrame();
-            const tabs = el.shadowRoot.querySelector('[part="tabs"]');
-            const tabsVerticalStyles = getComputedStyle(tabs).flexDirection;
-            expect(tabsVerticalStyles).to.be.equal('column');
-        });
-    });
-    describe('disabled tabs', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 320, height: 640 });
-        });
-        it('should aria-disable the tab if disabled', async function () {
-            const el = await createFixture(TEMPLATE);
-            const disabledTab = el.querySelector('pf-tab:nth-of-type(2)');
-            disabledTab.disabled = true;
-            await nextFrame();
-            const tab = (await a11ySnapshot()).children.find(x => x.role === 'tab' && x.name === 'Containers');
-            expect(tab?.disabled).to.be.true;
-        });
-        it('should have disabled css styles if disabled', async function () {
-            const el = await createFixture(TEMPLATE);
-            const disabledTab = el.querySelector('pf-tab:first-of-type');
-            disabledTab.setAttribute('disabled', 'disabled');
-            await nextFrame();
-            const button = disabledTab.shadowRoot.firstElementChild;
-            const disabledStyles = getComputedStyle(button).backgroundColor;
-            expect(disabledStyles).to.equal('rgb(245, 245, 245)');
-        });
-        it('should have disabled css styles if aria-disabled attribute is true', async function () {
-            const el = await createFixture(TEMPLATE);
-            const disabledTab = el.querySelector('pf-tab:first-of-type');
-            disabledTab.setAttribute('aria-disabled', 'true');
-            await nextFrame();
-            const button = disabledTab.shadowRoot.firstElementChild;
-            const disabledStyles = getComputedStyle(button).backgroundColor;
-            expect(disabledStyles).to.equal('rgb(245, 245, 245)');
-        });
-    });
-    describe('on small screen', function () {
-        beforeEach(async function () {
-            await setViewport({ width: 320, height: 640 });
-        });
-        it('should overflow if too wide', async function () {
-            const el = await createFixture(TEMPLATE);
-            const tabs = el.shadowRoot.querySelector('[part="tabs"]');
-            const tabsOverflow = getComputedStyle(tabs).overflowX === 'auto';
-            expect(tabsOverflow).to.equal(true);
-        });
-        it('should have visible scroll buttons if overflowed', async function () {
-            const el = await createFixture(TEMPLATE);
-            // Property 'scrollTimeoutDelay' is protected and only accessible within class 'PfeTabs' and its subclasses.
-            // using 150 as a static representation.
-            await aTimeout(150);
-            const previousTab = el.shadowRoot.querySelector('#previousTab');
-            const nextTab = el.shadowRoot.querySelector('#nextTab');
-            const prevDisplayStyle = getComputedStyle(previousTab).display;
-            const nextDisplayStyle = getComputedStyle(nextTab).display;
-            expect(prevDisplayStyle).to.not.equal('none');
-            expect(nextDisplayStyle).to.not.equal('none');
-        });
-    });
-    describe('manual activation', function () {
-        let element;
-        let firstTab;
-        let secondTab;
-        let initialFocus;
-        let afterFocus;
-        beforeEach(async function () {
-            element = await createFixture(html `
-        <pf-tabs manual>
-          <pf-tab slot="tab" active>Users</pf-tab>
-          <pf-tab-panel>Users</pf-tab-panel>
-          <pf-tab slot="tab">Containers</pf-tab>
-          <pf-tab-panel>Containers</pf-tab-panel>
-          <pf-tab slot="tab">Database</pf-tab>
-          <pf-tab-panel>Database</pf-tab-panel>
-          <pf-tab slot="tab" disabled>Disabled</pf-tab>
-          <pf-tab-panel>Disabled</pf-tab-panel>
-          <pf-tab slot="tab" aria-disabled="true">Aria Disabled</pf-tab>
-          <pf-tab-panel>Aria Disabled</pf-tab-panel>
-        </pf-tabs>
-      `);
-            [firstTab, secondTab] = element.querySelectorAll('pf-tab');
-            await element.updateComplete;
-            await nextFrame();
-            initialFocus = document.activeElement;
-        });
-        describe('pressing right arrow', function () {
-            beforeEach(async function () {
-                firstTab?.focus();
-                await sendKeys({ down: 'ArrowRight' });
-                await element.updateComplete;
-                await nextFrame();
-                afterFocus = document.activeElement;
-            });
-            it('should not activate second tab', function () {
-                expect(firstTab.active).to.be.true;
-                expect(secondTab.active).to.be.false;
-                expect(initialFocus).to.be.ok
-                    .and.to.not.equal(afterFocus)
-                    .and.to.not.equal(secondTab);
-            });
-            describe('then pressing enter', function () {
-                beforeEach(async function () {
-                    await sendKeys({ down: 'Enter' });
-                    await nextFrame();
-                    afterFocus = document.activeElement;
-                });
-                it('should activate second tab', async function () {
-                    expect(firstTab.active).to.be.false;
-                    expect(secondTab.active).to.be.true;
-                    expect(afterFocus).to.equal(secondTab)
-                        .and.to.not.equal(initialFocus)
-                        .and.to.not.equal(firstTab);
-                });
-            });
-        });
-    });
-});
-//# sourceMappingURL=pf-tabs.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tabs.spec.js","sourceRoot":"","sources":["pf-tabs.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, nextFrame, aTimeout } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\nimport { setViewport, sendKeys } from '@web/test-runner-commands';\n\nimport { BaseTab } from '../BaseTab.js';\nimport { PfTabs } from '../pf-tabs.js';\nimport { PfTab } from '../pf-tab.js';\n\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\nconst TEMPLATE = html`\n    <pf-tabs>\n      <pf-tab slot=\"tab\" active>Users</pf-tab>\n      <pf-tab-panel>Users</pf-tab-panel>\n      <pf-tab slot=\"tab\">Containers</pf-tab>\n      <pf-tab-panel>Containers</pf-tab-panel>\n      <pf-tab slot=\"tab\">Database</pf-tab>\n      <pf-tab-panel>Database</pf-tab-panel>\n      <pf-tab slot=\"tab\" disabled>Disabled</pf-tab>\n      <pf-tab-panel>Disabled</pf-tab-panel>\n      <pf-tab slot=\"tab\" aria-disabled=\"true\">Aria Disabled</pf-tab>\n      <pf-tab-panel>Aria Disabled</pf-tab-panel>\n    </pf-tabs>\n  `;\n\nconst DISABLED = html`\n  <pf-tabs>\n    <pf-tab slot=\"tab\" disabled>Users</pf-tab>\n    <pf-tab-panel>Users</pf-tab-panel>\n    <pf-tab slot=\"tab\">Containers</pf-tab>\n    <pf-tab-panel>Containers</pf-tab-panel>\n    <pf-tab slot=\"tab\">Database</pf-tab>\n    <pf-tab-panel>Database</pf-tab-panel>\n    <pf-tab slot=\"tab\" disabled>Disabled</pf-tab>\n    <pf-tab-panel>Disabled</pf-tab-panel>\n    <pf-tab slot=\"tab\" aria-disabled=\"true\">Aria Disabled</pf-tab>\n    <pf-tab-panel>Aria Disabled</pf-tab-panel>\n  </pf-tabs>\n`;\n\ndescribe('<pf-tabs>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    expect(el, 'pf-tabs should be an instance of PfeTabs')\n      .to.be.an.instanceOf(customElements.get('pf-tabs'))\n      .and\n      .to.be.an.instanceOf(PfTabs);\n  });\n\n  it('should apply correct aria attributes', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await nextFrame();\n    const tabs = el.querySelectorAll('pf-tab');\n    const tabPanels = el.querySelectorAll('pf-tab-panels');\n\n    tabs.forEach(function(tab: Element, index: number) {\n      const tabId = tab.getAttribute('id');\n      const tabControls = tab.getAttribute('aria-controls');\n      tabPanels.forEach(function(panel: Element, pindex: number) {\n        if (index === pindex) {\n          expect(panel.getAttribute('aria-labelledby')).to.equal(tabId);\n          expect(panel.id).to.equal(tabControls);\n        }\n      });\n    });\n  });\n\n  it('should activate the first focusable tab when first tab is disabled and no active is given', async function() {\n    const el = await createFixture<PfTabs>(DISABLED);\n    await nextFrame();\n    const secondTab = el.querySelector('pf-tab:nth-of-type(2)');\n    expect(secondTab!.hasAttribute('active')).to.equal(true);\n  });\n\n  it('should activate tab when given an active attribute', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    const tab = el.querySelector('pf-tab:nth-of-type(3)');\n    tab!.setAttribute('active', '');\n    await nextFrame();\n    expect(tab!.hasAttribute('active'), 'active attr').to.equal(true);\n    const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');\n    expect(panel?.name, 'active panel').to.equal('Database');\n  });\n\n  it('should activate tab when activeIndex property is changed', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    el.activeIndex = 2;\n    await nextFrame();\n    el.activeIndex = 0;\n    await nextFrame();\n    const tab = el.querySelector('pf-tab:first-of-type');\n    expect(tab!.hasAttribute('active')).to.equal(true);\n    const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');\n    expect(panel?.name, 'active panel').to.equal('Users');\n  });\n\n  it('should change focus when keyboard navigation is used', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await el.updateComplete;\n    const firstTab = el.querySelector('pf-tab:first-of-type') as HTMLElement;\n    const secondTab = el.querySelector('pf-tab:nth-of-type(2)')?.id;\n    firstTab?.focus();\n    await nextFrame();\n    const initial = document.activeElement?.id;\n    await sendKeys({ down: 'ArrowRight' });\n    await nextFrame();\n    const after = document.activeElement?.id;\n    expect(initial).to.not.equal(after);\n    expect(secondTab).to.equal(after);\n  });\n\n  it('should open panel at same index of selected tab', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await nextFrame();\n    el.activeIndex = 1;\n    await nextFrame();\n    const inactivePanel = el.querySelector('pf-tab-panel:first-of-type');\n    /* given active-key of 1 on a zero based index, nth-of-type(n) takes a 1 based index = 2. */\n    const activePanel = el.querySelector('pf-tab-panel:nth-of-type(2)');\n    expect(inactivePanel!.hasAttribute('hidden')).to.equal(true);\n    expect(activePanel!.hasAttribute('hidden')).to.equal(false);\n  });\n\n  describe('vertical tabs', function() {\n    it('should have vertical styles', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      el.setAttribute('vertical', '');\n      await nextFrame();\n      const tabs = el.shadowRoot!.querySelector('[part=\"tabs\"]')!;\n      const tabsVerticalStyles = getComputedStyle(tabs).flexDirection;\n      expect(tabsVerticalStyles).to.be.equal('column');\n    });\n  });\n\n  describe('disabled tabs', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n    });\n\n    it('should aria-disable the tab if disabled', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:nth-of-type(2)')! as BaseTab;\n      disabledTab.disabled = true;\n      await nextFrame();\n      const tab = (await a11ySnapshot()).children.find(x => x.role === 'tab' && x.name === 'Containers');\n      expect(tab?.disabled).to.be.true;\n    });\n\n    it('should have disabled css styles if disabled', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:first-of-type')!;\n      disabledTab.setAttribute('disabled', 'disabled');\n      await nextFrame();\n      const button = disabledTab!.shadowRoot!.firstElementChild!;\n      const disabledStyles = getComputedStyle(button).backgroundColor;\n      expect(disabledStyles).to.equal('rgb(245, 245, 245)');\n    });\n\n    it('should have disabled css styles if aria-disabled attribute is true', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:first-of-type')!;\n      disabledTab.setAttribute('aria-disabled', 'true');\n      await nextFrame();\n      const button = disabledTab!.shadowRoot!.firstElementChild!;\n      const disabledStyles = getComputedStyle(button).backgroundColor;\n      expect(disabledStyles).to.equal('rgb(245, 245, 245)');\n    });\n  });\n\n  describe('on small screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n    });\n\n    it('should overflow if too wide', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const tabs = el.shadowRoot!.querySelector('[part=\"tabs\"]')!;\n      const tabsOverflow = getComputedStyle(tabs).overflowX === 'auto';\n      expect(tabsOverflow).to.equal(true);\n    });\n\n    it('should have visible scroll buttons if overflowed', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      // Property 'scrollTimeoutDelay' is protected and only accessible within class 'PfeTabs' and its subclasses.\n      // using 150 as a static representation.\n      await aTimeout(150);\n      const previousTab = el.shadowRoot!.querySelector('#previousTab')!;\n      const nextTab = el.shadowRoot!.querySelector('#nextTab')!;\n      const prevDisplayStyle = getComputedStyle(previousTab).display;\n      const nextDisplayStyle = getComputedStyle(nextTab).display;\n      expect(prevDisplayStyle ).to.not.equal('none');\n      expect(nextDisplayStyle).to.not.equal('none');\n    });\n  });\n\n  describe('manual activation', function() {\n    let element: PfTabs;\n    let firstTab: PfTab;\n    let secondTab: PfTab;\n    let initialFocus: Element|null;\n    let afterFocus: Element|null;\n    beforeEach(async function() {\n      element = await createFixture<PfTabs>(html`\n        <pf-tabs manual>\n          <pf-tab slot=\"tab\" active>Users</pf-tab>\n          <pf-tab-panel>Users</pf-tab-panel>\n          <pf-tab slot=\"tab\">Containers</pf-tab>\n          <pf-tab-panel>Containers</pf-tab-panel>\n          <pf-tab slot=\"tab\">Database</pf-tab>\n          <pf-tab-panel>Database</pf-tab-panel>\n          <pf-tab slot=\"tab\" disabled>Disabled</pf-tab>\n          <pf-tab-panel>Disabled</pf-tab-panel>\n          <pf-tab slot=\"tab\" aria-disabled=\"true\">Aria Disabled</pf-tab>\n          <pf-tab-panel>Aria Disabled</pf-tab-panel>\n        </pf-tabs>\n      `);\n      [firstTab, secondTab] = element.querySelectorAll('pf-tab');\n      await element.updateComplete;\n      await nextFrame();\n      initialFocus = document.activeElement;\n    });\n\n    describe('pressing right arrow', function() {\n      beforeEach(async function() {\n        firstTab?.focus();\n        await sendKeys({ down: 'ArrowRight' });\n        await element.updateComplete;\n        await nextFrame();\n        afterFocus = document.activeElement;\n      });\n      it('should not activate second tab', function() {\n        expect(firstTab.active).to.be.true;\n        expect(secondTab.active).to.be.false;\n        expect(initialFocus).to.be.ok\n          .and.to.not.equal(afterFocus)\n          .and.to.not.equal(secondTab);\n      });\n      describe('then pressing enter', function() {\n        beforeEach(async function() {\n          await sendKeys({ down: 'Enter' });\n          await nextFrame();\n          afterFocus = document.activeElement;\n        });\n        it('should activate second tab', async function() {\n          expect(firstTab.active).to.be.false;\n          expect(secondTab.active).to.be.true;\n          expect(afterFocus).to.equal(secondTab)\n            .and.to.not.equal(initialFocus)\n            .and.to.not.equal(firstTab);\n        });\n      });\n    });\n  });\n});\n"]}

package/pf-tile/demo/demo.css

@@ -1,59 +0,0 @@
-:host {
-  display: block;
-}
-
-section {
-  margin: 0 auto;
-  padding: 0 16px 32px;
-  width: 100%;
-  max-width: 1008px;
-}
-
-.pf-l-flex {
-  display: var(--pf-l-flex--Display, flex);
-  flex-wrap: var(--pf-l-flex--FlexWrap, wrap);
-  align-items: var(--pf-l-flex--AlignItems, baseline);
-}
-
-.pf-l-flex > * {
-  order: var(--pf-l-flex--item--Order, 0);
-  max-width: 100%;
-  margin-right: var(--pf-l-flex--spacer, var(--pf-l-flex--spacer-base, 1rem));
-}
-
-.pf-l-flex > .pf-m-flex-1 {
-  flex: 1 0 0;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0));
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0)));
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0))));
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0)))));
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-2xl, var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0))))));
-  }
-}
-.pf-l-flex > *:last-child {
-  --pf-l-flex--spacer: 0;
-}
-
-.pf-l-flex.pf-m-flex {
-  display: var(--pf-l-flex--Display, flex);
-}

package/pf-tile/demo/pf-tile.js

@@ -1,21 +0,0 @@
-import '@patternfly/elements/pf-tile/pf-tile.js';
-
-const container = document.getElementById('keyboard-interaction');
-
-function selectByEvent(event) {
-  const tile = event.composedPath().find(node => node.localName === 'pf-tile');
-  if (tile) {
-    for (const child of container.querySelectorAll('pf-tile')) {
-      child.selected = tile === child && !child.disabled;
-    }
-  }
-}
-container.addEventListener('click', selectByEvent);
-container.addEventListener('keydown', function(event) {
-  switch (event.key) {
-    case ' ':
-    case 'Enter':
-      event.preventDefault();
-      selectByEvent(event);
-  }
-});

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tile.e2e.js","sourceRoot":"","sources":["pf-tile.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,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-tile';\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-tile/test/pf-tile.spec.d.ts

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

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

@@ -1,51 +0,0 @@
-import { expect, html, nextFrame } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfTile } from '@patternfly/elements/pf-tile/pf-tile.js';
-const TEMPLATE = html `
-  <pf-tile>
-    <pf-icon slot="icon" set="fas" icon="bell" size="md" loading="idle"></pf-icon>
-    Default Content
-    <div slot="body">Subtext goes here</div>
-  </pf-tile>
-`;
-describe('<pf-tile>', function () {
-    it('should upgrade', async function () {
-        const el = await createFixture(TEMPLATE);
-        const klass = customElements.get('pf-tile');
-        expect(el)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfTile);
-    });
-    it('should have a selected styles when selected', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.selected = true;
-        await nextFrame();
-        const { height } = getComputedStyle(el, ':after');
-        expect(height).to.equal('3px');
-        const { backgroundColor } = getComputedStyle(el, ':after');
-        expect(backgroundColor).to.equal('rgb(0, 102, 204)');
-        // TODO: don't test shadowroots
-        const { color } = getComputedStyle(el.shadowRoot.querySelector('[part="icon"]'));
-        expect(color).to.be.equal('rgb(0, 102, 204)');
-    });
-    it('should be flex direction column if stacked', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.stacked = 'md';
-        await nextFrame();
-        // TODO: don't test shadowroots
-        const { flexDirection } = getComputedStyle(el.shadowRoot.querySelector('[part="header"]'));
-        expect(flexDirection).to.equal('column');
-    });
-    it('should have disabled styles when disabled', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.setAttribute('disabled', '');
-        await nextFrame();
-        const { backgroundColor } = getComputedStyle(el);
-        expect(backgroundColor).to.equal('rgb(240, 240, 240)');
-        // TODO: don't test shadowroots
-        const { color } = getComputedStyle(el.shadowRoot.querySelector('[part="title"]'));
-        expect(color).to.equal('rgb(106, 110, 115)');
-    });
-});
-//# sourceMappingURL=pf-tile.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tile.spec.js","sourceRoot":"","sources":["pf-tile.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAEjE,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;CAMpB,CAAC;AAGF,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,gBAAgB,EAAE,KAAK;QACxB,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,CAAC;aACP,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;aAC1B,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK;QACrD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QACrD,+BAA+B;QAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,CAAC;QACnF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK;QACpD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC;QAClB,MAAM,SAAS,EAAE,CAAC;QAClB,+BAA+B;QAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC,CAAC;QAC7F,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK;QACnD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAChC,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACjD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACvD,+BAA+B;QAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,gBAAgB,CAAE,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html, nextFrame } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfTile } from '@patternfly/elements/pf-tile/pf-tile.js';\n\nconst TEMPLATE = html`\n  <pf-tile>\n    <pf-icon slot=\"icon\" set=\"fas\" icon=\"bell\" size=\"md\" loading=\"idle\"></pf-icon>\n    Default Content\n    <div slot=\"body\">Subtext goes here</div>\n  </pf-tile>\n`;\n\n\ndescribe('<pf-tile>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    const klass = customElements.get('pf-tile');\n    expect(el)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfTile);\n  });\n\n  it('should have a selected styles when selected', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.selected = true;\n    await nextFrame();\n    const { height } = getComputedStyle(el, ':after');\n    expect(height).to.equal('3px');\n    const { backgroundColor } = getComputedStyle(el, ':after');\n    expect(backgroundColor).to.equal('rgb(0, 102, 204)');\n    // TODO: don't test shadowroots\n    const { color } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"icon\"]')!);\n    expect(color).to.be.equal('rgb(0, 102, 204)');\n  });\n\n  it('should be flex direction column if stacked', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.stacked = 'md';\n    await nextFrame();\n    // TODO: don't test shadowroots\n    const { flexDirection } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"header\"]')!);\n    expect(flexDirection).to.equal('column');\n  });\n\n  it('should have disabled styles when disabled', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.setAttribute('disabled', '');\n    await nextFrame();\n    const { backgroundColor } = getComputedStyle(el);\n    expect(backgroundColor).to.equal('rgb(240, 240, 240)');\n    // TODO: don't test shadowroots\n    const { color } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"title\"]')!);\n    expect(color).to.equal('rgb(106, 110, 115)');\n  });\n});\n"]}

package/pf-timestamp/demo/pf-timestamp.js

@@ -1,3 +0,0 @@
-import '@patternfly/elements/pf-card/pf-card.js';
-import '@patternfly/elements/pf-timestamp/pf-timestamp.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';

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

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

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

@@ -1,12 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-timestamp';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await page.$eval('#realtime', el => el.closest('section')?.remove());
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-timestamp.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-timestamp.e2e.js","sourceRoot":"","sources":["pf-timestamp.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,cAAc,CAAC;AAE/B,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,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;QACrE,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-timestamp';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await page.$eval('#realtime', el => el.closest('section')?.remove());\n    await componentPage.snapshot();\n  });\n});\n"]}

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

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

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

@@ -1,139 +0,0 @@
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfTimestamp } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';
-describe('<pf-timestamp>', function () {
-    it('should upgrade', async function () {
-        const element = await createFixture(html `<pf-timestamp></pf-timestamp>`);
-        expect(element, 'the <pf-timestamp> should be an instance of PfTimestamp')
-            .to.be.an.instanceof(customElements.get('pf-timestamp'))
-            .and
-            .to.be.an.instanceof(PfTimestamp);
-    });
-    it('should show the current date by default with default formatting', async function () {
-        const element = await createFixture(html `
-      <pf-timestamp></pf-timestamp>
-    `);
-        const expected = new Date().toLocaleString();
-        expect(element.time).to.equal(expected);
-    });
-    it('should set the correct ISO date on the datetime attribute in the time element', async function () {
-        const date = new Date('Sat Jan 01 2022 00:00:00');
-        const dateString = date.toString();
-        const expected = date.toISOString();
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.isoString).to.equal(expected);
-    });
-    it('should show a passed in date with default formatting', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(new Date(dateString).toLocaleString());
-    });
-    it('should show custom formatting when date-format and time-format are passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full', timeStyle: 'short' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" date-format="full" time-format="short"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show only a date when date-format is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" date-format="full"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show only time when time-format is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { timeStyle: 'short' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" time-format="short"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show custom formatting when customFormat is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const options = {
-            year: '2-digit',
-            month: 'short',
-            weekday: 'short',
-            day: 'numeric',
-            hour: 'numeric'
-        };
-        const expected = new Date(dateString).toLocaleString('en-US', options);
-        const element = await createFixture(html `
-      <pf-timestamp date="Sat Jan 01 2022 00:00:00" .customFormat=${options}></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a custom suffix when display-suffix is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const suffix = 'US Eastern';
-        const expected = `${new Date(dateString).toLocaleString('en-US')} ${suffix}`;
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" display-suffix="${suffix}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time', async function () {
-        const dateString = 'Sat Jan 01 2022 13:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US');
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 24 hour time when hour-12 is set to false', async function () {
-        const dateString = 'Sat Jan 01 2022 13:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { hour12: false });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" hour-12="false"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show with locale passed in', async function () {
-        const date = new Date(2022, 1, 1).toString();
-        const expected = new Date(date).toLocaleString('en-GB');
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-GB"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time by default for US locale', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-US');
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-US"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 24 hour time for US locale when hour-12 is false', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-US', { hour12: false });
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-US" hour-12="false"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time for a 24 hour locale when hour-12 is passed', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-GB', { hour12: true });
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-GB" hour-12></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show relative time', async function () {
-        const date = new Date(2015, 7, 9, 14, 57, 0);
-        const element = await createFixture(html `
-      <pf-timestamp date="${date.toString()}" relative></pf-timestamp>
-    `);
-        expect(element.time).to.match(/\d+ years ago/);
-    });
-});
-//# sourceMappingURL=pf-timestamp.spec.js.map