@patternfly/elements 2.3.1 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +4399 -699
- package/package.json +11 -1
- package/pf-accordion/BaseAccordion.js +155 -220
- package/pf-accordion/BaseAccordion.js.map +1 -1
- package/pf-accordion/BaseAccordionHeader.d.ts +1 -0
- package/pf-accordion/BaseAccordionHeader.js +69 -71
- package/pf-accordion/BaseAccordionHeader.js.map +1 -1
- package/pf-accordion/BaseAccordionPanel.js +2 -2
- package/pf-accordion/BaseAccordionPanel.js.map +1 -1
- package/pf-accordion/pf-accordion-header.js +9 -4
- package/pf-accordion/pf-accordion-header.js.map +1 -1
- package/pf-accordion/pf-accordion-panel.js +1 -1
- package/pf-accordion/pf-accordion-panel.js.map +1 -1
- package/pf-accordion/pf-accordion.js +1 -1
- package/pf-accordion/pf-accordion.js.map +1 -1
- package/pf-avatar/BaseAvatar.js +1 -1
- package/pf-avatar/BaseAvatar.js.map +1 -1
- package/pf-avatar/pf-avatar.js +1 -1
- package/pf-avatar/pf-avatar.js.map +1 -1
- package/pf-badge/BaseBadge.js +1 -1
- package/pf-badge/BaseBadge.js.map +1 -1
- package/pf-badge/pf-badge.js +1 -1
- package/pf-badge/pf-badge.js.map +1 -1
- package/pf-banner/README.md +60 -0
- package/pf-banner/pf-banner.css +96 -0
- package/pf-banner/pf-banner.d.ts +52 -0
- package/pf-banner/pf-banner.js +85 -0
- package/pf-banner/pf-banner.js.map +1 -0
- package/pf-button/BaseButton.js +17 -16
- package/pf-button/BaseButton.js.map +1 -1
- package/pf-button/pf-button.js +1 -1
- package/pf-button/pf-button.js.map +1 -1
- package/pf-card/BaseCard.css +2 -2
- package/pf-card/BaseCard.js +2 -2
- package/pf-card/BaseCard.js.map +1 -1
- package/pf-card/pf-card.css +4 -4
- package/pf-card/pf-card.js +2 -2
- package/pf-card/pf-card.js.map +1 -1
- package/pf-clipboard-copy/BaseClipboardCopy.js +1 -1
- package/pf-clipboard-copy/BaseClipboardCopy.js.map +1 -1
- package/pf-clipboard-copy/pf-clipboard-copy.js +36 -33
- package/pf-clipboard-copy/pf-clipboard-copy.js.map +1 -1
- package/pf-code-block/BaseCodeBlock.js +1 -1
- package/pf-code-block/BaseCodeBlock.js.map +1 -1
- package/pf-code-block/pf-code-block.js +14 -11
- package/pf-code-block/pf-code-block.js.map +1 -1
- package/pf-icon/BaseIcon.js +39 -41
- package/pf-icon/BaseIcon.js.map +1 -1
- package/pf-icon/pf-icon.js +2 -2
- package/pf-icon/pf-icon.js.map +1 -1
- package/pf-jump-links/pf-jump-links-item.js +17 -14
- package/pf-jump-links/pf-jump-links-item.js.map +1 -1
- package/pf-jump-links/pf-jump-links-list.js +1 -1
- package/pf-jump-links/pf-jump-links-list.js.map +1 -1
- package/pf-jump-links/pf-jump-links.js +37 -34
- package/pf-jump-links/pf-jump-links.js.map +1 -1
- package/pf-label/BaseLabel.js +1 -1
- package/pf-label/BaseLabel.js.map +1 -1
- package/pf-label/pf-label.js +2 -2
- package/pf-label/pf-label.js.map +1 -1
- package/pf-modal/pf-modal.js +46 -45
- package/pf-modal/pf-modal.js.map +1 -1
- package/pf-panel/pf-panel.js +7 -6
- package/pf-panel/pf-panel.js.map +1 -1
- package/pf-popover/pf-popover.d.ts +2 -2
- package/pf-popover/pf-popover.js +67 -55
- package/pf-popover/pf-popover.js.map +1 -1
- package/pf-progress/README.md +33 -0
- package/pf-progress/pf-progress.css +210 -0
- package/pf-progress/pf-progress.d.ts +111 -0
- package/pf-progress/pf-progress.js +218 -0
- package/pf-progress/pf-progress.js.map +1 -0
- package/pf-progress-stepper/pf-progress-step.js +11 -10
- package/pf-progress-stepper/pf-progress-step.js.map +1 -1
- package/pf-progress-stepper/pf-progress-stepper.js +16 -13
- package/pf-progress-stepper/pf-progress-stepper.js.map +1 -1
- package/pf-spinner/BaseSpinner.js +1 -1
- package/pf-spinner/BaseSpinner.js.map +1 -1
- package/pf-spinner/pf-spinner.js +1 -1
- package/pf-spinner/pf-spinner.js.map +1 -1
- package/pf-switch/BaseSwitch.js +44 -47
- package/pf-switch/BaseSwitch.js.map +1 -1
- package/pf-switch/pf-switch.js +1 -1
- package/pf-switch/pf-switch.js.map +1 -1
- package/pf-table/README.md +43 -0
- package/pf-table/pf-caption.css +9 -0
- package/pf-table/pf-caption.d.ts +14 -0
- package/pf-table/pf-caption.js +22 -0
- package/pf-table/pf-caption.js.map +1 -0
- package/pf-table/pf-table.css +223 -0
- package/pf-table/pf-table.d.ts +663 -0
- package/pf-table/pf-table.js +767 -0
- package/pf-table/pf-table.js.map +1 -0
- package/pf-table/pf-tbody.css +16 -0
- package/pf-table/pf-tbody.d.ts +15 -0
- package/pf-table/pf-tbody.js +26 -0
- package/pf-table/pf-tbody.js.map +1 -0
- package/pf-table/pf-td.css +105 -0
- package/pf-table/pf-td.d.ts +18 -0
- package/pf-table/pf-td.js +52 -0
- package/pf-table/pf-td.js.map +1 -0
- package/pf-table/pf-th.css +93 -0
- package/pf-table/pf-th.d.ts +27 -0
- package/pf-table/pf-th.js +96 -0
- package/pf-table/pf-th.js.map +1 -0
- package/pf-table/pf-thead.css +19 -0
- package/pf-table/pf-thead.d.ts +16 -0
- package/pf-table/pf-thead.js +37 -0
- package/pf-table/pf-thead.js.map +1 -0
- package/pf-table/pf-tr.css +87 -0
- package/pf-table/pf-tr.d.ts +34 -0
- package/pf-table/pf-tr.js +164 -0
- package/pf-table/pf-tr.js.map +1 -0
- package/pf-tabs/BaseTab.d.ts +3 -0
- package/pf-tabs/BaseTab.js +32 -31
- package/pf-tabs/BaseTab.js.map +1 -1
- package/pf-tabs/BaseTabPanel.js +11 -5
- package/pf-tabs/BaseTabPanel.js.map +1 -1
- package/pf-tabs/BaseTabs.js +116 -135
- package/pf-tabs/BaseTabs.js.map +1 -1
- package/pf-tabs/pf-tab-panel.js +1 -1
- package/pf-tabs/pf-tab-panel.js.map +1 -1
- package/pf-tabs/pf-tab.d.ts +1 -1
- package/pf-tabs/pf-tab.js +2 -2
- package/pf-tabs/pf-tab.js.map +1 -1
- package/pf-tabs/pf-tabs.d.ts +2 -0
- package/pf-tabs/pf-tabs.js +6 -2
- package/pf-tabs/pf-tabs.js.map +1 -1
- package/pf-text-input/README.md +9 -0
- package/pf-text-input/pf-text-input.css +261 -0
- package/pf-text-input/pf-text-input.d.ts +174 -0
- package/pf-text-input/pf-text-input.js +262 -0
- package/pf-text-input/pf-text-input.js.map +1 -0
- package/pf-tile/pf-tile.js +1 -1
- package/pf-tile/pf-tile.js.map +1 -1
- package/pf-timestamp/pf-timestamp.js +15 -10
- package/pf-timestamp/pf-timestamp.js.map +1 -1
- package/pf-tooltip/BaseTooltip.css +1 -5
- package/pf-tooltip/BaseTooltip.d.ts +3 -0
- package/pf-tooltip/BaseTooltip.js +18 -9
- package/pf-tooltip/BaseTooltip.js.map +1 -1
- package/pf-tooltip/pf-tooltip.css +66 -4
- package/pf-tooltip/pf-tooltip.d.ts +25 -3
- package/pf-tooltip/pf-tooltip.js +144 -5
- package/pf-tooltip/pf-tooltip.js.map +1 -1
- package/pfe.min.js +257 -137
- package/pfe.min.js.map +4 -4
- package/react/pf-accordion/pf-accordion-header.d.ts +3 -5
- package/react/pf-accordion/pf-accordion-panel.d.ts +3 -5
- package/react/pf-accordion/pf-accordion.d.ts +3 -5
- package/react/pf-avatar/pf-avatar.d.ts +3 -5
- package/react/pf-badge/pf-badge.d.ts +3 -5
- package/react/pf-banner/pf-banner.d.ts +4 -0
- package/react/pf-banner/pf-banner.js +10 -0
- package/react/pf-button/pf-button.d.ts +3 -5
- package/react/pf-card/pf-card.d.ts +3 -5
- package/react/pf-clipboard-copy/pf-clipboard-copy.d.ts +3 -5
- package/react/pf-code-block/pf-code-block.d.ts +3 -5
- package/react/pf-icon/pf-icon.d.ts +3 -5
- package/react/pf-jump-links/pf-jump-links-item.d.ts +3 -5
- package/react/pf-jump-links/pf-jump-links-list.d.ts +3 -5
- package/react/pf-jump-links/pf-jump-links.d.ts +3 -5
- package/react/pf-label/pf-label.d.ts +3 -5
- package/react/pf-modal/pf-modal.d.ts +3 -5
- package/react/pf-panel/pf-panel.d.ts +3 -5
- package/react/pf-popover/pf-popover.d.ts +3 -5
- package/react/pf-progress/pf-progress.d.ts +4 -0
- package/react/pf-progress/pf-progress.js +10 -0
- package/react/pf-progress-stepper/pf-progress-step.d.ts +3 -5
- package/react/pf-progress-stepper/pf-progress-stepper.d.ts +3 -5
- package/react/pf-spinner/pf-spinner.d.ts +3 -5
- package/react/pf-switch/pf-switch.d.ts +3 -5
- package/react/pf-table/pf-caption.d.ts +4 -0
- package/react/pf-table/pf-caption.js +10 -0
- package/react/pf-table/pf-table.d.ts +4 -0
- package/react/pf-table/pf-table.js +10 -0
- package/react/pf-table/pf-tbody.d.ts +4 -0
- package/react/pf-table/pf-tbody.js +10 -0
- package/react/pf-table/pf-td.d.ts +4 -0
- package/react/pf-table/pf-td.js +10 -0
- package/react/pf-table/pf-th.d.ts +4 -0
- package/react/pf-table/pf-th.js +10 -0
- package/react/pf-table/pf-thead.d.ts +4 -0
- package/react/pf-table/pf-thead.js +10 -0
- package/react/pf-table/pf-tr.d.ts +4 -0
- package/react/pf-table/pf-tr.js +10 -0
- package/react/pf-tabs/pf-tab-panel.d.ts +3 -5
- package/react/pf-tabs/pf-tab.d.ts +3 -5
- package/react/pf-tabs/pf-tab.js +1 -1
- package/react/pf-tabs/pf-tabs.d.ts +3 -5
- package/react/pf-text-input/pf-text-input.d.ts +4 -0
- package/react/pf-text-input/pf-text-input.js +10 -0
- package/react/pf-tile/pf-tile.d.ts +3 -5
- package/react/pf-timestamp/pf-timestamp.d.ts +3 -5
- package/react/pf-tooltip/pf-tooltip.d.ts +3 -5
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-accordion/pf-accordion-header.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const AccordionHeader: ReactWebComponent<PfAccordionHeader, { onChange: 'change' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfAccordionHeader } from '@patternfly/elements/pf-accordion/pf-accordion-header.js';
|
|
4
|
+
export const AccordionHeader: ReactWebComponent<PfAccordionHeader, { onChange: 'change' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-accordion/pf-accordion-panel.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const AccordionPanel: ReactWebComponent<PfAccordionPanel, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfAccordionPanel } from '@patternfly/elements/pf-accordion/pf-accordion-panel.js';
|
|
4
|
+
export const AccordionPanel: ReactWebComponent<PfAccordionPanel, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-accordion/pf-accordion.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Accordion: ReactWebComponent<PfAccordion, { onExpand: 'expand'; onCollapse: 'collapse' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfAccordion } from '@patternfly/elements/pf-accordion/pf-accordion.js';
|
|
4
|
+
export const Accordion: ReactWebComponent<PfAccordion, { onExpand: 'expand'; onCollapse: 'collapse' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-avatar/pf-avatar.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Avatar: ReactWebComponent<PfAvatar, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfAvatar } from '@patternfly/elements/pf-avatar/pf-avatar.js';
|
|
4
|
+
export const Avatar: ReactWebComponent<PfAvatar, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-badge/pf-badge.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Badge: ReactWebComponent<PfBadge, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfBadge } from '@patternfly/elements/pf-badge/pf-badge.js';
|
|
4
|
+
export const Badge: ReactWebComponent<PfBadge, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-banner/pf-banner.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfBanner as elementClass } from '@patternfly/elements/pf-banner/pf-banner.js';
|
|
5
|
+
export const Banner = createComponent({
|
|
6
|
+
tagName: 'pf-banner',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-button/pf-button.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Button: ReactWebComponent<PfButton, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfButton } from '@patternfly/elements/pf-button/pf-button.js';
|
|
4
|
+
export const Button: ReactWebComponent<PfButton, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-card/pf-card.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Card: ReactWebComponent<PfCard, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfCard } from '@patternfly/elements/pf-card/pf-card.js';
|
|
4
|
+
export const Card: ReactWebComponent<PfCard, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-clipboard-copy/pf-clipboard-copy.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const ClipboardCopy: ReactWebComponent<PfClipboardCopy, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfClipboardCopy } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';
|
|
4
|
+
export const ClipboardCopy: ReactWebComponent<PfClipboardCopy, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-code-block/pf-code-block.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const CodeBlock: ReactWebComponent<PfCodeBlock, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfCodeBlock } from '@patternfly/elements/pf-code-block/pf-code-block.js';
|
|
4
|
+
export const CodeBlock: ReactWebComponent<PfCodeBlock, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-icon/pf-icon.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Icon: ReactWebComponent<PfIcon, { onLoad: 'load'; onError: 'error' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
|
|
4
|
+
export const Icon: ReactWebComponent<PfIcon, { onLoad: 'load'; onError: 'error' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-jump-links/pf-jump-links-item.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const JumpLinksItem: ReactWebComponent<PfJumpLinksItem, { onSelect: 'select'; onFocus: 'focus' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfJumpLinksItem } from '@patternfly/elements/pf-jump-links/pf-jump-links-item.js';
|
|
4
|
+
export const JumpLinksItem: ReactWebComponent<PfJumpLinksItem, { onSelect: 'select'; onFocus: 'focus' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-jump-links/pf-jump-links-list.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const JumpLinksList: ReactWebComponent<PfJumpLinksList, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfJumpLinksList } from '@patternfly/elements/pf-jump-links/pf-jump-links-list.js';
|
|
4
|
+
export const JumpLinksList: ReactWebComponent<PfJumpLinksList, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-jump-links/pf-jump-links.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const JumpLinks: ReactWebComponent<PfJumpLinks, { onToggle: 'toggle' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfJumpLinks } from '@patternfly/elements/pf-jump-links/pf-jump-links.js';
|
|
4
|
+
export const JumpLinks: ReactWebComponent<PfJumpLinks, { onToggle: 'toggle' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-label/pf-label.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Label: ReactWebComponent<PfLabel, { onClose: 'close' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfLabel } from '@patternfly/elements/pf-label/pf-label.js';
|
|
4
|
+
export const Label: ReactWebComponent<PfLabel, { onClose: 'close' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-modal/pf-modal.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Modal: ReactWebComponent<PfModal, { onOpen: 'open'; onClose: 'close' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfModal } from '@patternfly/elements/pf-modal/pf-modal.js';
|
|
4
|
+
export const Modal: ReactWebComponent<PfModal, { onOpen: 'open'; onClose: 'close' }>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-panel/pf-panel.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Panel: ReactWebComponent<PfPanel, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfPanel } from '@patternfly/elements/pf-panel/pf-panel.js';
|
|
4
|
+
export const Panel: ReactWebComponent<PfPanel, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-popover/pf-popover.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Popover: ReactWebComponent<PfPopover, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfPopover } from '@patternfly/elements/pf-popover/pf-popover.js';
|
|
4
|
+
export const Popover: ReactWebComponent<PfPopover, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-progress/pf-progress.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfProgress as elementClass } from '@patternfly/elements/pf-progress/pf-progress.js';
|
|
5
|
+
export const Progress = createComponent({
|
|
6
|
+
tagName: 'pf-progress',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-progress-stepper/pf-progress-step.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const ProgressStep: ReactWebComponent<PfProgressStep, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfProgressStep } from '@patternfly/elements/pf-progress-stepper/pf-progress-step.js';
|
|
4
|
+
export const ProgressStep: ReactWebComponent<PfProgressStep, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-progress-stepper/pf-progress-stepper.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const ProgressStepper: ReactWebComponent<PfProgressStepper, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfProgressStepper } from '@patternfly/elements/pf-progress-stepper/pf-progress-stepper.js';
|
|
4
|
+
export const ProgressStepper: ReactWebComponent<PfProgressStepper, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-spinner/pf-spinner.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Spinner: ReactWebComponent<PfSpinner, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfSpinner } from '@patternfly/elements/pf-spinner/pf-spinner.js';
|
|
4
|
+
export const Spinner: ReactWebComponent<PfSpinner, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-switch/pf-switch.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Switch: ReactWebComponent<PfSwitch, { onChange: 'change' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfSwitch } from '@patternfly/elements/pf-switch/pf-switch.js';
|
|
4
|
+
export const Switch: ReactWebComponent<PfSwitch, { onChange: 'change' }>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-caption.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfCaption as elementClass } from '@patternfly/elements/pf-table/pf-caption.js';
|
|
5
|
+
export const Caption = createComponent({
|
|
6
|
+
tagName: 'pf-caption',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-table.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTable as elementClass } from '@patternfly/elements/pf-table/pf-table.js';
|
|
5
|
+
export const Table = createComponent({
|
|
6
|
+
tagName: 'pf-table',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-tbody.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTbody as elementClass } from '@patternfly/elements/pf-table/pf-tbody.js';
|
|
5
|
+
export const Tbody = createComponent({
|
|
6
|
+
tagName: 'pf-tbody',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-td.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTd as elementClass } from '@patternfly/elements/pf-table/pf-td.js';
|
|
5
|
+
export const Td = createComponent({
|
|
6
|
+
tagName: 'pf-td',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-th.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTh as elementClass } from '@patternfly/elements/pf-table/pf-th.js';
|
|
5
|
+
export const Th = createComponent({
|
|
6
|
+
tagName: 'pf-th',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-thead.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfThead as elementClass } from '@patternfly/elements/pf-table/pf-thead.js';
|
|
5
|
+
export const Thead = createComponent({
|
|
6
|
+
tagName: 'pf-thead',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-table/pf-tr.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTr as elementClass } from '@patternfly/elements/pf-table/pf-tr.js';
|
|
5
|
+
export const Tr = createComponent({
|
|
6
|
+
tagName: 'pf-tr',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-tabs/pf-tab-panel.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const TabPanel: ReactWebComponent<PfTabPanel, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTabPanel } from '@patternfly/elements/pf-tabs/pf-tab-panel.js';
|
|
4
|
+
export const TabPanel: ReactWebComponent<PfTabPanel, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-tabs/pf-tab.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Tab: ReactWebComponent<PfTab, { onTabExpand: 'tab-expand' }>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTab } from '@patternfly/elements/pf-tabs/pf-tab.js';
|
|
4
|
+
export const Tab: ReactWebComponent<PfTab, { onExpand: 'expand' }>;
|
package/react/pf-tabs/pf-tab.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-tabs/pf-tabs.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Tabs: ReactWebComponent<PfTabs, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTabs } from '@patternfly/elements/pf-tabs/pf-tabs.js';
|
|
4
|
+
export const Tabs: ReactWebComponent<PfTabs, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// pf-text-input/pf-text-input.js
|
|
2
|
+
import { createComponent } from '@lit-labs/react';
|
|
3
|
+
import react from 'react';
|
|
4
|
+
import { PfTextInput as elementClass } from '@patternfly/elements/pf-text-input/pf-text-input.js';
|
|
5
|
+
export const TextInput = createComponent({
|
|
6
|
+
tagName: 'pf-text-input',
|
|
7
|
+
elementClass,
|
|
8
|
+
react,
|
|
9
|
+
events: {},
|
|
10
|
+
});
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-tile/pf-tile.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Tile: ReactWebComponent<PfTile, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTile } from '@patternfly/elements/pf-tile/pf-tile.js';
|
|
4
|
+
export const Tile: ReactWebComponent<PfTile, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-timestamp/pf-timestamp.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Timestamp: ReactWebComponent<PfTimestamp, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTimestamp } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';
|
|
4
|
+
export const Timestamp: ReactWebComponent<PfTimestamp, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
// pf-tooltip/pf-tooltip.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const Tooltip: ReactWebComponent<PfTooltip, {}>;
|
|
6
|
-
}
|
|
2
|
+
import type { ReactWebComponent } from '@lit-labs/react';
|
|
3
|
+
import type { PfTooltip } from '@patternfly/elements/pf-tooltip/pf-tooltip.js';
|
|
4
|
+
export const Tooltip: ReactWebComponent<PfTooltip, {}>;
|