@patternfly/elements 4.2.0 → 4.3.0

package/pf-back-to-top/test/pf-back-to-top.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"pf-back-to-top.spec.js","sourceRoot":"","sources":["pf-back-to-top.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, nextFrame } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { setViewport, sendKeys } from '@web/test-runner-commands';\n\nimport { allUpdates } from '@patternfly/pfe-tools/test/utils.js';\n\nimport { PfBackToTop } from '../pf-back-to-top.js';\nimport { type A11yTreeSnapshot, a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\nconst takeProps = (props: string[]) => (obj: object) =>\n  Object.fromEntries(Object.entries(obj).filter(([k]) => props.includes(k)));\n\ndescribe('<pf-back-to-top>', function() {\n  it('imperatively instantiates', function() {\n    expect(document.createElement('pf-back-to-top')).to.be.an.instanceof(PfBackToTop);\n  });\n\n  describe('simply instantiating', function() {\n    let element: PfBackToTop;\n\n    beforeEach(async function() {\n      element = await createFixture<PfBackToTop>(html`<pf-back-to-top></pf-back-to-top>`);\n    });\n\n    it('should upgrade', function() {\n      const klass = customElements.get('pf-back-to-top');\n      expect(element)\n          .to.be.an.instanceOf(klass)\n          .and\n          .to.be.an.instanceOf(PfBackToTop);\n    });\n  });\n\n  describe('when rendered in a viewport with a height smaller then content length', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n      window.scrollTo({ top: 0, behavior: 'instant' });\n      await nextFrame();\n      const container = await createFixture<PfBackToTop>(html`\n        <div id=\"top\">\n          <div style=\"height: 2000px;\"></div>\n          <pf-back-to-top href=\"#top\">Back to top</pf-back-to-top>\n        </div>\n      `);\n      element = container.querySelector('pf-back-to-top')!;\n      snapshot = await a11ySnapshot();\n\n      await allUpdates(element);\n    });\n\n    it('should be hidden on init', function() {\n      const { children } = snapshot;\n      expect(children).to.be.undefined;\n    });\n\n    it('should not be accessible', function() {\n      expect(snapshot.children).to.be.undefined;\n    });\n\n    describe('when scrolled 401px', function() {\n      beforeEach(async function() {\n        window.scrollTo({ top: 401, behavior: 'instant' });\n        await nextFrame();\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n\n      it('should be accessible', async function() {\n        await expect(element).to.be.accessible();\n      });\n\n      describe('pressing the tab key', function() {\n        beforeEach(async function() {\n          await sendKeys({ press: 'Tab' });\n          await allUpdates(element);\n          await nextFrame();\n        });\n\n        it('should focus the component', function() {\n          expect(document.activeElement).to.equal(element);\n        });\n      });\n    });\n\n    describe('when the always visible property is true', function() {\n      beforeEach(async function() {\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        element.alwaysVisible = true;\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n\n      it('should be accessible', async function() {\n        await expect(element).to.be.accessible();\n      });\n\n      describe('pressing the tab key', function() {\n        beforeEach(async function() {\n          await sendKeys({ press: 'Tab' });\n          await allUpdates(element);\n          await nextFrame();\n        });\n        it('should focus the component', function() {\n          expect(document.activeElement).to.equal(element);\n        });\n      });\n    });\n\n    describe('when the scroll distance is set to 1000', function() {\n      beforeEach(async function() {\n        element.scrollDistance = 1000;\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be hidden', function() {\n        const { children } = snapshot;\n        expect(children).to.be.undefined;\n      });\n\n      describe('when scrolled 1001px', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 1001, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should be visible', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n        });\n      });\n    });\n  });\n\n  describe('when rendered in an element with an overflowed height', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    beforeEach(async function() {\n      window.scrollTo({ top: 0, behavior: 'instant' });\n      await nextFrame();\n      const container = await createFixture<PfBackToTop>(html`\n        <div id=\"top\" style=\"height: 500px; overflow-y: scroll;\">\n          <div style=\"height: 2000px;\"></div>\n          <pf-back-to-top href=\"#top\" scrollable-selector=\"#top\">Back to top</pf-back-to-top>\n        </div>\n      `);\n      element = container.querySelector('pf-back-to-top')!;\n      snapshot = await a11ySnapshot();\n\n      await allUpdates(element);\n    });\n\n    it('should be hidden on init', function() {\n      const { children } = snapshot;\n      expect(children).to.be.undefined;\n    });\n\n    describe('when scrolled 401px', function() {\n      beforeEach(async function() {\n        const scrollableElement = document.querySelector('#top')!;\n        scrollableElement.scrollTo({ top: 401, behavior: 'instant' });\n        await nextFrame();\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n    });\n  });\n\n  describe('when no text is provided', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    describe('as a link', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top href=\"#top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Back to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n        });\n      });\n    });\n\n    describe('as a button', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Back to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'button', name: 'Back to top' }]);\n        });\n      });\n    });\n  });\n\n  describe('when a label is provided', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    describe('as a link', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top href=\"#top\" label=\"Return to top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Return to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Return to top' }]);\n        });\n      });\n    });\n\n    describe('as a button', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top label=\"Return to top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Return to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'button', name: 'Return to top' }]);\n        });\n      });\n    });\n  });\n});\n"]}
+{"version":3,"file":"pf-back-to-top.spec.js","sourceRoot":"","sources":["pf-back-to-top.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, nextFrame } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { setViewport, sendKeys } from '@web/test-runner-commands';\n\nimport { allUpdates } from '@patternfly/pfe-tools/test/utils.js';\n\nimport { PfBackToTop } from '../pf-back-to-top.js';\nimport { type A11yTreeSnapshot, a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\nconst takeProps = (props: string[]) => (obj: object) =>\n  Object.fromEntries(Object.entries(obj).filter(([k]) => props.includes(k)));\n\ndescribe('<pf-back-to-top>', function() {\n  it('imperatively instantiates', function() {\n    expect(document.createElement('pf-back-to-top')).to.be.an.instanceof(PfBackToTop);\n  });\n\n  describe('simply instantiating', function() {\n    let element: PfBackToTop;\n\n    beforeEach(async function() {\n      element = await createFixture<PfBackToTop>(html`<pf-back-to-top></pf-back-to-top>`);\n    });\n\n    it('should upgrade', function() {\n      const klass = customElements.get('pf-back-to-top');\n      expect(element)\n          .to.be.an.instanceOf(klass)\n          .and\n          .to.be.an.instanceOf(PfBackToTop);\n    });\n  });\n\n  describe('when rendered in a viewport with a height smaller then content length', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n      window.scrollTo({ top: 0, behavior: 'instant' });\n      await nextFrame();\n      const container = await createFixture<PfBackToTop>(html`\n        <div id=\"top\">\n          <div style=\"height: 2000px;\"></div>\n          <pf-back-to-top href=\"#top\">Back to top</pf-back-to-top>\n        </div>\n      `);\n      element = container.querySelector('pf-back-to-top')!;\n      snapshot = await a11ySnapshot();\n\n      await allUpdates(element);\n    });\n\n    it('should be hidden on init', function() {\n      const { children } = snapshot;\n      expect(children).to.be.undefined;\n    });\n\n    it('should not be accessible', function() {\n      expect(snapshot.children).to.be.undefined;\n    });\n\n    describe('when scrolled 401px', function() {\n      beforeEach(async function() {\n        window.scrollTo({ top: 401, behavior: 'instant' });\n        await nextFrame();\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n\n      it('should be accessible', async function() {\n        await expect(element).to.be.accessible();\n      });\n\n      describe('pressing the tab key', function() {\n        beforeEach(async function() {\n          await sendKeys({ press: 'Tab' });\n          await allUpdates(element);\n          await nextFrame();\n        });\n\n        it('should focus the component', function() {\n          expect(document.activeElement).to.equal(element);\n        });\n      });\n    });\n\n    describe('when the always visible property is true', function() {\n      beforeEach(async function() {\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        element.alwaysVisible = true;\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n\n      it('should be accessible', async function() {\n        await expect(element).to.be.accessible();\n      });\n\n      describe('pressing the tab key', function() {\n        beforeEach(async function() {\n          await sendKeys({ press: 'Tab' });\n          await allUpdates(element);\n          await nextFrame();\n        });\n        it('should focus the component', function() {\n          expect(document.activeElement).to.equal(element);\n        });\n      });\n    });\n\n    describe('when the scroll distance is set to 1000', function() {\n      beforeEach(async function() {\n        element.scrollDistance = 1000;\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be hidden', function() {\n        const { children } = snapshot;\n        expect(children).to.be.undefined;\n      });\n\n      describe('when scrolled 1001px', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 1001, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should be visible', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n        });\n      });\n    });\n  });\n\n  describe('when rendered in an element with an overflowed height', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    beforeEach(async function() {\n      window.scrollTo({ top: 0, behavior: 'instant' });\n      await nextFrame();\n      const container = await createFixture<PfBackToTop>(html`\n        <div id=\"top\" style=\"height: 500px; overflow-y: scroll;\">\n          <div style=\"height: 2000px;\"></div>\n          <pf-back-to-top href=\"#top\" scrollable-selector=\"#top\">Back to top</pf-back-to-top>\n        </div>\n      `);\n      element = container.querySelector('pf-back-to-top')!;\n      await allUpdates(element);\n\n      snapshot = await a11ySnapshot({ selector: 'pf-back-to-top' });\n    });\n\n    it('should be hidden on init', function() {\n      const { children } = snapshot;\n      expect(children).to.be.undefined;\n    });\n\n    describe('when scrolled 401px', function() {\n      beforeEach(async function() {\n        const scrollableElement = document.querySelector('#top')!;\n        scrollableElement.scrollTo({ top: 401, behavior: 'instant' });\n        scrollableElement.dispatchEvent(new Event('scroll'));\n        await nextFrame();\n        await allUpdates(element);\n        snapshot = await a11ySnapshot();\n      });\n\n      it('should be visible', function() {\n        expect(snapshot.children?.at(0)?.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n      });\n    });\n  });\n\n  describe('when no text is provided', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    describe('as a link', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top href=\"#top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Back to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);\n        });\n      });\n    });\n\n    describe('as a button', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Back to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'button', name: 'Back to top' }]);\n        });\n      });\n    });\n  });\n\n  describe('when a label is provided', function() {\n    let element: PfBackToTop;\n    let snapshot: A11yTreeSnapshot;\n\n    describe('as a link', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top href=\"#top\" label=\"Return to top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Return to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Return to top' }]);\n        });\n      });\n    });\n\n    describe('as a button', function() {\n      beforeEach(async function() {\n        await setViewport({ width: 320, height: 640 });\n        window.scrollTo({ top: 0, behavior: 'instant' });\n        await nextFrame();\n        const container = await createFixture<PfBackToTop>(html`\n          <div id=\"top\">\n            <div style=\"height: 2000px;\"></div>\n            <pf-back-to-top label=\"Return to top\"></pf-back-to-top>\n          </div>\n        `);\n        element = container.querySelector('pf-back-to-top')!;\n        await allUpdates(element);\n      });\n\n      describe('when scrolled', function() {\n        beforeEach(async function() {\n          window.scrollTo({ top: 401, behavior: 'instant' });\n          await nextFrame();\n          await allUpdates(element);\n          snapshot = await a11ySnapshot();\n        });\n\n        it('should have a label of \"Return to top\"', function() {\n          expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'button', name: 'Return to top' }]);\n        });\n      });\n    });\n  });\n});\n"]}

package/pf-background-image/pf-background-image.js

@@ -148,7 +148,7 @@ _PfBackgroundImage_onSlotChange = function _PfBackgroundImage_onSlotChange() {
     }
 };
 PfBackgroundImage.styles = [styles];
-PfBackgroundImage.version = "4.2.0";
+PfBackgroundImage.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfBackgroundImage.prototype, "src", void 0);

package/pf-badge/pf-badge.js

@@ -67,7 +67,7 @@ let PfBadge = class PfBadge extends LitElement {
     }
 };
 PfBadge.styles = [styles];
-PfBadge.version = "4.2.0";
+PfBadge.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfBadge.prototype, "state", void 0);

package/pf-banner/pf-banner.js

@@ -156,7 +156,7 @@ let PfBanner = class PfBanner extends LitElement {
 };
 _PfBanner_slots = new WeakMap();
 PfBanner.styles = [styles];
-PfBanner.version = "4.2.0";
+PfBanner.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfBanner.prototype, "variant", void 0);

package/pf-button/pf-button.js

@@ -1003,7 +1003,7 @@ PfButton.styles = [
     iconStyles,
     styles,
 ];
-PfButton.version = "4.2.0";
+PfButton.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfButton.prototype, "type", void 0);

package/pf-card/pf-card.js

@@ -295,7 +295,7 @@ let PfCard = class PfCard extends LitElement {
 };
 _PfCard_slots = new WeakMap();
 PfCard.styles = [style];
-PfCard.version = "4.2.0";
+PfCard.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfCard.prototype, "size", void 0);

package/pf-chip/pf-chip-group.js

@@ -299,7 +299,7 @@ PfChipGroup.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfChipGroup.version = "4.2.0";
+PfChipGroup.version = "4.3.0";
 __decorate([
     property({ attribute: 'accessible-label', type: String })
 ], PfChipGroup.prototype, "accessibleLabel", void 0);

package/pf-chip/pf-chip.js

@@ -197,7 +197,7 @@ PfChip.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfChip.version = "4.2.0";
+PfChip.version = "4.3.0";
 __decorate([
     property({ attribute: 'accessible-close-label', type: String })
 ], PfChip.prototype, "accessibleCloseLabel", void 0);

package/pf-clipboard-copy/pf-clipboard-copy.js

@@ -460,7 +460,7 @@ PfClipboardCopy.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfClipboardCopy.version = "4.2.0";
+PfClipboardCopy.version = "4.3.0";
 __decorate([
     property({ attribute: 'click-tip' })
 ], PfClipboardCopy.prototype, "clickTip", void 0);

package/pf-code-block/pf-code-block.js

@@ -137,7 +137,7 @@ _PfCodeBlock_toggle = function _PfCodeBlock_toggle() {
     this.expanded = !this.expanded;
 };
 PfCodeBlock.styles = [styles];
-PfCodeBlock.version = "4.2.0";
+PfCodeBlock.version = "4.3.0";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfCodeBlock.prototype, "expanded", void 0);

package/pf-dropdown/pf-dropdown-group.js

@@ -55,7 +55,7 @@ PfDropdownGroup.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownGroup.version = "4.2.0";
+PfDropdownGroup.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfDropdownGroup.prototype, "label", void 0);

package/pf-dropdown/pf-dropdown-item.js

@@ -207,7 +207,7 @@ PfDropdownItem.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownItem.version = "4.2.0";
+PfDropdownItem.version = "4.3.0";
 __decorate([
     property({ reflect: true })
 ], PfDropdownItem.prototype, "value", void 0);

package/pf-dropdown/pf-dropdown-menu.js

@@ -157,7 +157,7 @@ PfDropdownMenu.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownMenu.version = "4.2.0";
+PfDropdownMenu.version = "4.3.0";
 __decorate([
     consume({ context, subscribe: true }),
     state()

package/pf-dropdown/pf-dropdown.css

@@ -214,7 +214,14 @@ pf-dropdown-menu,
     --pf-c-dropdown__menu--Top,
     calc(100% + var(--pf-global--spacer--xs, 0.25rem))
   ) !important;
-  left: 0 !important;
+  left: var(
+    --pf-c-dropdown__menu--Left,
+    0
+  ) !important;
+  right: var(
+    --pf-c-dropdown__menu--Right,
+    auto
+  ) !important;
   z-index: var(
     --pf-c-dropdown__menu--ZIndex,
     var(--pf-global--ZIndex--sm, 200)

package/pf-dropdown/pf-dropdown.js

@@ -231,7 +231,14 @@ pf-dropdown-menu,
     --pf-c-dropdown__menu--Top,
     calc(100% + var(--pf-global--spacer--xs, 0.25rem))
   ) !important;
-  left: 0 !important;
+  left: var(
+    --pf-c-dropdown__menu--Left,
+    0
+  ) !important;
+  right: var(
+    --pf-c-dropdown__menu--Right,
+    auto
+  ) !important;
   z-index: var(
     --pf-c-dropdown__menu--ZIndex,
     var(--pf-global--ZIndex--sm, 200)
@@ -562,7 +569,7 @@ PfDropdown.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdown.version = "4.2.0";
+PfDropdown.version = "4.3.0";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfDropdown.prototype, "disabled", void 0);

package/pf-dropdown/pf-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"pf-dropdown.js","sourceRoot":"","sources":["pf-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type PropertyValues, type TemplateResult } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { provide } from '@lit/context';\n\nimport { FloatingDOMController } from '@patternfly/pfe-core/controllers/floating-dom-controller.js';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nimport { context, type PfDropdownContext } from './context.js';\nimport { PfDropdownItem } from './pf-dropdown-item.js';\nimport { PfDropdownMenu } from './pf-dropdown-menu.js';\n\nimport '@patternfly/elements/pf-button/pf-button.js';\n\nimport styles from './pf-dropdown.css';\n\n\nexport class PfDropdownSelectEvent extends Event {\n  constructor(\n    public originalEvent: Event | KeyboardEvent,\n    public value: string\n  ) {\n    super('select', { bubbles: true, cancelable: true });\n  }\n}\n\n/**\n * A **dropdown** presents a menu of actions or links in a constrained space that\n * will trigger a process or navigate to a new location.\n * @alias Dropdown\n * @fires {PfDropdownSelectEvent} select - when a user select dropdown value\n * @fires open - when the dropdown toggles open\n * @fires close - when the dropdown toggles closed\n */\n@customElement('pf-dropdown')\nexport class PfDropdown extends LitElement {\n  static readonly styles: CSSStyleSheet[] = [styles];\n\n  static override readonly shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * When disabled, the dropdown can still be toggled open and closed via keyboard, but menu items cannot be activated.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Whether the dropdown is expanded\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @queryAssignedElements({ slot: 'toggle', flatten: true })\n  private _toggleElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'menu', flatten: true })\n  private _menuElements!: HTMLElement[];\n\n  @provide({ context }) private ctx: PfDropdownContext = { disabled: false };\n\n  #logger = new Logger(this);\n\n  #float = new FloatingDOMController(this, {\n    content: () => this._menuElements?.at(0),\n  });\n\n  protected override async getUpdateComplete(): Promise<boolean> {\n    const ps = await Promise.all([\n      super.getUpdateComplete(),\n      this._menuElements?.map(x => (x as LitElement).updateComplete),\n    ]);\n    return ps.every(x=>!!x);\n  }\n\n  willUpdate(changed: PropertyValues): void {\n    if (changed.has('disabled')) {\n      const { disabled } = this;\n      this.ctx = { disabled };\n    }\n  }\n\n  render(): TemplateResult<1> {\n    const { expanded } = this;\n    const { anchor, alignment, styles = {} } = this.#float;\n    const { disabled } = this;\n    return html`\n    <div class=\"${classMap({ disabled,\n                             expanded,\n                             [anchor ?? '']: !!anchor,\n                             [alignment ?? '']: !!alignment })}\"\n         style=\"${styleMap(styles)}\"\n         @slotchange=\"${this.#onSlotchange}\">\n      <!-- Custom toggle button -->\n      <slot name=\"toggle\"\n            @keydown=\"${this.#onButtonKeydown}\"\n            @click=\"${() => this.toggle()}\">\n        <pf-button id=\"default-toggle\" variant=\"control\">\n          Dropdown\n          <pf-icon icon=\"caret-down\" size=\"md\"></pf-icon>\n        </pf-button>\n      </slot>\n      <!-- when using a custom toggle, you must slot a \\`<pf-dropdown-menu>\\` in alongside it -->\n      <slot name=\"menu\"\n            ?hidden=\"${!this.expanded}\"\n            @focusout=\"${this.#onMenuFocusout}\"\n            @keydown=\"${this.#onMenuKeydown}\"\n            @click=\"${this.#onSelect}\">\n        <!-- The dropdown menu wrapper -->\n        <pf-dropdown-menu id=\"menu\" part=\"menu\" ?disabled=\"${disabled}\">\n          <!-- Must contain one or more \\`<pf-dropdown-item>\\` or \\`<pf-dropdown-group>\\` -->\n          <slot></slot>\n        </pf-dropdown-menu>\n      </slot>\n    </div>`;\n  }\n\n  override firstUpdated(): void {\n    this.#onSlotchange();\n  }\n\n  updated(changed: PropertyValues<this>): void {\n    if (changed.has('expanded')) {\n      this.#expandedChanged();\n    }\n    if (changed.has('disabled')) {\n      this.#disabledChanged();\n    }\n  }\n\n  #validateDOM() {\n    const [toggle] = this._toggleElements;\n    const [menu] = this._menuElements;\n    if (!toggle) {\n      this.#logger.warn('no toggle found');\n      return false;\n    } else if (!menu) {\n      this.#logger.warn('no menu found');\n      return false;\n    } else if (![toggle, menu].map(x => this.shadowRoot?.contains(x))\n        .every((p, _, a) => p === a[0])) {\n      this.#logger.warn('toggle and menu must be located in the same root');\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  #onSlotchange() {\n    if (this.#validateDOM()) {\n      const [menu] = this._menuElements;\n      const [toggle] = this._toggleElements;\n      menu.id ||= getRandomId('menu');\n      toggle.setAttribute('aria-controls', menu.id);\n      toggle.setAttribute('aria-haspopup', menu.id);\n      toggle.setAttribute('aria-expanded', String(this.expanded) as 'true' | 'false');\n    }\n  }\n\n  async #expandedChanged() {\n    const will = this.expanded ? 'close' : 'open';\n    const [menu] = this._menuElements;\n    const [toggle] = this._toggleElements;\n    toggle.setAttribute('aria-expanded', `${String(this.expanded) as 'true' | 'false'}`);\n    this.dispatchEvent(new Event(will));\n    if (this.expanded) {\n      await this.#float.show();\n      if (menu instanceof PfDropdownMenu) {\n        menu.activeItem?.focus();\n      }\n    } else {\n      await this.#float.hide();\n    }\n  }\n\n  #disabledChanged() {\n    if (this.#validateDOM()) {\n      const [toggle] = this._toggleElements;\n      toggle.setAttribute('aria-disabled', String(!!this.disabled));\n    }\n  }\n\n  #onSelect(event: KeyboardEvent | Event & { target: PfDropdownItem }) {\n    const [menu] = this._menuElements;\n    if (menu instanceof PfDropdownMenu) {\n      const target = event.target as PfDropdownItem || menu.activeItem;\n      this.dispatchEvent(new PfDropdownSelectEvent(event, `${target?.value}`));\n      this.hide();\n    }\n  }\n\n  #onButtonKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown': {\n        this.show();\n      }\n    }\n  }\n\n  #onMenuFocusout(event: FocusEvent) {\n    if (this.expanded) {\n      const root = this.getRootNode();\n      const [menu] = this._menuElements;\n      if (root instanceof ShadowRoot\n          || root instanceof Document\n          && event.relatedTarget instanceof PfDropdownItem\n          && menu instanceof PfDropdownMenu\n          && !menu.items.includes(event.relatedTarget)\n      ) {\n        this.hide();\n      }\n    }\n  }\n\n  #onMenuKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        this.#onSelect(event);\n        break;\n      case 'Escape':\n        this.hide();\n        this._toggleElements?.at(0)?.focus();\n    }\n  }\n\n  /**\n   * Opens the dropdown\n   */\n  async show(): Promise<void> {\n    this.expanded = true;\n    await this.updateComplete;\n  }\n\n  /**\n   * Closes the dropdown\n   */\n  async hide(): Promise<void> {\n    this.expanded = false;\n    await this.updateComplete;\n  }\n\n  async toggle(): Promise<void> {\n    this.expanded = !this.expanded;\n    await this.updateComplete;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'pf-dropdown': PfDropdown;\n  }\n}\n"]}
+{"version":3,"file":"pf-dropdown.js","sourceRoot":"","sources":["pf-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type PropertyValues, type TemplateResult } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { provide } from '@lit/context';\n\nimport { FloatingDOMController } from '@patternfly/pfe-core/controllers/floating-dom-controller.js';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nimport { context, type PfDropdownContext } from './context.js';\nimport { PfDropdownItem } from './pf-dropdown-item.js';\nimport { PfDropdownMenu } from './pf-dropdown-menu.js';\n\nimport '@patternfly/elements/pf-button/pf-button.js';\n\nimport styles from './pf-dropdown.css';\n\n\nexport class PfDropdownSelectEvent extends Event {\n  constructor(\n    public originalEvent: Event | KeyboardEvent,\n    public value: string\n  ) {\n    super('select', { bubbles: true, cancelable: true });\n  }\n}\n\n/**\n * A **dropdown** presents a menu of actions or links in a constrained space that\n * will trigger a process or navigate to a new location.\n * @alias Dropdown\n * @fires {PfDropdownSelectEvent} select - when a user select dropdown value\n * @fires open - when the dropdown toggles open\n * @fires close - when the dropdown toggles closed\n */\n@customElement('pf-dropdown')\nexport class PfDropdown extends LitElement {\n  static readonly styles: CSSStyleSheet[] = [styles];\n\n  static override readonly shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * When disabled, the dropdown can still be toggled open and closed via keyboard, but menu items cannot be activated.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Whether the dropdown is expanded\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @queryAssignedElements({ slot: 'toggle', flatten: true })\n  private _toggleElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'menu', flatten: true })\n  private _menuElements!: HTMLElement[];\n\n  @provide({ context }) private ctx: PfDropdownContext = { disabled: false };\n\n  #logger = new Logger(this);\n\n  #float = new FloatingDOMController(this, {\n    content: () => this._menuElements?.at(0),\n  });\n\n  protected override async getUpdateComplete(): Promise<boolean> {\n    const ps = await Promise.all([\n      super.getUpdateComplete(),\n      this._menuElements?.map(x => (x as LitElement).updateComplete),\n    ]);\n    return ps.every(x=>!!x);\n  }\n\n  willUpdate(changed: PropertyValues): void {\n    if (changed.has('disabled')) {\n      const { disabled } = this;\n      this.ctx = { disabled };\n    }\n  }\n\n  render(): TemplateResult<1> {\n    const { expanded } = this;\n    const { anchor, alignment, styles = {} } = this.#float;\n    const { disabled } = this;\n    return html`\n    <div class=\"${classMap({ disabled,\n                             expanded,\n                             [anchor ?? '']: !!anchor,\n                             [alignment ?? '']: !!alignment })}\"\n         style=\"${styleMap(styles)}\"\n         @slotchange=\"${this.#onSlotchange}\">\n      <!-- Custom toggle button -->\n      <slot name=\"toggle\"\n            @keydown=\"${this.#onButtonKeydown}\"\n            @click=\"${() => this.toggle()}\">\n        <pf-button id=\"default-toggle\" variant=\"control\">\n          Dropdown\n          <pf-icon icon=\"caret-down\" size=\"md\"></pf-icon>\n        </pf-button>\n      </slot>\n      <!-- when using a custom toggle, you must slot a \\`<pf-dropdown-menu>\\` in alongside it -->\n      <slot name=\"menu\"\n            ?hidden=\"${!this.expanded}\"\n            @focusout=\"${this.#onMenuFocusout}\"\n            @keydown=\"${this.#onMenuKeydown}\"\n            @click=\"${this.#onSelect}\">\n        <!-- The dropdown menu wrapper -->\n        <pf-dropdown-menu id=\"menu\" part=\"menu\" ?disabled=\"${disabled}\">\n          <!-- Must contain one or more \\`<pf-dropdown-item>\\` or \\`<pf-dropdown-group>\\` -->\n          <slot></slot>\n        </pf-dropdown-menu>\n      </slot>\n    </div>`;\n  }\n\n  override firstUpdated(): void {\n    this.#onSlotchange();\n  }\n\n  updated(changed: PropertyValues<this>): void {\n    if (changed.has('expanded')) {\n      this.#expandedChanged();\n    }\n    if (changed.has('disabled')) {\n      this.#disabledChanged();\n    }\n  }\n\n  #validateDOM() {\n    const [toggle] = this._toggleElements;\n    const [menu] = this._menuElements;\n    if (!toggle) {\n      this.#logger.warn('no toggle found');\n      return false;\n    } else if (!menu) {\n      this.#logger.warn('no menu found');\n      return false;\n    } else if (![toggle, menu].map(x => this.shadowRoot?.contains(x))\n        .every((p, _, a) => p === a[0])) {\n      this.#logger.warn('toggle and menu must be located in the same root');\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  #onSlotchange() {\n    if (this.#validateDOM()) {\n      const [menu] = this._menuElements;\n      const [toggle] = this._toggleElements;\n      menu.id ||= getRandomId('menu');\n      toggle.setAttribute('aria-controls', menu.id);\n      toggle.setAttribute('aria-haspopup', menu.id);\n      toggle.setAttribute('aria-expanded', String(this.expanded) as 'true' | 'false');\n    }\n  }\n\n  async #expandedChanged() {\n    const will = this.expanded ? 'close' : 'open';\n    const [menu] = this._menuElements;\n    const [toggle] = this._toggleElements;\n    toggle.setAttribute('aria-expanded', `${String(this.expanded) as 'true' | 'false'}`);\n    this.dispatchEvent(new Event(will));\n    if (this.expanded) {\n      await this.#float.show();\n      if (menu instanceof PfDropdownMenu) {\n        menu.activeItem?.focus();\n      }\n    } else {\n      await this.#float.hide();\n    }\n  }\n\n  #disabledChanged() {\n    if (this.#validateDOM()) {\n      const [toggle] = this._toggleElements;\n      toggle.setAttribute('aria-disabled', String(!!this.disabled));\n    }\n  }\n\n  #onSelect(event: KeyboardEvent | Event & { target: PfDropdownItem }) {\n    const [menu] = this._menuElements;\n    if (menu instanceof PfDropdownMenu) {\n      const target = event.target as PfDropdownItem || menu.activeItem;\n      this.dispatchEvent(new PfDropdownSelectEvent(event, `${target?.value}`));\n      this.hide();\n    }\n  }\n\n  #onButtonKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown': {\n        this.show();\n      }\n    }\n  }\n\n  #onMenuFocusout(event: FocusEvent) {\n    if (this.expanded) {\n      const root = this.getRootNode();\n      const [menu] = this._menuElements;\n      if (root instanceof ShadowRoot\n          || root instanceof Document\n          && event.relatedTarget instanceof PfDropdownItem\n          && menu instanceof PfDropdownMenu\n          && !menu.items.includes(event.relatedTarget)\n      ) {\n        this.hide();\n      }\n    }\n  }\n\n  #onMenuKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        this.#onSelect(event);\n        break;\n      case 'Escape':\n        this.hide();\n        this._toggleElements?.at(0)?.focus();\n    }\n  }\n\n  /**\n   * Opens the dropdown\n   */\n  async show(): Promise<void> {\n    this.expanded = true;\n    await this.updateComplete;\n  }\n\n  /**\n   * Closes the dropdown\n   */\n  async hide(): Promise<void> {\n    this.expanded = false;\n    await this.updateComplete;\n  }\n\n  async toggle(): Promise<void> {\n    this.expanded = !this.expanded;\n    await this.updateComplete;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'pf-dropdown': PfDropdown;\n  }\n}\n"]}

package/pf-helper-text/pf-helper-text.css

@@ -0,0 +1,35 @@
+:host {
+  display: flex;
+  align-items: center;
+  gap: var(--pf-c-helper-text--Gap, 0.25rem);
+  font-size: var(--pf-c-helper-text--FontSize, 0.875rem);
+  color: var(--pf-c-helper-text__item-text--Color, #151515);
+  line-height: 1.4;
+}
+
+/* Color variants */
+:host([variant='indeterminate']) {
+  color: var(--pf-c-helper-text__item-text--m-indeterminate--Color, #6a6e73);
+}
+
+:host([variant='warning']) {
+  color: var(--pf-c-helper-text__item-text--m-warning--Color, #795600);
+}
+
+:host([variant='success']) {
+  color: var(--pf-c-helper-text__item-text--m-success--Color, #1e4f18);
+}
+
+:host([variant='error']) {
+  color: var(--pf-c-helper-text__item-text--m-error--Color, #a30000);
+}
+
+::slotted(ul) {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+pf-icon {
+  fill: currentColor;
+}

package/pf-helper-text/pf-helper-text.d.ts

@@ -0,0 +1,41 @@
+import { LitElement, type TemplateResult } from 'lit';
+import '@patternfly/elements/pf-icon/pf-icon.js';
+/**
+ * Displays contextual feedback for form fields with optional icon and status color.
+ *
+ * @slot icon - Optional custom icon to override the default icon.
+ * @slot - Default slot for the helper text content.
+ *
+ * @fires icon-load - Fired when the icon successfully loads.
+ * @fires icon-error - Fired if loading the icon fails.
+ *
+ * @csspart icon - The container for the icon.
+ * @csspart text - The container for the text.
+ */
+export declare class PfHelperText extends LitElement {
+    #private;
+    static readonly styles: CSSStyleSheet[];
+    /**
+     * Defines the helper text status and its corresponding color and icon.
+     */
+    variant: 'default' | 'success' | 'warning' | 'error' | 'indeterminate';
+    /**
+     * Custom icon name to override the default icon.
+     * Requires `<pf-icon>` to be imported.
+     */
+    icon?: string;
+    /**
+     * Icon set for custom icons (e.g., 'fas', 'patternfly').
+     */
+    iconSet?: string;
+    /**
+     * Determine the effective icon to display.
+     */
+    private get _resolvedIcon();
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pf-helper-text': PfHelperText;
+    }
+}

package/pf-helper-text/pf-helper-text.js

@@ -0,0 +1,107 @@
+var _PfHelperText_slots;
+import { __classPrivateFieldGet, __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
+import '@patternfly/elements/pf-icon/pf-icon.js';
+import { css } from "lit";
+const styles = css `:host {
+  display: flex;
+  align-items: center;
+  gap: var(--pf-c-helper-text--Gap, 0.25rem);
+  font-size: var(--pf-c-helper-text--FontSize, 0.875rem);
+  color: var(--pf-c-helper-text__item-text--Color, #151515);
+  line-height: 1.4;
+}
+
+/* Color variants */
+:host([variant='indeterminate']) {
+  color: var(--pf-c-helper-text__item-text--m-indeterminate--Color, #6a6e73);
+}
+
+:host([variant='warning']) {
+  color: var(--pf-c-helper-text__item-text--m-warning--Color, #795600);
+}
+
+:host([variant='success']) {
+  color: var(--pf-c-helper-text__item-text--m-success--Color, #1e4f18);
+}
+
+:host([variant='error']) {
+  color: var(--pf-c-helper-text__item-text--m-error--Color, #a30000);
+}
+
+::slotted(ul) {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+pf-icon {
+  fill: currentColor;
+}
+`;
+/** Map of status to default icons (Font Awesome solid set). */
+const StatusIconMap = {
+    success: 'check-circle',
+    warning: 'exclamation-triangle',
+    error: 'exclamation-circle',
+    indeterminate: 'info-circle',
+};
+let PfHelperText = class PfHelperText extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the helper text status and its corresponding color and icon.
+         */
+        this.variant = 'default';
+        _PfHelperText_slots.set(this, new SlotController(this, 'icon', null));
+    }
+    /**
+     * Determine the effective icon to display.
+     */
+    get _resolvedIcon() {
+        if (this.icon) {
+            return this.icon;
+        }
+        if (this.variant !== 'default') {
+            return StatusIconMap[this.variant];
+        }
+        return undefined;
+    }
+    render() {
+        const iconName = this._resolvedIcon;
+        const showIcon = !!this.icon || __classPrivateFieldGet(this, _PfHelperText_slots, "f").hasSlotted('icon');
+        return html `
+      <span id="icon" ?hidden="${!showIcon}">
+        <slot name="icon">
+          <pf-icon icon="${iconName}"
+                   set="${ifDefined(this.iconSet)}"
+                   role="presentation"></pf-icon>
+        </slot>
+      </span>
+      <span id="text" aria-live="polite">
+        <slot></slot>
+      </span>
+    `;
+    }
+};
+_PfHelperText_slots = new WeakMap();
+PfHelperText.styles = [styles];
+PfHelperText.version = "4.3.0";
+__decorate([
+    property({ reflect: true })
+], PfHelperText.prototype, "variant", void 0);
+__decorate([
+    property()
+], PfHelperText.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'icon-set' })
+], PfHelperText.prototype, "iconSet", void 0);
+PfHelperText = __decorate([
+    customElement('pf-helper-text')
+], PfHelperText);
+export { PfHelperText };
+//# sourceMappingURL=pf-helper-text.js.map

package/pf-helper-text/pf-helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-helper-text.js","sourceRoot":"","sources":["pf-helper-text.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAErF,OAAO,yCAAyC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIjD,+DAA+D;AAC/D,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,sBAAsB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,aAAa,EAAE,aAAa;CAC7B,CAAC;AAeK,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAGL;;WAEG;QAC0B,YAAO,GAKhB,SAAS,CAAC;QAa9B,8BAAS,IAAI,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAC;;IAEhD;;OAEG;IACH,IAAY,aAAa;QACvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QACD,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC;QACpC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,uBAAA,IAAI,2BAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAA;iCACkB,CAAC,QAAQ;;2BAEf,QAAQ;0BACT,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;;;;;;KAO5C,CAAC;IACJ,CAAC;;;AAtDsB,mBAAM,GAAoB,CAAC,MAAM,CAAC,AAA5B,CAA6B;;AAK7B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAKE;AAMlB;IAAX,QAAQ,EAAE;0CAAe;AAKW;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CAAkB;AAtB3C,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY","sourcesContent":["import { LitElement, html, type TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';\n\nimport '@patternfly/elements/pf-icon/pf-icon.js';\n\nimport styles from './pf-helper-text.css';\n\n/** Map of status to default icons (Font Awesome solid set). */\nconst StatusIconMap = {\n  success: 'check-circle',\n  warning: 'exclamation-triangle',\n  error: 'exclamation-circle',\n  indeterminate: 'info-circle',\n};\n\n/**\n * Displays contextual feedback for form fields with optional icon and status color.\n *\n * @slot icon - Optional custom icon to override the default icon.\n * @slot - Default slot for the helper text content.\n *\n * @fires icon-load - Fired when the icon successfully loads.\n * @fires icon-error - Fired if loading the icon fails.\n *\n * @csspart icon - The container for the icon.\n * @csspart text - The container for the text.\n */\n@customElement('pf-helper-text')\nexport class PfHelperText extends LitElement {\n  public static readonly styles: CSSStyleSheet[] = [styles];\n\n  /**\n   * Defines the helper text status and its corresponding color and icon.\n   */\n  @property({ reflect: true }) variant:\n  | 'default'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'indeterminate' = 'default';\n\n  /**\n   * Custom icon name to override the default icon.\n   * Requires `<pf-icon>` to be imported.\n   */\n  @property() icon?: string;\n\n  /**\n   * Icon set for custom icons (e.g., 'fas', 'patternfly').\n   */\n  @property({ attribute: 'icon-set' }) iconSet?: string;\n\n  #slots = new SlotController(this, 'icon', null);\n\n  /**\n   * Determine the effective icon to display.\n   */\n  private get _resolvedIcon(): string | undefined {\n    if (this.icon) {\n      return this.icon;\n    }\n    if (this.variant !== 'default') {\n      return StatusIconMap[this.variant];\n    }\n    return undefined;\n  }\n\n  protected render(): TemplateResult<1> {\n    const iconName = this._resolvedIcon;\n    const showIcon = !!this.icon || this.#slots.hasSlotted('icon');\n\n    return html`\n      <span id=\"icon\" ?hidden=\"${!showIcon}\">\n        <slot name=\"icon\">\n          <pf-icon icon=\"${iconName}\"\n                   set=\"${ifDefined(this.iconSet)}\"\n                   role=\"presentation\"></pf-icon>\n        </slot>\n      </span>\n      <span id=\"text\" aria-live=\"polite\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'pf-helper-text': PfHelperText;\n  }\n}\n"]}

package/pf-helper-text/test/pf-helper-text.e2e.d.ts

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

package/pf-helper-text/test/pf-helper-text.e2e.js

@@ -0,0 +1,23 @@
+import { test } from '@playwright/test';
+import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
+import { SSRPage } from '@patternfly/pfe-tools/test/playwright/SSRPage.js';
+const tagName = 'pf-helper-text';
+test.describe(tagName, () => {
+    test('snapshot', async ({ page }) => {
+        const componentPage = new PfeDemoPage(page, tagName);
+        await componentPage.navigate();
+        await componentPage.snapshot();
+    });
+    test('ssr', async ({ browser }) => {
+        const fixture = new SSRPage({
+            tagName,
+            browser,
+            demoDir: new URL('../demo/', import.meta.url),
+            importSpecifiers: [
+                `@patternfly/elements/${tagName}/${tagName}.js`,
+            ],
+        });
+        await fixture.snapshots();
+    });
+});
+//# sourceMappingURL=pf-helper-text.e2e.js.map

package/pf-helper-text/test/pf-helper-text.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-helper-text.e2e.js","sourceRoot":"","sources":["pf-helper-text.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAE3E,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAEjC,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;IAEH,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAChC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC;YAC1B,OAAO;YACP,OAAO;YACP,OAAO,EAAE,IAAI,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7C,gBAAgB,EAAE;gBAChB,wBAAwB,OAAO,IAAI,OAAO,KAAK;aAChD;SACF,CAAC,CAAC;QACH,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\nimport { SSRPage } from '@patternfly/pfe-tools/test/playwright/SSRPage.js';\n\nconst tagName = 'pf-helper-text';\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  test('ssr', async ({ browser }) => {\n    const fixture = new SSRPage({\n      tagName,\n      browser,\n      demoDir: new URL('../demo/', import.meta.url),\n      importSpecifiers: [\n        `@patternfly/elements/${tagName}/${tagName}.js`,\n      ],\n    });\n    await fixture.snapshots();\n  });\n});\n"]}

package/pf-helper-text/test/pf-helper-text.spec.d.ts

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