@patternfly/elements 3.0.2 → 4.0.1

package/pf-chip/test/pf-chip-group.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"pf-chip-group.spec.js","sourceRoot":"","sources":["pf-chip-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { a11ySnapshot, type A11yTreeSnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\nimport { PfChipGroup } from '../pf-chip-group.js';\nimport { PfChip } from '../pf-chip.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\nfunction press(key: string) {\n  return async function() {\n    await sendKeys({ press: key });\n  };\n}\n\ndescribe('<pf-chip-group>', async function() {\n  let element: PfChipGroup;\n\n  describe('simply instantiating', function() {\n    it('imperatively instantiates', function() {\n      expect(document.createElement('pf-chip-group')).to.be.an.instanceof(PfChipGroup);\n    });\n\n    it('should upgrade', async function() {\n      element = await createFixture<PfChipGroup>(html`<pf-chip-group></pf-chip-group>`);\n      const klass = customElements.get('pf-chip-group');\n      expect(element)\n          .to.be.an.instanceOf(klass)\n          .and\n          .to.be.an.instanceOf(PfChipGroup);\n    });\n  });\n\n  describe('with 3 chips', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group>\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    it('only 3 chips and an overflow should be visible', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(3);\n      expect(snapshot.children?.filter(x => x.role === 'button')?.length).to.equal(4);\n    });\n\n    describe('clicking overflow chip', function() {\n      beforeEach(() => element.focus());\n      beforeEach(press('ArrowLeft'));\n      beforeEach(press('Enter'));\n      beforeEach(updateComplete);\n      it('should show all chips', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(4);\n      });\n      it('should show collapse button', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.filter(x => x.role === 'button')?.length).to.equal(5);\n      });\n      it('should focus collapse button', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.find(x => x.focused)?.name).to.equal('show less');\n      });\n    });\n  });\n\n  describe('with 4 chips and `closeable` attribute', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group closeable>\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    beforeEach(updateComplete);\n    it('should have close button', async function() {\n      const snapshot = await a11ySnapshot();\n      const last = snapshot.children?.at(-1);\n      expect(last?.name).to.equal('Close');\n      expect(last?.role).to.equal('button');\n      expect(last?.description).to.not.be.ok;\n    });\n\n    describe('clicking close button', function() {\n      beforeEach(() => element.focus());\n      beforeEach(press('ArrowLeft'));\n      beforeEach(press('Enter'));\n      beforeEach(updateComplete);\n      it('should remove element', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children).to.be.undefined;\n      });\n    });\n  });\n\n  describe('with 4 chips and `collapsed-text`, `expanded-text`, and `label` attributes', async function() {\n    let chip1: PfChip;\n    let chip2: PfChip;\n    let element: PfChipGroup;\n    let snapshot: A11yTreeSnapshot;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group collapsed-text=\"show $\\{remaining} more\"\n                       expanded-text=\"show fewer\"\n                       accessible-label=\"My Chip Group\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n      [chip1, chip2] = document.querySelectorAll('pf-chip');\n      snapshot = await a11ySnapshot();\n    });\n\n    it('has accessible label', function() {\n      const [offscreen] = snapshot.children!;\n      expect(offscreen?.name).to.equal('My Chip Group');\n    });\n\n    it('is accessible', async function() {\n      await expect(element).to.be.accessible();\n    });\n\n    describe('pressing `Tab`', function() {\n      beforeEach(press('Tab'));\n      beforeEach(updateComplete);\n      it('should focus', function() {\n        expect(document.activeElement).to.equal(chip1);\n      });\n    });\n\n    describe('pressing `ArrowRight`', function() {\n      beforeEach(() => chip1.focus());\n      beforeEach(press('ArrowRight'));\n      beforeEach(updateComplete);\n      it('should move to chip2', function() {\n        expect(document.activeElement).to.equal(chip2);\n      });\n    });\n  });\n\n  describe('with 4 chips and `num-chips=\"2\"` attribute', function() {\n    beforeEach(async function() {\n      await createFixture<PfChipGroup>(html`\n        <pf-chip-group num-chips=\"2\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n    it('only 2 chips should be visible', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(2);\n    });\n  });\n\n  describe('with 4 chips and `num-chips=\"4\"` attribute', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group num-chips=\"4\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    it('all 4 chips should be visible', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(4);\n    });\n\n    describe('keyboard navigating with arrow keys to third chip and pressing enter', function() {\n      beforeEach(press('Tab'));\n      beforeEach(press('ArrowRight'));\n      beforeEach(press('ArrowRight'));\n      beforeEach(press('Enter'));\n      beforeEach(updateComplete);\n\n      it('should remove third chip', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.find(x => x.name === 'Chip 3')).to.not.be.ok;\n      });\n\n      it('should focus on close button', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.find(x => x.focused)?.name).to.equal('Close');\n      });\n    });\n  });\n});\n"]}
+{"version":3,"file":"pf-chip-group.spec.js","sourceRoot":"","sources":["pf-chip-group.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 { a11ySnapshot, querySnapshot, querySnapshotAll, type A11yTreeSnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\nimport { PfChipGroup } from '../pf-chip-group.js';\nimport { PfChip } from '../pf-chip.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\nfunction press(key: string) {\n  return async function() {\n    await sendKeys({ press: key });\n  };\n}\n\ndescribe('<pf-chip-group>', async function() {\n  let element: PfChipGroup;\n\n  describe('simply instantiating', function() {\n    it('imperatively instantiates', function() {\n      expect(document.createElement('pf-chip-group')).to.be.an.instanceof(PfChipGroup);\n    });\n\n    it('should upgrade', async function() {\n      element = await createFixture<PfChipGroup>(html`<pf-chip-group></pf-chip-group>`);\n      const klass = customElements.get('pf-chip-group');\n      expect(element)\n          .to.be.an.instanceOf(klass)\n          .and\n          .to.be.an.instanceOf(PfChipGroup);\n    });\n  });\n\n  describe('with 4 chips', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group>\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    it('displays 3 chips and an overflow button', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(querySnapshotAll(snapshot, { name: /^Chip/ })).to.have.length(3);\n      expect(querySnapshotAll(snapshot, { role: 'button' })).to.have.length(4);\n    });\n\n    describe('Tab', function() {\n      beforeEach(press('Tab'));\n      beforeEach(nextFrame);\n      it('focuses the first close button', async function() {\n        const snapshot = await a11ySnapshot();\n        const focused = querySnapshot(snapshot, { focused: true });\n        expect(focused).to.have.property('name', 'Close');\n        expect(focused).to.have.property('description', 'Chip 1');\n      });\n      describe('ArrowLeft', function() {\n        beforeEach(press('ArrowLeft'));\n        it('focuses the show less button', async function() {\n          const snapshot = await a11ySnapshot();\n          const focused = querySnapshot(snapshot, { focused: true });\n          expect(focused).to.have.property('name', '1 more');\n        });\n        describe('Enter', function() {\n          beforeEach(press('Enter'));\n          beforeEach(updateComplete);\n          it('should show all chips', async function() {\n            const snapshot = await a11ySnapshot();\n            expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(4);\n          });\n          it('should show collapse button', async function() {\n            const snapshot = await a11ySnapshot();\n            const buttons = querySnapshotAll(snapshot, { role: 'button' });\n            expect(buttons).to.have.length(5);\n          });\n          it('should focus collapse button', async function() {\n            const snapshot = await a11ySnapshot();\n            expect(querySnapshot(snapshot, { focused: true }))\n                .to.have.property('name', 'show less');\n          });\n        });\n      });\n    });\n  });\n\n  describe('with 4 chips and `closeable` attribute', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group closeable>\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    beforeEach(updateComplete);\n    it('should have close button', async function() {\n      const snapshot = await a11ySnapshot();\n      const last = snapshot.children?.at(-1);\n      expect(last?.name).to.equal('Close');\n      expect(last?.role).to.equal('button');\n      expect(last?.description).to.not.be.ok;\n    });\n\n    describe('clicking close button', function() {\n      beforeEach(() => element.focus());\n      beforeEach(press('ArrowLeft'));\n      beforeEach(press('Enter'));\n      beforeEach(updateComplete);\n      it('should remove element', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children).to.not.be.ok;\n      });\n    });\n  });\n\n  describe('with 4 chips and `collapsed-text`, `expanded-text`, and `label` attributes', async function() {\n    let chip1: PfChip;\n    let chip2: PfChip;\n    let element: PfChipGroup;\n    let snapshot: A11yTreeSnapshot;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group collapsed-text=\"show $\\{remaining} more\"\n                       expanded-text=\"show fewer\"\n                       accessible-label=\"My Chip Group\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n      [chip1, chip2] = document.querySelectorAll('pf-chip');\n      snapshot = await a11ySnapshot();\n    });\n\n    it('has accessible label', function() {\n      const [offscreen] = snapshot.children!;\n      expect(offscreen?.name).to.equal('My Chip Group');\n    });\n\n    it('is accessible', async function() {\n      await expect(element).to.be.accessible();\n    });\n\n    describe('pressing `Tab`', function() {\n      beforeEach(press('Tab'));\n      beforeEach(updateComplete);\n      it('should focus', function() {\n        expect(document.activeElement).to.equal(chip1);\n      });\n    });\n\n    describe('pressing `ArrowRight`', function() {\n      beforeEach(() => chip1.focus());\n      beforeEach(press('ArrowRight'));\n      beforeEach(updateComplete);\n      it('should move to chip2', function() {\n        expect(document.activeElement).to.equal(chip2);\n      });\n    });\n  });\n\n  describe('with 4 chips and `num-chips=\"2\"` attribute', function() {\n    beforeEach(async function() {\n      await createFixture<PfChipGroup>(html`\n        <pf-chip-group num-chips=\"2\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n    it('only 2 chips should be visible', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(2);\n    });\n  });\n\n  describe('with 4 chips and `num-chips=\"4\"` attribute', function() {\n    let element: PfChipGroup;\n    const updateComplete = () => element.updateComplete;\n\n    beforeEach(async function() {\n      element = await createFixture<PfChipGroup>(html`\n        <pf-chip-group num-chips=\"4\">\n          <pf-chip>Chip 1</pf-chip>\n          <pf-chip>Chip 2</pf-chip>\n          <pf-chip>Chip 3</pf-chip>\n          <pf-chip>Chip 4</pf-chip>\n        </pf-chip-group>\n      `);\n    });\n\n    it('all 4 chips should be visible', async function() {\n      const snapshot = await a11ySnapshot();\n      expect(snapshot.children?.filter(x => x.name.startsWith('Chip'))?.length).to.equal(4);\n    });\n\n    describe('keyboard navigating with arrow keys to third chip and pressing enter', function() {\n      beforeEach(press('Tab'));\n      beforeEach(press('ArrowRight'));\n      beforeEach(press('ArrowRight'));\n      beforeEach(press('Enter'));\n      beforeEach(updateComplete);\n\n      it('should remove third chip', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(snapshot.children?.find(x => x.name === 'Chip 3')).to.not.be.ok;\n      });\n\n      it('should focus on close button', async function() {\n        const snapshot = await a11ySnapshot();\n        expect(querySnapshot(snapshot, { focused: true }))\n            .to.be.ok\n            .and.have.property('name', 'Close');\n      });\n    });\n  });\n});\n"]}

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

@@ -1,5 +1,6 @@
 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-chip';
 test.describe(tagName, () => {
     test('snapshot', async ({ page }) => {
@@ -7,5 +8,16 @@ test.describe(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-chip.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pf-chip.e2e.js","sourceRoot":"","sources":["pf-chip.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-chip';\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"]}
+{"version":3,"file":"pf-chip.e2e.js","sourceRoot":"","sources":["pf-chip.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,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;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-chip';\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-clipboard-copy/pf-clipboard-copy.css

@@ -1,30 +1,50 @@
-.container {
-  display: flex;
-  flex-direction: column;
-}
-
-#input-group,
-#wrapper,
-pf-tooltip,
-pf-button {
-  display: flex;
+:host {
+	--pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
+	--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
+	--pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100, #fff);
+	--pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
+	--pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100, #d2d2d2);
+	--pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs, 0.25rem));
+	--pf-c-clipboard-copy--m-inline--PaddingTop: 0;
+	--pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
+	--pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200, #f0f0f0);
+	--pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace);
+	--pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm, 0.875rem);
+	--pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element, 0.375rem));
+	--pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element, 0.375rem));
+	--pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-icon--size: var(--pf-global--FontSize--md, 1rem);
 }
 
-.inline #wrapper {
-  display: inline-flex;
+[hidden],
+[inert],
+[inert]::slotted(*) {
+  display: none !important;
 }
 
-pf-button {
-  height: 100%;
+#container {
+  flex-direction: column;
 }
 
-pf-tooltip::part(invoker) {
+#container,
+#input-group,
+#wrapper {
   display: flex;
-  height: 100%;
 }
 
-:host {
-  --pf-icon--size: var(--pf-global--FontSize--md, 1rem);
+.inline #wrapper {
+  display: inline-flex;
 }
 
 #input-group > * + * {
@@ -32,69 +52,64 @@ pf-tooltip::part(invoker) {
 }
 
 input {
-  color: var(--pf-c-form-control--Color,
-    var(--pf-global--Color--100, var(--pf-global--Color--dark-100, #151515)));
+  color: var(--pf-c-form-control--Color);
   width: var(--pf-c-form-control--Width);
   padding:
-    var(--pf-c-form-control--PaddingTop, calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm, 1px)))
-    var(--pf-c-form-control--PaddingRight, var(--pf-c-form-control--inset--base, var(--pf-global--spacer--sm, 0.5rem)))
-    var(--pf-c-form-control--PaddingBottom, calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm, 1px)))
-    var(--pf-c-form-control--PaddingLeft, var(--pf-c-form-control--inset--base, var(--pf-global--spacer--sm, 0.5rem)));
+    var(--pf-c-form-control--PaddingTop)
+    var(--pf-c-form-control--PaddingRight)
+    var(--pf-c-form-control--PaddingBottom)
+    var(--pf-c-form-control--PaddingLeft);
   font-size: var(--pf-c-form-control--FontSize);
   line-height: var(--pf-c-form-control--LineHeight);
   background-color: var(--pf-c-form-control--BackgroundColor);
   background-repeat: no-repeat;
-  border: var(--pf-c-form-control--BorderWidth, var(--pf-global--BorderWidth--sm, 1px)) solid;
+  border: var(--pf-c-form-control--BorderWidth) solid;
   border-color:
-    var(--pf-c-form-control--BorderTopColor, var(--pf-global--BorderColor--300, #f0f0f0))
-    var(--pf-c-form-control--BorderRightColor, var(--pf-global--BorderColor--300, #f0f0f0))
-    var(--pf-c-form-control--BorderBottomColor, var(--pf-global--BorderColor--200, #8a8d90))
-    var(--pf-c-form-control--BorderLeftColor, var(--pf-global--BorderColor--300, #f0f0f0));
-  border-radius: var(--pf-c-form-control--BorderRadius, 0);
+    var(--pf-c-form-control--BorderTopColor)
+    var(--pf-c-form-control--BorderRightColor)
+    var(--pf-c-form-control--BorderBottomColor)
+    var(--pf-c-form-control--BorderLeftColor);
+  border-radius: var(--pf-c-form-control--BorderRadius);
   margin: 0;
   appearance: none;
-  height: var(--pf-c-form-control--Height, calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom)), 36px);
+  height: var(--pf-c-form-control--Height);
   text-overflow: ellipsis;
   flex: 1 1 auto;
 }
 
 input[disabled] {
-  background-color: var(--pf-c-form-control--readonly--BackgroundColor,
-    var(--pf-global--disabled-color--300, #f0f0f0));
+  background-color: var(--pf-c-form-control--readonly--BackgroundColor);
 }
 
 textarea {
   display: flex;
   flex: 1 1 auto;
   padding:
-    var(--pf-c-clipboard-copy__expandable-content--PaddingTop,
-      var(--pf-global--spacer--md, 1rem))
-    var(--pf-c-clipboard-copy__expandable-content--PaddingRight,
-      var(--pf-global--spacer--md, 1rem))
-    var(--pf-c-clipboard-copy__expandable-content--PaddingBottom,
-      var(--pf-global--spacer--md, 1rem))
-    var(--pf-c-clipboard-copy__expandable-content--PaddingLeft,
-      var(--pf-global--spacer--md, 1rem));
+    var(--pf-c-clipboard-copy__expandable-content--PaddingTop)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingRight)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingBottom)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
   word-wrap: break-word;
-  background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor, var(--pf-global--BackgroundColor--light-100, #fff));
+  background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
   background-clip: padding-box;
-  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor,
-    var(--pf-global--BorderColor--100, #d2d2d2));
+  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
   border-width:
-    var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth, 0)
-    var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth,
-      var(--pf-global--BorderWidth--sm, 1px))
-    var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth,
-      var(--pf-global--BorderWidth--sm, 1px))
-    var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth,
-      var(--pf-global--BorderWidth--sm, 1px));
+    var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
   box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
   margin: 0;
   color: inherit;
   font-family: inherit;
 }
 
-.container.code textarea {
+#input-group {
+  display: flex;
+  height: 100%;
+}
+
+#container.code textarea {
   font-family: var(--pf-global--FontFamily--monospace,
     var(--pf-global--FontFamily--redhat--monospace,
       "RedHatMono",
@@ -107,61 +122,40 @@ textarea {
       monospace));
 }
 
-.container.expanded #expand-button pf-icon {
+#container.expanded #expand-button pf-icon {
   rotate: 90deg;
 }
 
-.container.inline {
+#container.inline {
   display: inline;
-  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor,
-    var(--pf-global--BackgroundColor--200, #f0f0f0));
-  padding-block-start: var(--pf-c-clipboard-copy--m-inline--PaddingTop, 0px);
-  padding-block-end: var(--pf-c-clipboard-copy--m-inline--PaddingBottom, 0px);
-  padding-inline-start: var(--pf-c-clipboard-copy--m-inline--PaddingLeft,
-    var(--pf-global--spacer--xs, 0.25rem));
+  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
+  padding-block-start: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
+  padding-block-end: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
+  padding-inline-start: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
   word-break: break-word;
   white-space: normal;
 }
 
-#input-group {
-  display: flex;
-  height: 100%;
-}
-
-#copy-button {
-  height: calc(100% - var(--pf-c-button--PaddingTop) - var(--pf-c-button--PaddingBottom));
-}
-
-.container:is(.compact, .inline) #input-group {
+#container:is(.compact, .inline) #input-group {
   display: contents;
 }
 
-.container:is(.compact, .inline) pf-tooltip,
-.container:is(.compact, .inline) pf-tooltip::part(invoker) {
-  display: inline-flex;
-}
-
-.container:is(.compact, .inline) #input-group {
+#container:is(.compact, .inline) #input-group {
   background-color: var(--pf-c-button--m-plain--BackgroundColor,
     var(--pf-global--BackgroundColor--200, #f0f0f0));
 }
 
-.container.compact.block {
+#container.compact.block {
   display: block;
-  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor,
-    var(--pf-global--BackgroundColor--200, #f0f0f0));
+  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
 }
 
-.container:is(.compact, .inline) #copy-button,
-.container:is(.compact, .inline) slot[name="actions"]::slotted(*) {
-  --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop,
-    var(--pf-global--spacer--xs, 0.25rem));
-  --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
-    var(--pf-global--spacer--xs, 0.25rem));
-  --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
-    var(--pf-global--spacer--xs, 0.25rem));
-  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
-    var(--pf-global--spacer--sm, 0.5rem));
+#container:is(.compact, .inline) #copy-button,
+#container:is(.compact, .inline) slot[name="actions"]::slotted(*) {
+  --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop) !important;
+  --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight) !important;
+  --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom) !important;
+  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft) !important;
   margin-block-start: calc(-1 * var(--pf-c-button--PaddingTop));
   margin-block-end: calc(-1 * var(--pf-c-button--PaddingBottom));
 }

package/pf-clipboard-copy/pf-clipboard-copy.d.ts

@@ -1,41 +1,73 @@
-import { BaseClipboardCopy } from './BaseClipboardCopy.js';
+import { LitElement, type TemplateResult } from 'lit';
 import '@patternfly/elements/pf-button/pf-button.js';
 import '@patternfly/elements/pf-icon/pf-icon.js';
 import '@patternfly/elements/pf-tooltip/pf-tooltip.js';
+export declare class PfClipboardCopyCopiedEvent extends Event {
+    text: string;
+    constructor(text: string);
+}
 /**
  * The **clipboard copy** component allows users to quickly and easily copy content to their clipboard.
  * @slot - Place content to copy here, or use the `value` attribute
  * @slot actions - Place additional action buttons here
+ * @fires {PfClipboardCopyCopiedEvent} copy - when the text snippet is successfully copied.
+ * @cssprop [--pf-c-clipboard-copy__toggle-icon--Transition=.2s ease-in 0s]
+ * @cssprop [--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate=90deg]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--PaddingTop=var(--pf-global--spacer--md, 1rem)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--PaddingRight=var(--pf-global--spacer--md, 1rem)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--PaddingBottom=var(--pf-global--spacer--md, 1rem)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--PaddingLeft=var(--pf-global--spacer--md, 1rem)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BackgroundColor=var(--pf-global--BackgroundColor--light-100, #fff)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BorderTopWidth=0]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BorderRightWidth=var(--pf-global--BorderWidth--sm, 1px)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BorderBottomWidth=var(--pf-global--BorderWidth--sm, 1px)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BorderLeftWidth=var(--pf-global--BorderWidth--sm, 1px)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--BorderColor=var(--pf-global--BorderColor--100, #d2d2d2)]
+ * @cssprop [--pf-c-clipboard-copy__expandable-content--OutlineOffset=calc(-1 * var(--pf-global--spacer--xs, 0.25rem))]
+ * @cssprop [--pf-c-clipboard-copy--m-inline--PaddingTop=0]
+ * @cssprop [--pf-c-clipboard-copy--m-inline--PaddingBottom=0]
+ * @cssprop [--pf-c-clipboard-copy--m-inline--PaddingLeft=var(--pf-global--spacer--xs, 0.25rem)]
+ * @cssprop [--pf-c-clipboard-copy--m-inline--BackgroundColor=var(--pf-global--BackgroundColor--200, #f0f0f0)]
+ * @cssprop [--pf-c-clipboard-copy__text--m-code--FontFamily=var(--pf-global--FontFamily--monospace, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace)]
+ * @cssprop [--pf-c-clipboard-copy__text--m-code--FontSize=var(--pf-global--FontSize--sm, 0.875rem)]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--MarginTop=calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--MarginBottom=calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--button--PaddingTop=var(--pf-global--spacer--xs, 0.25rem)]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--button--PaddingRight=var(--pf-global--spacer--sm, 0.5rem)]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--button--PaddingBottom=var(--pf-global--spacer--xs, 0.25rem)]
+ * @cssprop [--pf-c-clipboard-copy__actions-item--button--PaddingLeft=var(--pf-global--spacer--sm, 0.5rem)]
  */
-export declare class PfClipboardCopy extends BaseClipboardCopy {
+export declare class PfClipboardCopy extends LitElement {
     #private;
     static readonly styles: CSSStyleSheet[];
-    static readonly shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-        customElements?: CustomElementRegistry | undefined;
-        registry?: CustomElementRegistry | undefined;
-    };
+    static readonly shadowRootOptions: ShadowRootInit;
+    /** Tooltip message to display when clicking the copy button */
     clickTip: string;
+    /** Tooltip message to display when hover the copy button */
     hoverTip: string;
-    textAriaLabel: string;
-    toggleAriaLabel: string;
+    /** Accessible label to use on the text input. */
+    accessibleTextLabel: string;
+    /** Accessible label to use on the toggle button. */
+    accessibleToggleLabel: string;
+    /** Delay in ms before the tooltip appears. */
     entryDelay: number;
+    /** Delay in ms before the tooltip disappears. */
     exitDelay: number;
+    /** Flag to determine if inline clipboard copy should be block styling */
     block: boolean;
+    /** Flag to determine if clipboard copy content includes code */
     code: boolean;
+    /** Flag to determine if clipboard copy is in the expanded state */
     expanded: boolean;
-    /**
-     * Implies not `inline`.
-     */
+    /** Implies not `inline`. */
     expandable: boolean;
+    /** Flag to show if the input is read only. */
     readonly: boolean;
-    /**
-     * Implies not expandable. Overrules `expandable`.
-     */
+    /** Implies not expandable. Overrules `expandable`. */
     inline: boolean;
+    /** Flag to determine if inline clipboard copy should have compact styling */
     compact: boolean;
+    /** String to copy */
     value: string;
     connectedCallback(): void;
     /**
@@ -43,7 +75,10 @@ export declare class PfClipboardCopy extends BaseClipboardCopy {
      * This demonstrates the collapsed whitespace issue.
      * The extra space between the closing slot tag and the closing template literal results in a collapsed whitespace.
      */
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
+    /**
+     * Copy the current value to the clipboard.
+     */
     copy(): Promise<void>;
 }
 declare global {