@patternfly/react-core 6.6.0-prerelease.6 → 6.6.0-prerelease.8
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/CHANGELOG.md +46 -0
- package/README.md +0 -3
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Compass/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hero/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/SSRSafeIds/SSRSafeIds/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useSSRSafeId/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Avatar/Avatar.d.ts +10 -2
- package/dist/esm/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/esm/components/Avatar/Avatar.js +8 -3
- package/dist/esm/components/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyButton.js +2 -2
- package/dist/esm/components/ClipboardCopy/ClipboardCopyButton.js.map +1 -1
- package/dist/esm/components/DataList/DataListDragButton.js +2 -2
- package/dist/esm/components/DataList/DataListDragButton.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -2
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/Drawer/DrawerPanelContent.d.ts.map +1 -1
- package/dist/esm/components/Drawer/DrawerPanelContent.js +26 -30
- package/dist/esm/components/Drawer/DrawerPanelContent.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.js +2 -2
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
- package/dist/esm/components/LoginPage/LoginForm.js +3 -3
- package/dist/esm/components/LoginPage/LoginForm.js.map +1 -1
- package/dist/esm/components/Menu/MenuItem.js +2 -2
- package/dist/esm/components/Menu/MenuItem.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +2 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/esm/components/Nav/NavExpandable.d.ts +2 -0
- package/dist/esm/components/Nav/NavExpandable.d.ts.map +1 -1
- package/dist/esm/components/Nav/NavExpandable.js +3 -3
- package/dist/esm/components/Nav/NavExpandable.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.js +2 -2
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +2 -2
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js +2 -2
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
- package/dist/js/components/Avatar/Avatar.d.ts +10 -2
- package/dist/js/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/js/components/Avatar/Avatar.js +7 -2
- package/dist/js/components/Avatar/Avatar.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyButton.js +2 -2
- package/dist/js/components/ClipboardCopy/ClipboardCopyButton.js.map +1 -1
- package/dist/js/components/DataList/DataListDragButton.js +2 -2
- package/dist/js/components/DataList/DataListDragButton.js.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.js +2 -2
- package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/js/components/Drawer/DrawerPanelContent.d.ts.map +1 -1
- package/dist/js/components/Drawer/DrawerPanelContent.js +26 -30
- package/dist/js/components/Drawer/DrawerPanelContent.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListItem.js +2 -2
- package/dist/js/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
- package/dist/js/components/LoginPage/LoginForm.js +3 -3
- package/dist/js/components/LoginPage/LoginForm.js.map +1 -1
- package/dist/js/components/Menu/MenuItem.js +2 -2
- package/dist/js/components/Menu/MenuItem.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js +2 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/js/components/Nav/NavExpandable.d.ts +2 -0
- package/dist/js/components/Nav/NavExpandable.d.ts.map +1 -1
- package/dist/js/components/Nav/NavExpandable.js +3 -3
- package/dist/js/components/Nav/NavExpandable.js.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.js +2 -2
- package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/js/demos/DashboardHeader.js +2 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js +2 -2
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
- package/dist/styles/assets/images/img_avatar-rhds.svg +22 -0
- package/dist/styles/assets/images/pf-logo-avatar.jpg +0 -0
- package/dist/styles/base-no-reset.css +60 -58
- package/dist/styles/base.css +60 -58
- package/dist/umd/assets/{output-DKFfmTVi.css → output-CQKZkcaG.css} +22010 -21835
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/ActionList/examples/ActionList.md +1 -1
- package/src/components/ActionList/examples/ActionListSingleGroup.tsx +2 -2
- package/src/components/Alert/examples/Alert.md +3 -3
- package/src/components/Alert/examples/AlertCustomIcons.tsx +6 -6
- package/src/components/Avatar/Avatar.tsx +38 -10
- package/src/components/Avatar/__tests__/Avatar.test.tsx +61 -0
- package/src/components/Avatar/examples/Avatar.md +30 -3
- package/src/components/Avatar/examples/AvatarBasic.tsx +32 -2
- package/src/components/Avatar/examples/AvatarBordered.tsx +6 -2
- package/src/components/Avatar/examples/AvatarColorModifiers.tsx +43 -0
- package/src/components/Avatar/examples/AvatarInitials.tsx +16 -0
- package/src/components/Avatar/examples/AvatarSizeVariations.tsx +8 -19
- package/src/components/Avatar/examples/avatar.css +7 -0
- package/src/components/Button/examples/Button.md +1 -1
- package/src/components/Button/examples/ButtonCircle.tsx +2 -2
- package/src/components/Button/examples/ButtonDisabled.tsx +2 -2
- package/src/components/Button/examples/ButtonVariations.tsx +2 -2
- package/src/components/Card/examples/Card.md +1 -1
- package/src/components/Card/examples/CardExpandable.tsx +2 -2
- package/src/components/Card/examples/CardExpandableWithIcon.tsx +2 -2
- package/src/components/Card/examples/CardHeaderInCardHead.tsx +2 -2
- package/src/components/Card/examples/CardOnlyActionsInCardHead.tsx +2 -2
- package/src/components/Card/examples/CardSubtitleActions.tsx +2 -2
- package/src/components/Card/examples/CardWithImageAndActions.tsx +2 -2
- package/src/components/ClipboardCopy/ClipboardCopyButton.tsx +2 -2
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +4 -16
- package/src/components/CodeBlock/examples/CodeBlock.md +1 -1
- package/src/components/Compass/examples/Compass.md +0 -4
- package/src/components/DataList/DataListDragButton.tsx +2 -2
- package/src/components/DataList/examples/DataList.md +2 -2
- package/src/components/DataList/examples/DataListActions.tsx +2 -2
- package/src/components/DataList/examples/DataListCheckboxes.tsx +4 -4
- package/src/components/DataList/examples/DataListClickableRows.tsx +3 -3
- package/src/components/DataList/examples/DataListExpandable.tsx +8 -8
- package/src/components/DataList/examples/DataListMixedExpandable.tsx +8 -8
- package/src/components/DataList/examples/DataListWidthModifiers.tsx +3 -3
- package/src/components/DatePicker/DatePicker.tsx +2 -2
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +8 -32
- package/src/components/DescriptionList/examples/DescriptionList.md +2 -2
- package/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx +4 -4
- package/src/components/Drawer/DrawerPanelContent.tsx +28 -29
- package/src/components/Dropdown/examples/Dropdown.md +1 -1
- package/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +2 -2
- package/src/components/DualListSelector/DualListSelectorListItem.tsx +2 -2
- package/src/components/DualListSelector/examples/DualListSelector.md +2 -2
- package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +6 -6
- package/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx +2 -2
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +4 -16
- package/src/components/Hint/examples/Hint.md +1 -1
- package/src/components/Hint/examples/HintBasicWithTitle.tsx +2 -2
- package/src/components/Hint/examples/HintBasicWithoutTitle.tsx +2 -2
- package/src/components/InputGroup/examples/InputGroup.md +0 -1
- package/src/components/List/examples/List.md +1 -1
- package/src/components/List/examples/ListIcons.tsx +2 -2
- package/src/components/List/examples/ListLargeIcons.tsx +2 -2
- package/src/components/LoginPage/LoginForm.tsx +3 -3
- package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +4 -16
- package/src/components/Menu/MenuItem.tsx +2 -2
- package/src/components/Menu/examples/Menu.md +5 -5
- package/src/components/Menu/examples/MenuOptionMultiSelect.tsx +2 -2
- package/src/components/Menu/examples/MenuOptionSingleSelect.tsx +2 -2
- package/src/components/Menu/examples/MenuWithActions.tsx +4 -4
- package/src/components/Menu/examples/MenuWithDescription.tsx +4 -4
- package/src/components/Menu/examples/MenuWithDrilldown.tsx +7 -7
- package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +6 -6
- package/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx +7 -7
- package/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx +7 -7
- package/src/components/Menu/examples/MenuWithFavorites.tsx +2 -2
- package/src/components/Menu/examples/MenuWithIcons.tsx +4 -4
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +2 -2
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +4 -16
- package/src/components/MenuToggle/examples/MenuToggle.md +2 -2
- package/src/components/MenuToggle/examples/MenuTogglePlainCircle.tsx +16 -4
- package/src/components/MenuToggle/examples/MenuTogglePlainIcon.tsx +4 -4
- package/src/components/Modal/__tests__/ModalBoxTitle.test.tsx +2 -2
- package/src/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +2 -2
- package/src/components/Modal/examples/Modal.md +2 -2
- package/src/components/Modal/examples/ModalCustomTitleIcon.tsx +2 -2
- package/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +2 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx +2 -2
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +4 -16
- package/src/components/Nav/NavExpandable.tsx +5 -5
- package/src/components/Nav/__tests__/NavExpandable.test.tsx +17 -0
- package/src/components/Nav/examples/Nav.md +3 -3
- package/src/components/Nav/examples/NavIcons.tsx +24 -3
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +1 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +8 -8
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +10 -10
- package/src/components/OverflowMenu/examples/OverflowMenu.md +1 -1
- package/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx +2 -2
- package/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx +2 -2
- package/src/components/Popover/examples/Popover.md +1 -1
- package/src/components/Popover/examples/PopoverWithIconInTheTitle.tsx +2 -2
- package/src/components/ProgressStepper/examples/ProgressStepper.md +2 -2
- package/src/components/ProgressStepper/examples/ProgressStepperCustomIcons.tsx +4 -4
- package/src/components/Tabs/examples/Tabs.md +4 -4
- package/src/components/Tabs/examples/TabsFilledWithIcons.tsx +4 -4
- package/src/components/Tabs/examples/TabsIconAndText.tsx +8 -8
- package/src/components/TextInput/examples/TextInput.md +2 -2
- package/src/components/TextInput/examples/TextInputCustomIcon.tsx +4 -4
- package/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx +2 -2
- package/src/components/TimePicker/TimePicker.tsx +2 -2
- package/src/components/ToggleGroup/examples/ToggleGroup.md +1 -1
- package/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx +2 -2
- package/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx +3 -3
- package/src/components/Toolbar/examples/Toolbar.md +1 -1
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -2
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +2 -2
- package/src/components/Tooltip/examples/Tooltip.md +1 -1
- package/src/components/Tooltip/examples/TooltipIcon.tsx +2 -2
- package/src/components/TreeView/examples/TreeView.md +1 -1
- package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +6 -6
- package/src/components/Wizard/examples/Wizard.md +1 -1
- package/src/components/Wizard/examples/WizardWithNavAnchors.tsx +3 -3
- package/src/components/assets/img_avatar-light.svg +25 -0
- package/src/components/assets/rhds.svg +22 -0
- package/src/demos/AlertGroup.md +1 -1
- package/src/demos/CardDemos.md +1 -5
- package/src/demos/CardView/CardView.md +1 -1
- package/src/demos/CardView/examples/CardView.tsx +3 -3
- package/src/demos/Compass/Compass.md +3 -3
- package/src/demos/Compass/examples/CompassDemo.tsx +3 -3
- package/src/demos/Compass/examples/CompassDockDemo.tsx +17 -5
- package/src/demos/CustomMenus/ApplicationLauncher.md +1 -1
- package/src/demos/CustomMenus/CustomMenus.md +6 -8
- package/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx +4 -4
- package/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +2 -2
- package/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +7 -7
- package/src/demos/DashboardHeader.tsx +3 -3
- package/src/demos/DataList/examples/DataListActionable.tsx +2 -2
- package/src/demos/DataList/examples/DataListBasic.tsx +16 -12
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +8 -8
- package/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +6 -6
- package/src/demos/DataListDemo.md +3 -3
- package/src/demos/DateTimePicker.md +2 -2
- package/src/demos/Masthead.md +2 -2
- package/src/demos/Nav.md +3 -3
- package/src/demos/NotificationDrawer/NotificationDrawer.md +1 -1
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +7 -7
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +11 -11
- package/src/demos/Page.md +1 -2
- package/src/demos/PasswordGenerator/PasswordGenerator.md +2 -2
- package/src/demos/PasswordGenerator/examples/PasswordGenerator.tsx +3 -3
- package/src/demos/PrimaryDetail.md +3 -3
- package/src/demos/RTL/RTL.md +4 -4
- package/src/demos/RTL/examples/PaginatedTable.tsx +55 -77
- package/src/demos/Tabs.md +4 -4
- package/src/demos/Toolbar.md +1 -1
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +3 -3
- package/src/demos/examples/Card/CardHorizontalGrid.tsx +4 -4
- package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +4 -9
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +3 -3
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +5 -5
- package/src/demos/examples/Nav/NavDockedNav.tsx +17 -5
- package/src/demos/examples/Nav/NavFlyout.tsx +3 -3
- package/src/demos/examples/Nav/NavHorizontal.tsx +3 -3
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +3 -3
- package/src/demos/examples/Nav/NavManual.tsx +3 -3
- package/src/demos/examples/Page/PageContextSelector.tsx +3 -3
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +3 -3
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +3 -3
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +3 -3
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +3 -3
- package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +10 -10
- package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +10 -10
- package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +10 -10
- package/src/demos/examples/Tabs/TabsAndTable.tsx +9 -9
- package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +2 -2
- package/src/deprecated/components/DualListSelector/DualListSelectorListItem.tsx +2 -2
- package/src/deprecated/components/DualListSelector/examples/DualListSelector.md +1 -2
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +3 -3
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +2 -2
- package/src/deprecated/components/Modal/__tests__/ModalBoxTitle.test.tsx +2 -2
- package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +2 -2
- package/src/deprecated/components/Modal/examples/Modal.md +2 -2
- package/src/deprecated/components/Modal/examples/ModalCustomTitleIcon.tsx +2 -2
- package/src/deprecated/components/Wizard/examples/Wizard.md +1 -1
- package/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx +3 -3
|
@@ -33,9 +33,8 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons
|
|
|
33
33
|
import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
|
|
34
34
|
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
|
|
35
35
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
36
|
-
import
|
|
36
|
+
import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon';
|
|
37
37
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
38
|
-
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
39
38
|
|
|
40
39
|
## Examples
|
|
41
40
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, useState } from 'react';
|
|
2
2
|
import { Button, ButtonVariant, Checkbox } from '@patternfly/react-core';
|
|
3
3
|
import { DualListSelector as DLSDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
-
import
|
|
4
|
+
import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon';
|
|
5
5
|
|
|
6
6
|
export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () => {
|
|
7
7
|
const [availableOptions, setAvailableOptions] = useState<React.ReactNode[]>([
|
|
@@ -47,7 +47,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = ()
|
|
|
47
47
|
aria-label="Sort available options"
|
|
48
48
|
key="availableSortButton"
|
|
49
49
|
isDisabled={isDisabled}
|
|
50
|
-
icon={<
|
|
50
|
+
icon={<RhMicronsSortDownSmallToLargeIcon />}
|
|
51
51
|
/>
|
|
52
52
|
];
|
|
53
53
|
|
|
@@ -58,7 +58,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = ()
|
|
|
58
58
|
aria-label="Sort chosen options"
|
|
59
59
|
key="chosenSortButton"
|
|
60
60
|
isDisabled={isDisabled}
|
|
61
|
-
icon={<
|
|
61
|
+
icon={<RhMicronsSortDownSmallToLargeIcon />}
|
|
62
62
|
/>
|
|
63
63
|
];
|
|
64
64
|
|
|
@@ -21,7 +21,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons
|
|
|
21
21
|
import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
|
|
22
22
|
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
|
|
23
23
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
24
|
-
import
|
|
24
|
+
import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon';
|
|
25
25
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
26
26
|
|
|
27
27
|
interface Option {
|
|
@@ -137,7 +137,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
137
137
|
onClick={onSort}
|
|
138
138
|
aria-label="Sort"
|
|
139
139
|
key="sortButton"
|
|
140
|
-
icon={<
|
|
140
|
+
icon={<RhMicronsSortDownSmallToLargeIcon />}
|
|
141
141
|
/>
|
|
142
142
|
);
|
|
143
143
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { render } from '@testing-library/react';
|
|
2
2
|
|
|
3
3
|
import { ModalBoxTitle } from '../ModalBoxTitle';
|
|
4
|
-
import
|
|
4
|
+
import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
|
|
5
5
|
|
|
6
6
|
test('ModalBoxTitle alert variant', () => {
|
|
7
7
|
const { asFragment } = render(
|
|
@@ -50,7 +50,7 @@ test('ModalBoxTitle success variant', () => {
|
|
|
50
50
|
|
|
51
51
|
test('ModalBoxTitle custom icon variant', () => {
|
|
52
52
|
const { asFragment } = render(
|
|
53
|
-
<ModalBoxTitle title="Test Modal Box custom" id="boxId" titleIconVariant={
|
|
53
|
+
<ModalBoxTitle title="Test Modal Box custom" id="boxId" titleIconVariant={RhUiAttentionBellFillIcon}>
|
|
54
54
|
content
|
|
55
55
|
</ModalBoxTitle>
|
|
56
56
|
);
|
|
@@ -52,11 +52,11 @@ exports[`ModalBoxTitle custom icon variant 1`] = `
|
|
|
52
52
|
fill="currentColor"
|
|
53
53
|
height="1em"
|
|
54
54
|
role="img"
|
|
55
|
-
viewBox="0 0
|
|
55
|
+
viewBox="0 0 32 32"
|
|
56
56
|
width="1em"
|
|
57
57
|
>
|
|
58
58
|
<path
|
|
59
|
-
d="
|
|
59
|
+
d="M28 21c-1.103 0-2-.897-2-2v-4c0-4.884-3.523-8.955-8.159-9.823.405-.444.659-1.03.659-1.677C18.5 2.121 17.379 1 16 1s-2.5 1.121-2.5 2.5c0 .648.254 1.233.659 1.677C9.523 6.045 6 10.116 6 15v4c0 1.103-.897 2-2 2a1 1 0 0 0-1 1v3.5c0 .827.673 1.5 1.5 1.5H12c0 2.206 1.794 4 4 4s4-1.794 4-4h7.5c.827 0 1.5-.673 1.5-1.5V22a1 1 0 0 0-1-1ZM14.5 11a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 24.014a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 24.014Z"
|
|
60
60
|
/>
|
|
61
61
|
</svg>
|
|
62
62
|
</span>
|
|
@@ -12,7 +12,7 @@ import { Fragment, useRef, useState } from 'react';
|
|
|
12
12
|
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
13
13
|
import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
|
|
14
14
|
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
15
|
-
import
|
|
15
|
+
import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
|
|
16
16
|
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
17
17
|
import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
|
|
18
18
|
import formStyles from '@patternfly/react-styles/css/components/Form/form';
|
|
@@ -111,7 +111,7 @@ To add an icon before a modal’s title, use the `titleIconVariant`, which can b
|
|
|
111
111
|
|
|
112
112
|
### Custom title icon
|
|
113
113
|
|
|
114
|
-
To add a custom icon before a modal’s title, set `titleIconVariant` to an imported custom icon. The following example imports and uses
|
|
114
|
+
To add a custom icon before a modal’s title, set `titleIconVariant` to an imported custom icon. The following example imports and uses an icon.
|
|
115
115
|
|
|
116
116
|
```ts file="./ModalCustomTitleIcon.tsx"
|
|
117
117
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, useState } from 'react';
|
|
2
2
|
import { Button } from '@patternfly/react-core';
|
|
3
3
|
import { Modal as ModalDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
-
import
|
|
4
|
+
import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
|
|
5
5
|
|
|
6
6
|
export const ModalCustomTitleIcon: React.FunctionComponent = () => {
|
|
7
7
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
@@ -17,7 +17,7 @@ export const ModalCustomTitleIcon: React.FunctionComponent = () => {
|
|
|
17
17
|
</Button>
|
|
18
18
|
<ModalDeprecated
|
|
19
19
|
title="Custom title icon modal"
|
|
20
|
-
titleIconVariant={
|
|
20
|
+
titleIconVariant={RhUiAttentionBellFillIcon}
|
|
21
21
|
isOpen={isModalOpen}
|
|
22
22
|
onClose={handleModalToggle}
|
|
23
23
|
aria-describedby="modal-custom-icon-description"
|
|
@@ -13,7 +13,7 @@ import { Fragment, useEffect, useRef, useState } from 'react';
|
|
|
13
13
|
import { Button, Drawer, DrawerActions, DrawerCloseButton, DrawerColorVariant,
|
|
14
14
|
DrawerContent, DrawerContentBody, DrawerHead, DrawerPanelContent, DrawerSection, ModalVariant, Alert, EmptyState, EmptyStateFooter, EmptyStateBody, EmptyStateActions, Title, Progress, Form, FormGroup, TextInput } from '@patternfly/react-core';
|
|
15
15
|
import { Wizard as WizardDeprecated, WizardFooter as WizardFooterDeprecated, WizardContextConsumer as WizardContextConsumerDeprecated } from '@patternfly/react-core/deprecated';
|
|
16
|
-
import
|
|
16
|
+
import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon';
|
|
17
17
|
import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
|
|
18
18
|
import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
|
|
19
19
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button } from '@patternfly/react-core';
|
|
2
2
|
import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated';
|
|
3
|
-
import
|
|
3
|
+
import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon';
|
|
4
4
|
import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
|
|
5
5
|
|
|
6
6
|
export const WizardWithNavAnchors: React.FunctionComponent = () => {
|
|
@@ -8,7 +8,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => {
|
|
|
8
8
|
{
|
|
9
9
|
name: (
|
|
10
10
|
<div>
|
|
11
|
-
<
|
|
11
|
+
<RhMicronsExternalLinkIcon /> PF3
|
|
12
12
|
</div>
|
|
13
13
|
),
|
|
14
14
|
component: <p>Step 1: Read about PF3</p>,
|
|
@@ -17,7 +17,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => {
|
|
|
17
17
|
{
|
|
18
18
|
name: (
|
|
19
19
|
<div>
|
|
20
|
-
<
|
|
20
|
+
<RhMicronsExternalLinkIcon /> PF4
|
|
21
21
|
</div>
|
|
22
22
|
),
|
|
23
23
|
component: <p>Step 2: Read about PF4</p>,
|