@patternfly/elements 2.2.2 → 2.3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/react/pf-tile/pf-tile.js

@@ -0,0 +1,10 @@
+// pf-tile/pf-tile.js
+import { createComponent } from '@lit-labs/react';
+import react from 'react';
+import { PfTile as elementClass } from '@patternfly/elements/pf-tile/pf-tile.js';
+export const Tile = createComponent({
+  tagName: 'pf-tile',
+  elementClass,
+  react,
+  events: {},
+});

package/react/pf-timestamp/pf-timestamp.js

@@ -0,0 +1,10 @@
+// pf-timestamp/pf-timestamp.js
+import { createComponent } from '@lit-labs/react';
+import react from 'react';
+import { PfTimestamp as elementClass } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';
+export const Timestamp = createComponent({
+  tagName: 'pf-timestamp',
+  elementClass,
+  react,
+  events: {},
+});

package/react/pf-tooltip/pf-tooltip.js

@@ -0,0 +1,10 @@
+// pf-tooltip/pf-tooltip.js
+import { createComponent } from '@lit-labs/react';
+import react from 'react';
+import { PfTooltip as elementClass } from '@patternfly/elements/pf-tooltip/pf-tooltip.js';
+export const Tooltip = createComponent({
+  tagName: 'pf-tooltip',
+  elementClass,
+  react,
+  events: {},
+});