@patternfly/elements 3.0.2 → 4.0.1

package/react/pf-accordion/pf-accordion-header.js

@@ -1,10 +1,10 @@
 // pf-accordion/pf-accordion-header.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfAccordionHeader as elementClass } from '@patternfly/elements/pf-accordion/pf-accordion-header.js';
+import { PfAccordionHeader } from '@patternfly/elements/pf-accordion/pf-accordion-header.js';
 export const AccordionHeader = createComponent({
   tagName: 'pf-accordion-header',
-  elementClass,
+  elementClass: PfAccordionHeader,
   react,
   events: {
     onChange: 'change',

package/react/pf-accordion/pf-accordion-panel.js

@@ -1,10 +1,10 @@
 // pf-accordion/pf-accordion-panel.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfAccordionPanel as elementClass } from '@patternfly/elements/pf-accordion/pf-accordion-panel.js';
+import { PfAccordionPanel } from '@patternfly/elements/pf-accordion/pf-accordion-panel.js';
 export const AccordionPanel = createComponent({
   tagName: 'pf-accordion-panel',
-  elementClass,
+  elementClass: PfAccordionPanel,
   react,
   events: {},
 });

package/react/pf-accordion/pf-accordion.js

@@ -1,10 +1,10 @@
 // pf-accordion/pf-accordion.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfAccordion as elementClass } from '@patternfly/elements/pf-accordion/pf-accordion.js';
+import { PfAccordion } from '@patternfly/elements/pf-accordion/pf-accordion.js';
 export const Accordion = createComponent({
   tagName: 'pf-accordion',
-  elementClass,
+  elementClass: PfAccordion,
   react,
   events: {
     onExpand: 'expand',

package/react/pf-avatar/pf-avatar.d.ts

@@ -1,5 +1,5 @@
 // pf-avatar/pf-avatar.js
 import type { ReactWebComponent } from '@lit/react';
 import type { PfAvatar } from '@patternfly/elements/pf-avatar/pf-avatar.js';
-export const Avatar: ReactWebComponent<PfAvatar, {}>;
+export const Avatar: ReactWebComponent<PfAvatar, { onLoad: 'load' }>;
   

package/react/pf-avatar/pf-avatar.js

@@ -1,10 +1,12 @@
 // pf-avatar/pf-avatar.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfAvatar as elementClass } from '@patternfly/elements/pf-avatar/pf-avatar.js';
+import { PfAvatar } from '@patternfly/elements/pf-avatar/pf-avatar.js';
 export const Avatar = createComponent({
   tagName: 'pf-avatar',
-  elementClass,
+  elementClass: PfAvatar,
   react,
-  events: {},
+  events: {
+    onLoad: 'load',
+  },
 });

package/react/pf-back-to-top/pf-back-to-top.js

@@ -1,10 +1,10 @@
 // pf-back-to-top/pf-back-to-top.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfBackToTop as elementClass } from '@patternfly/elements/pf-back-to-top/pf-back-to-top.js';
+import { PfBackToTop } from '@patternfly/elements/pf-back-to-top/pf-back-to-top.js';
 export const BackToTop = createComponent({
   tagName: 'pf-back-to-top',
-  elementClass,
+  elementClass: PfBackToTop,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-background-image/pf-background-image.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfBackgroundImage as elementClass } from '@patternfly/elements/pf-background-image/pf-background-image.js';
+import { PfBackgroundImage } from '@patternfly/elements/pf-background-image/pf-background-image.js';
 export const BackgroundImage = createComponent({
   tagName: 'pf-background-image',
-  elementClass,
+  elementClass: PfBackgroundImage,
   react,
   events: {},
 });

package/react/pf-badge/pf-badge.js

@@ -1,10 +1,10 @@
 // pf-badge/pf-badge.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfBadge as elementClass } from '@patternfly/elements/pf-badge/pf-badge.js';
+import { PfBadge } from '@patternfly/elements/pf-badge/pf-badge.js';
 export const Badge = createComponent({
   tagName: 'pf-badge',
-  elementClass,
+  elementClass: PfBadge,
   react,
   events: {},
 });

package/react/pf-banner/pf-banner.js

@@ -1,10 +1,10 @@
 // pf-banner/pf-banner.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfBanner as elementClass } from '@patternfly/elements/pf-banner/pf-banner.js';
+import { PfBanner } from '@patternfly/elements/pf-banner/pf-banner.js';
 export const Banner = createComponent({
   tagName: 'pf-banner',
-  elementClass,
+  elementClass: PfBanner,
   react,
   events: {},
 });

package/react/pf-button/pf-button.js

@@ -1,10 +1,10 @@
 // pf-button/pf-button.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfButton as elementClass } from '@patternfly/elements/pf-button/pf-button.js';
+import { PfButton } from '@patternfly/elements/pf-button/pf-button.js';
 export const Button = createComponent({
   tagName: 'pf-button',
-  elementClass,
+  elementClass: PfButton,
   react,
   events: {
     onClick: 'click',

package/react/pf-card/pf-card.js

@@ -1,10 +1,10 @@
 // pf-card/pf-card.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfCard as elementClass } from '@patternfly/elements/pf-card/pf-card.js';
+import { PfCard } from '@patternfly/elements/pf-card/pf-card.js';
 export const Card = createComponent({
   tagName: 'pf-card',
-  elementClass,
+  elementClass: PfCard,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-chip/pf-chip-group.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfChipGroup as elementClass } from '@patternfly/elements/pf-chip/pf-chip-group.js';
+import { PfChipGroup } from '@patternfly/elements/pf-chip/pf-chip-group.js';
 export const ChipGroup = createComponent({
   tagName: 'pf-chip-group',
-  elementClass,
+  elementClass: PfChipGroup,
   react,
   events: {
     onExpand: 'expand',

package/react/pf-chip/pf-chip.js

@@ -1,10 +1,10 @@
 // pf-chip/pf-chip.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfChip as elementClass } from '@patternfly/elements/pf-chip/pf-chip.js';
+import { PfChip } from '@patternfly/elements/pf-chip/pf-chip.js';
 export const Chip = createComponent({
   tagName: 'pf-chip',
-  elementClass,
+  elementClass: PfChip,
   react,
   events: {
     onRemove: 'remove',

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

@@ -1,5 +1,5 @@
 // pf-clipboard-copy/pf-clipboard-copy.js
 import type { ReactWebComponent } from '@lit/react';
 import type { PfClipboardCopy } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';
-export const ClipboardCopy: ReactWebComponent<PfClipboardCopy, {}>;
+export const ClipboardCopy: ReactWebComponent<PfClipboardCopy, { onCopy: 'copy' }>;
   

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

@@ -1,10 +1,12 @@
 // pf-clipboard-copy/pf-clipboard-copy.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfClipboardCopy as elementClass } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';
+import { PfClipboardCopy } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';
 export const ClipboardCopy = createComponent({
   tagName: 'pf-clipboard-copy',
-  elementClass,
+  elementClass: PfClipboardCopy,
   react,
-  events: {},
+  events: {
+    onCopy: 'copy',
+  },
 });

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

@@ -1,10 +1,10 @@
 // pf-code-block/pf-code-block.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfCodeBlock as elementClass } from '@patternfly/elements/pf-code-block/pf-code-block.js';
+import { PfCodeBlock } from '@patternfly/elements/pf-code-block/pf-code-block.js';
 export const CodeBlock = createComponent({
   tagName: 'pf-code-block',
-  elementClass,
+  elementClass: PfCodeBlock,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-dropdown/pf-dropdown-group.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfDropdownGroup as elementClass } from '@patternfly/elements/pf-dropdown/pf-dropdown-group.js';
+import { PfDropdownGroup } from '@patternfly/elements/pf-dropdown/pf-dropdown-group.js';
 export const DropdownGroup = createComponent({
   tagName: 'pf-dropdown-group',
-  elementClass,
+  elementClass: PfDropdownGroup,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-dropdown/pf-dropdown-item.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfDropdownItem as elementClass } from '@patternfly/elements/pf-dropdown/pf-dropdown-item.js';
+import { PfDropdownItem } from '@patternfly/elements/pf-dropdown/pf-dropdown-item.js';
 export const DropdownItem = createComponent({
   tagName: 'pf-dropdown-item',
-  elementClass,
+  elementClass: PfDropdownItem,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-dropdown/pf-dropdown-menu.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfDropdownMenu as elementClass } from '@patternfly/elements/pf-dropdown/pf-dropdown-menu.js';
+import { PfDropdownMenu } from '@patternfly/elements/pf-dropdown/pf-dropdown-menu.js';
 export const DropdownMenu = createComponent({
   tagName: 'pf-dropdown-menu',
-  elementClass,
+  elementClass: PfDropdownMenu,
   react,
   events: {},
 });

package/react/pf-dropdown/pf-dropdown.js

@@ -1,10 +1,10 @@
 // pf-dropdown/pf-dropdown.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfDropdown as elementClass } from '@patternfly/elements/pf-dropdown/pf-dropdown.js';
+import { PfDropdown } from '@patternfly/elements/pf-dropdown/pf-dropdown.js';
 export const Dropdown = createComponent({
   tagName: 'pf-dropdown',
-  elementClass,
+  elementClass: PfDropdown,
   react,
   events: {
     onSelect: 'select',

package/react/pf-icon/pf-icon.js

@@ -1,10 +1,10 @@
 // pf-icon/pf-icon.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfIcon as elementClass } from '@patternfly/elements/pf-icon/pf-icon.js';
+import { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
 export const Icon = createComponent({
   tagName: 'pf-icon',
-  elementClass,
+  elementClass: PfIcon,
   react,
   events: {
     onLoad: 'load',

package/react/pf-jump-links/pf-jump-links-item.js

@@ -1,10 +1,10 @@
 // pf-jump-links/pf-jump-links-item.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfJumpLinksItem as elementClass } from '@patternfly/elements/pf-jump-links/pf-jump-links-item.js';
+import { PfJumpLinksItem } from '@patternfly/elements/pf-jump-links/pf-jump-links-item.js';
 export const JumpLinksItem = createComponent({
   tagName: 'pf-jump-links-item',
-  elementClass,
+  elementClass: PfJumpLinksItem,
   react,
   events: {
     onSelect: 'select',

package/react/pf-jump-links/pf-jump-links-list.js

@@ -1,10 +1,10 @@
 // pf-jump-links/pf-jump-links-list.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfJumpLinksList as elementClass } from '@patternfly/elements/pf-jump-links/pf-jump-links-list.js';
+import { PfJumpLinksList } from '@patternfly/elements/pf-jump-links/pf-jump-links-list.js';
 export const JumpLinksList = createComponent({
   tagName: 'pf-jump-links-list',
-  elementClass,
+  elementClass: PfJumpLinksList,
   react,
   events: {},
 });

package/react/pf-jump-links/pf-jump-links.js

@@ -1,10 +1,10 @@
 // pf-jump-links/pf-jump-links.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfJumpLinks as elementClass } from '@patternfly/elements/pf-jump-links/pf-jump-links.js';
+import { PfJumpLinks } from '@patternfly/elements/pf-jump-links/pf-jump-links.js';
 export const JumpLinks = createComponent({
   tagName: 'pf-jump-links',
-  elementClass,
+  elementClass: PfJumpLinks,
   react,
   events: {
     onToggle: 'toggle',

package/react/pf-label/pf-label.js

@@ -1,10 +1,10 @@
 // pf-label/pf-label.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfLabel as elementClass } from '@patternfly/elements/pf-label/pf-label.js';
+import { PfLabel } from '@patternfly/elements/pf-label/pf-label.js';
 export const Label = createComponent({
   tagName: 'pf-label',
-  elementClass,
+  elementClass: PfLabel,
   react,
   events: {
     onClose: 'close',

package/react/pf-modal/pf-modal.js

@@ -1,10 +1,10 @@
 // pf-modal/pf-modal.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfModal as elementClass } from '@patternfly/elements/pf-modal/pf-modal.js';
+import { PfModal } from '@patternfly/elements/pf-modal/pf-modal.js';
 export const Modal = createComponent({
   tagName: 'pf-modal',
-  elementClass,
+  elementClass: PfModal,
   react,
   events: {
     onOpen: 'open',

package/react/pf-panel/pf-panel.js

@@ -1,10 +1,10 @@
 // pf-panel/pf-panel.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfPanel as elementClass } from '@patternfly/elements/pf-panel/pf-panel.js';
+import { PfPanel } from '@patternfly/elements/pf-panel/pf-panel.js';
 export const Panel = createComponent({
   tagName: 'pf-panel',
-  elementClass,
+  elementClass: PfPanel,
   react,
   events: {},
 });

package/react/pf-popover/pf-popover.js

@@ -1,10 +1,10 @@
 // pf-popover/pf-popover.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfPopover as elementClass } from '@patternfly/elements/pf-popover/pf-popover.js';
+import { PfPopover } from '@patternfly/elements/pf-popover/pf-popover.js';
 export const Popover = createComponent({
   tagName: 'pf-popover',
-  elementClass,
+  elementClass: PfPopover,
   react,
   events: {},
 });

package/react/pf-progress/pf-progress.js

@@ -1,10 +1,10 @@
 // pf-progress/pf-progress.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfProgress as elementClass } from '@patternfly/elements/pf-progress/pf-progress.js';
+import { PfProgress } from '@patternfly/elements/pf-progress/pf-progress.js';
 export const Progress = createComponent({
   tagName: 'pf-progress',
-  elementClass,
+  elementClass: PfProgress,
   react,
   events: {},
 });

package/react/pf-progress-stepper/pf-progress-step.js

@@ -1,10 +1,10 @@
 // pf-progress-stepper/pf-progress-step.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfProgressStep as elementClass } from '@patternfly/elements/pf-progress-stepper/pf-progress-step.js';
+import { PfProgressStep } from '@patternfly/elements/pf-progress-stepper/pf-progress-step.js';
 export const ProgressStep = createComponent({
   tagName: 'pf-progress-step',
-  elementClass,
+  elementClass: PfProgressStep,
   react,
   events: {},
 });

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

@@ -1,10 +1,10 @@
 // pf-progress-stepper/pf-progress-stepper.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfProgressStepper as elementClass } from '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';
+import { PfProgressStepper } from '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';
 export const ProgressStepper = createComponent({
   tagName: 'pf-progress-stepper',
-  elementClass,
+  elementClass: PfProgressStepper,
   react,
   events: {},
 });

package/react/pf-select/pf-option-group.js

@@ -1,10 +1,10 @@
 // pf-select/pf-option-group.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfOptionGroup as elementClass } from '@patternfly/elements/pf-select/pf-option-group.js';
+import { PfOptionGroup } from '@patternfly/elements/pf-select/pf-option-group.js';
 export const OptionGroup = createComponent({
   tagName: 'pf-option-group',
-  elementClass,
+  elementClass: PfOptionGroup,
   react,
   events: {},
 });

package/react/pf-select/pf-option.js

@@ -1,10 +1,10 @@
 // pf-select/pf-option.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfOption as elementClass } from '@patternfly/elements/pf-select/pf-option.js';
+import { PfOption } from '@patternfly/elements/pf-select/pf-option.js';
 export const Option = createComponent({
   tagName: 'pf-option',
-  elementClass,
+  elementClass: PfOption,
   react,
   events: {},
 });

package/react/pf-select/pf-select.d.ts

@@ -1,5 +1,5 @@
 // pf-select/pf-select.js
 import type { ReactWebComponent } from '@lit/react';
 import type { PfSelect } from '@patternfly/elements/pf-select/pf-select.js';
-export const Select: ReactWebComponent<PfSelect, { onChange: 'change'; onOpen: 'open'; onClose: 'close' }>;
+export const Select: ReactWebComponent<PfSelect, { onOpen: 'open'; onClose: 'close' }>;
   

package/react/pf-select/pf-select.js

@@ -1,13 +1,12 @@
 // pf-select/pf-select.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfSelect as elementClass } from '@patternfly/elements/pf-select/pf-select.js';
+import { PfSelect } from '@patternfly/elements/pf-select/pf-select.js';
 export const Select = createComponent({
   tagName: 'pf-select',
-  elementClass,
+  elementClass: PfSelect,
   react,
   events: {
-    onChange: 'change',
     onOpen: 'open',
     onClose: 'close',
   },

package/react/pf-spinner/pf-spinner.js

@@ -1,10 +1,10 @@
 // pf-spinner/pf-spinner.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfSpinner as elementClass } from '@patternfly/elements/pf-spinner/pf-spinner.js';
+import { PfSpinner } from '@patternfly/elements/pf-spinner/pf-spinner.js';
 export const Spinner = createComponent({
   tagName: 'pf-spinner',
-  elementClass,
+  elementClass: PfSpinner,
   react,
   events: {},
 });

package/react/pf-switch/pf-switch.js

@@ -1,10 +1,10 @@
 // pf-switch/pf-switch.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfSwitch as elementClass } from '@patternfly/elements/pf-switch/pf-switch.js';
+import { PfSwitch } from '@patternfly/elements/pf-switch/pf-switch.js';
 export const Switch = createComponent({
   tagName: 'pf-switch',
-  elementClass,
+  elementClass: PfSwitch,
   react,
   events: {
     onChange: 'change',

package/react/pf-table/pf-caption.js

@@ -1,10 +1,10 @@
 // pf-table/pf-caption.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfCaption as elementClass } from '@patternfly/elements/pf-table/pf-caption.js';
+import { PfCaption } from '@patternfly/elements/pf-table/pf-caption.js';
 export const Caption = createComponent({
   tagName: 'pf-caption',
-  elementClass,
+  elementClass: PfCaption,
   react,
   events: {},
 });

package/react/pf-table/pf-table.js

@@ -1,10 +1,10 @@
 // pf-table/pf-table.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTable as elementClass } from '@patternfly/elements/pf-table/pf-table.js';
+import { PfTable } from '@patternfly/elements/pf-table/pf-table.js';
 export const Table = createComponent({
   tagName: 'pf-table',
-  elementClass,
+  elementClass: PfTable,
   react,
   events: {},
 });

package/react/pf-table/pf-tbody.js

@@ -1,10 +1,10 @@
 // pf-table/pf-tbody.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTbody as elementClass } from '@patternfly/elements/pf-table/pf-tbody.js';
+import { PfTbody } from '@patternfly/elements/pf-table/pf-tbody.js';
 export const Tbody = createComponent({
   tagName: 'pf-tbody',
-  elementClass,
+  elementClass: PfTbody,
   react,
   events: {},
 });

package/react/pf-table/pf-td.js

@@ -1,10 +1,10 @@
 // pf-table/pf-td.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTd as elementClass } from '@patternfly/elements/pf-table/pf-td.js';
+import { PfTd } from '@patternfly/elements/pf-table/pf-td.js';
 export const Td = createComponent({
   tagName: 'pf-td',
-  elementClass,
+  elementClass: PfTd,
   react,
   events: {},
 });

package/react/pf-table/pf-th.js

@@ -1,10 +1,10 @@
 // pf-table/pf-th.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTh as elementClass } from '@patternfly/elements/pf-table/pf-th.js';
+import { PfTh } from '@patternfly/elements/pf-table/pf-th.js';
 export const Th = createComponent({
   tagName: 'pf-th',
-  elementClass,
+  elementClass: PfTh,
   react,
   events: {},
 });

package/react/pf-table/pf-thead.js

@@ -1,10 +1,10 @@
 // pf-table/pf-thead.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfThead as elementClass } from '@patternfly/elements/pf-table/pf-thead.js';
+import { PfThead } from '@patternfly/elements/pf-table/pf-thead.js';
 export const Thead = createComponent({
   tagName: 'pf-thead',
-  elementClass,
+  elementClass: PfThead,
   react,
   events: {},
 });

package/react/pf-table/pf-tr.js

@@ -1,10 +1,10 @@
 // pf-table/pf-tr.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTr as elementClass } from '@patternfly/elements/pf-table/pf-tr.js';
+import { PfTr } from '@patternfly/elements/pf-table/pf-tr.js';
 export const Tr = createComponent({
   tagName: 'pf-tr',
-  elementClass,
+  elementClass: PfTr,
   react,
   events: {},
 });

package/react/pf-tabs/pf-tab-panel.js

@@ -1,10 +1,10 @@
 // pf-tabs/pf-tab-panel.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTabPanel as elementClass } from '@patternfly/elements/pf-tabs/pf-tab-panel.js';
+import { PfTabPanel } from '@patternfly/elements/pf-tabs/pf-tab-panel.js';
 export const TabPanel = createComponent({
   tagName: 'pf-tab-panel',
-  elementClass,
+  elementClass: PfTabPanel,
   react,
   events: {},
 });

package/react/pf-tabs/pf-tab.js

@@ -1,10 +1,10 @@
 // pf-tabs/pf-tab.js
 import { createComponent } from '@lit/react';
 import react from 'react';
-import { PfTab as elementClass } from '@patternfly/elements/pf-tabs/pf-tab.js';
+import { PfTab } from '@patternfly/elements/pf-tabs/pf-tab.js';
 export const Tab = createComponent({
   tagName: 'pf-tab',
-  elementClass,
+  elementClass: PfTab,
   react,
   events: {
     onExpand: 'expand',