@patternfly/react-core 6.6.1-prerelease.4 → 6.6.2

package/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx

@@ -12,9 +12,9 @@ import {
   DualListSelectorControl as DLSControlDeprecated
 } from '@patternfly/react-core/deprecated';
 import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon';
-import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
-import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon';
-import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 
 export const DualListSelectorComposableDragDrop: React.FunctionComponent = () => {
   const [ignoreNextOptionSelect, setIgnoreNextOptionSelect] = useState(false);
@@ -121,14 +121,14 @@ export const DualListSelectorComposableDragDrop: React.FunctionComponent = () =>
           onClick={() => moveSelected(true)}
           aria-label="Add selected"
         >
-          <RhMicronsCaretRightIcon />
+          <AngleRightIcon />
         </DLSControlDeprecated>
         <DLSControlDeprecated
           isDisabled={availableOptions.length === 0}
           onClick={() => moveAll(true)}
           aria-label="Add all"
         >
-          <RhMicronsDoubleCaretRightIcon />
+          <AngleDoubleRightIcon />
         </DLSControlDeprecated>
         <DLSControlDeprecated
           isDisabled={chosenOptions.length === 0}
@@ -142,7 +142,7 @@ export const DualListSelectorComposableDragDrop: React.FunctionComponent = () =>
           isDisabled={!chosenOptions.some((option) => option.selected)}
           aria-label="Remove selected"
         >
-          <RhMicronsCaretLeftIcon />
+          <AngleLeftIcon />
         </DLSControlDeprecated>
       </DLSControlsWrapperDeprecated>
       <DragDrop

package/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx

@@ -18,10 +18,10 @@ import {
   DualListSelectorTreeItemData as DLSTreeItemDataDeprecated
 } from '@patternfly/react-core/deprecated';
 import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon';
-import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
-import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon';
-import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
-import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 
 interface FoodNode {
   id: string;
@@ -258,12 +258,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent<ExampleProp
         listMinHeight="300px"
       >
         {filterApplied && options.length === 0 && (
-          <EmptyState
-            headingLevel="h4"
-            titleText="No results found"
-            icon={RhMicronsSearchIcon}
-            variant={EmptyStateVariant.sm}
-          >
+          <EmptyState headingLevel="h4" titleText="No results found" icon={SearchIcon} variant={EmptyStateVariant.sm}>
             <EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
             <EmptyStateFooter>
               <EmptyStateActions>
@@ -295,14 +290,14 @@ export const DualListSelectorComposableTree: React.FunctionComponent<ExampleProp
           onClick={() => moveChecked(true)}
           aria-label="Add selected"
         >
-          <RhMicronsCaretRightIcon />
+          <AngleRightIcon />
         </DLSControlDeprecated>
         <DLSControlDeprecated
           isDisabled={chosenLeafIds.length === memoizedAllLeaves.length}
           onClick={() => moveAll(true)}
           aria-label="Add all"
         >
-          <RhMicronsDoubleCaretRightIcon />
+          <AngleDoubleRightIcon />
         </DLSControlDeprecated>
         <DLSControlDeprecated
           isDisabled={chosenLeafIds.length === 0}
@@ -316,7 +311,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent<ExampleProp
           isDisabled={!checkedLeafIds.filter((x) => !!chosenLeafIds.includes(x)).length}
           aria-label="Remove selected"
         >
-          <RhMicronsCaretLeftIcon />
+          <AngleLeftIcon />
         </DLSControlDeprecated>
       </DLSControlsWrapperDeprecated>
       {buildPane(true)}

package/src/deprecated/components/Modal/examples/Modal.md

@@ -10,9 +10,9 @@ deprecated: true
 import { Fragment, useRef, useState } from 'react';
 
 import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
-import RhUiWarningIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-icon';
+import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
 import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
-import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 import formStyles from '@patternfly/react-styles/css/components/Form/form';
 

package/src/deprecated/components/Modal/examples/ModalCustomHeaderFooter.tsx

@@ -1,7 +1,7 @@
 import { Fragment, useState } from 'react';
 import { Button, Title, TitleSizes } from '@patternfly/react-core';
 import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
-import RhUiWarningIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-icon';
+import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 export const ModalCustomHeaderFooter: React.FunctionComponent = () => {
@@ -22,7 +22,7 @@ export const ModalCustomHeaderFooter: React.FunctionComponent = () => {
 
   const footer = (
     <Title headingLevel="h4" size={TitleSizes.md}>
-      <RhUiWarningIcon />
+      <WarningTriangleIcon />
       <span className={spacing.plSm}>Custom modal footer.</span>
     </Title>
   );

package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx

@@ -2,7 +2,7 @@ import { Fragment, useState } from 'react';
 import { Button, Popover } from '@patternfly/react-core';
 import { Modal as ModalDeprecated } from '@patternfly/react-core/deprecated';
 
-import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 
 export const ModalWithHelp: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -29,7 +29,7 @@ export const ModalWithHelp: React.FunctionComponent = () => {
             }
             footerContent="Popover Footer"
           >
-            <Button variant="plain" aria-label="Help" icon={<RhUiQuestionMarkCircleIcon />} />
+            <Button variant="plain" aria-label="Help" icon={<HelpIcon />} />
           </Popover>
         }
         isOpen={isModalOpen}

package/src/deprecated/components/Tile/__tests__/Tile.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 import { Tile } from '../Tile';
-import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
+import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 describe('Tile', () => {
   test('basic', () => {
@@ -24,17 +24,17 @@ describe('Tile', () => {
   });
 
   test('renders with icon', () => {
-    const { asFragment } = render(<Tile title="test" icon={<RhUiAddIcon />} />);
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} />);
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with stacked icon', () => {
-    const { asFragment } = render(<Tile title="test" icon={<RhUiAddIcon />} isStacked />);
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} isStacked />);
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with stacked large icon', () => {
-    const { asFragment } = render(<Tile title="test" icon={<RhUiAddIcon />} isStacked isDisplayLarge />);
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} isStacked isDisplayLarge />);
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/deprecated/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap

@@ -81,12 +81,24 @@ exports[`Tile renders with icon 1`] = `
           fill="currentColor"
           height="1em"
           role="img"
-          viewBox="0 0 32 32"
           width="1em"
         >
-          <path
-            d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
-          />
+          <svg
+            class="pf-v6-icon-default"
+            viewBox="0 0 448 512"
+          >
+            <path
+              d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+            />
+          </svg>
+          <svg
+            class="pf-v6-icon-rh-ui"
+            viewBox="0 0 32 32"
+          >
+            <path
+              d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
+            />
+          </svg>
         </svg>
       </div>
       <div
@@ -118,12 +130,24 @@ exports[`Tile renders with stacked icon 1`] = `
           fill="currentColor"
           height="1em"
           role="img"
-          viewBox="0 0 32 32"
           width="1em"
         >
-          <path
-            d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
-          />
+          <svg
+            class="pf-v6-icon-default"
+            viewBox="0 0 448 512"
+          >
+            <path
+              d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+            />
+          </svg>
+          <svg
+            class="pf-v6-icon-rh-ui"
+            viewBox="0 0 32 32"
+          >
+            <path
+              d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
+            />
+          </svg>
         </svg>
       </div>
       <div
@@ -155,12 +179,24 @@ exports[`Tile renders with stacked large icon 1`] = `
           fill="currentColor"
           height="1em"
           role="img"
-          viewBox="0 0 32 32"
           width="1em"
         >
-          <path
-            d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
-          />
+          <svg
+            class="pf-v6-icon-default"
+            viewBox="0 0 448 512"
+          >
+            <path
+              d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+            />
+          </svg>
+          <svg
+            class="pf-v6-icon-rh-ui"
+            viewBox="0 0 32 32"
+          >
+            <path
+              d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
+            />
+          </svg>
         </svg>
       </div>
       <div

package/src/deprecated/components/Tile/examples/Tile.md

@@ -7,7 +7,7 @@ deprecated: true
 ---
 
 import { useState } from 'react';
-import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
+import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 import './Tile.css';
 

package/src/deprecated/components/Tile/examples/TileWithIcon.tsx

@@ -1,15 +1,15 @@
 import { Tile } from '@patternfly/react-core/deprecated';
-import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
+import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 export const TileWithIcon: React.FunctionComponent = () => (
   <div role="listbox" aria-label="Tiles with icon">
-    <Tile title="Default" icon={<RhUiAddIcon />} isSelected={false}>
+    <Tile title="Default" icon={<PlusIcon />} isSelected={false}>
       Subtext goes here
     </Tile>{' '}
-    <Tile title="Selected" icon={<RhUiAddIcon />} isSelected>
+    <Tile title="Selected" icon={<PlusIcon />} isSelected>
       Subtext goes here
     </Tile>{' '}
-    <Tile title="Disabled" icon={<RhUiAddIcon />} isDisabled isSelected={false}>
+    <Tile title="Disabled" icon={<PlusIcon />} isDisabled isSelected={false}>
       Subtext goes here
     </Tile>
   </div>

package/src/deprecated/components/Wizard/examples/Wizard.md

@@ -15,9 +15,7 @@ DrawerContent, DrawerContentBody, DrawerHead, DrawerPanelContent, DrawerSection,
 import { Wizard as WizardDeprecated, WizardFooter as WizardFooterDeprecated, WizardContextConsumer as WizardContextConsumerDeprecated } from '@patternfly/react-core/deprecated';
 import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon';
 import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
-import RhUiGearGroupFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-gear-group-fill-icon';
 import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
-import layout from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
 
 If you seek a wizard solution that allows for more composition, see the [React](/components/wizard) tab.
 

package/src/helpers/OUIA/OUIA.md

@@ -51,20 +51,12 @@ component.
 * [Alert](/components/alert)
 * [Breadcrumb](/components/breadcrumb)
 * [Button](/components/button)
-* [CalendarMonth](/components/calendar-month)
 * [Card](/components/card)
 * [Checkbox](/components/forms/checkbox)
 * [Chip](/components/chip)
-* [ClipboardCopy](/components/clipboard-copy)
 * [Content](/components/content)
-* [DescriptionList](/components/description-list)
-* [Drawer](/components/drawer)
 * [Dropdown](/components/menus/dropdown)
 * [DropdownItem](/components/menus/dropdown)
-* [DualListSelector](/components/dual-list-selector)
-* [ExpandableSection](/components/expandable-section)
-* [Form](/components/forms/form)
-* [FormGroup](/components/forms/form)
 * [FormSelect](/components/forms/form-select)
 * [Menu](/components/menus/menu)
 * [Modal](/components/modal)
@@ -72,11 +64,8 @@ component.
 * [NavExpandable](/components/navigation)
 * [NavItem](/components/navigation)
 * [Pagination](/components/pagination)
-* [Popover](/components/popover)
-* [Progress](/components/progress)
 * [Radio](/components/forms/radio)
 * [Select](/components/menus/select)
-* [Slider](/components/slider)
 * [Switch](/components/switch)
 * [TabContent](/components/tabs)
 * [Tabs](/components/tabs)

package/dist/dynamic/helpers/inert/package.json

@@ -1 +0,0 @@
-{"name":"@patternfly/react-core-inert.js-dynamic","main":"../../../js/helpers/inert.js","module":"../../../esm/helpers/inert.js","typings":"../../../esm/helpers/inert.d.ts","version":"6.6.1-prerelease.3","private":true}

package/dist/esm/helpers/inert.d.ts

@@ -1,6 +0,0 @@
-/**
- * Before React 19, React JSX treats empty string "" as truthy for inert prop.
- * @see {@link https://stackoverflow.com/questions/72720469}
- */
-export declare const IS_INERT: boolean;
-//# sourceMappingURL=inert.d.ts.map

package/dist/esm/helpers/inert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inert.d.ts","sourceRoot":"","sources":["../../../src/helpers/inert.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,SAA0E,CAAC"}

package/dist/esm/helpers/inert.js

@@ -1,7 +0,0 @@
-import { version } from 'react';
-/**
- * Before React 19, React JSX treats empty string "" as truthy for inert prop.
- * @see {@link https://stackoverflow.com/questions/72720469}
- */
-export const IS_INERT = Number(version.split('.')[0]) >= 19 ? true : '';
-//# sourceMappingURL=inert.js.map

package/dist/esm/helpers/inert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inert.js","sourceRoot":"","sources":["../../../src/helpers/inert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,EAAyB,CAAC"}

package/dist/js/helpers/inert.d.ts

@@ -1,6 +0,0 @@
-/**
- * Before React 19, React JSX treats empty string "" as truthy for inert prop.
- * @see {@link https://stackoverflow.com/questions/72720469}
- */
-export declare const IS_INERT: boolean;
-//# sourceMappingURL=inert.d.ts.map

package/dist/js/helpers/inert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inert.d.ts","sourceRoot":"","sources":["../../../src/helpers/inert.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,SAA0E,CAAC"}

package/dist/js/helpers/inert.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IS_INERT = void 0;
-const react_1 = require("react");
-/**
- * Before React 19, React JSX treats empty string "" as truthy for inert prop.
- * @see {@link https://stackoverflow.com/questions/72720469}
- */
-exports.IS_INERT = Number(react_1.version.split('.')[0]) >= 19 ? true : '';
-//# sourceMappingURL=inert.js.map

package/dist/js/helpers/inert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inert.js","sourceRoot":"","sources":["../../../src/helpers/inert.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC;;;GAGG;AACU,QAAA,QAAQ,GAAG,MAAM,CAAC,eAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,EAAyB,CAAC"}

package/src/components/Drawer/__tests__/DrawerCloseButton.test.tsx

@@ -1,39 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { ButtonProps } from '../../Button';
-import { DrawerCloseButton } from '../DrawerCloseButton';
-
-test('Renders with spread buttonProps', () => {
-  render(<DrawerCloseButton buttonProps={{ isDisabled: true }} />);
-  expect(screen.getByRole('button')).toBeDisabled();
-});
-
-test('Calls onClose when clicked', async () => {
-  const onClose = jest.fn();
-  const user = userEvent.setup();
-
-  render(<DrawerCloseButton onClose={onClose} buttonProps={{ isDisabled: false }} />);
-  await user.click(screen.getByRole('button'));
-  expect(onClose).toHaveBeenCalledTimes(1);
-});
-
-test('Does not spread onClick from buttonProps but spreads other props', async () => {
-  const onClose = jest.fn();
-  const buttonOnClick = jest.fn();
-  const user = userEvent.setup();
-
-  render(
-    <DrawerCloseButton
-      onClose={onClose}
-      buttonProps={{ id: 'drawer-close-button', onClick: buttonOnClick } as ButtonProps}
-    />
-  );
-
-  const button = screen.getByRole('button');
-  expect(button).toHaveAttribute('id', 'drawer-close-button');
-
-  await user.click(button);
-
-  expect(onClose).toHaveBeenCalledTimes(1);
-  expect(buttonOnClick).not.toHaveBeenCalled();
-});

package/src/components/Slider/examples/SliderCustomTooltip.tsx

@@ -1,34 +0,0 @@
-import { useState } from 'react';
-import { Slider, SliderOnChangeEvent } from '@patternfly/react-core';
-
-export const SliderCustomTooltip: React.FunctionComponent = () => {
-  const [value, setValue] = useState(50);
-  const steps = [
-    { value: 0, label: '0' },
-    { value: 12.5, label: '1', isLabelHidden: true },
-    { value: 25, label: '2' },
-    { value: 37.5, label: '3', isLabelHidden: true },
-    { value: 50, label: '4' },
-    { value: 62.5, label: '5', isLabelHidden: true },
-    { value: 75, label: '6' },
-    { value: 87.5, label: '7', isLabelHidden: true },
-    { value: 100, label: '8' }
-  ];
-
-  const displayValue = () => {
-    const step = steps.find((step) => step.value === value);
-    return step ? step.label : 0;
-  };
-
-  const customTooltipContent = () => <div>Custom tooltip content for step: {displayValue()}</div>;
-
-  return (
-    <Slider
-      hasTooltipOverThumb
-      tooltipContent={customTooltipContent()}
-      value={value}
-      onChange={(_event: SliderOnChangeEvent, value: number) => setValue(value)}
-      customSteps={steps}
-    />
-  );
-};

package/src/components/Toolbar/examples/ToolbarFlexGrowAndWidths.tsx

@@ -1,104 +0,0 @@
-import { Fragment } from 'react';
-import { Toolbar, ToolbarItem, ToolbarGroup, ToolbarContent, Button, SearchInput } from '@patternfly/react-core';
-
-export const ToolbarFlexGrowAndWidths: React.FunctionComponent = () => {
-  const flexGrowItems = (
-    <Fragment>
-      <ToolbarItem>
-        <Button variant="secondary">Item 1</Button>
-      </ToolbarItem>
-      <ToolbarItem flexGrow={{ default: 'flexGrow' }}>
-        <SearchInput aria-label="Flex grow search input" />
-      </ToolbarItem>
-      <ToolbarItem>
-        <Button variant="secondary">Item 2</Button>
-      </ToolbarItem>
-    </Fragment>
-  );
-
-  const flexGrowGroupItems = (
-    <Fragment>
-      <ToolbarGroup>
-        <ToolbarItem>
-          <Button variant="secondary">Item 1</Button>
-        </ToolbarItem>
-        <ToolbarItem>
-          <Button variant="secondary">Item 2</Button>
-        </ToolbarItem>
-      </ToolbarGroup>
-      <ToolbarGroup flexGrow={{ default: 'flexGrow' }}>
-        <ToolbarItem>
-          <Button variant="secondary">Flex grow group item 1</Button>
-        </ToolbarItem>
-        <ToolbarItem>
-          <Button variant="secondary">Flex grow group item 2</Button>
-        </ToolbarItem>
-      </ToolbarGroup>
-      <ToolbarGroup>
-        <ToolbarItem>
-          <Button variant="secondary">Item 3</Button>
-        </ToolbarItem>
-      </ToolbarGroup>
-    </Fragment>
-  );
-
-  const widthItems = (
-    <Fragment>
-      <ToolbarItem widths={{ default: '200px' }}>
-        <SearchInput aria-label="Search input with fixed width" />
-      </ToolbarItem>
-      <ToolbarItem>
-        <Button variant="secondary">Regular item</Button>
-      </ToolbarItem>
-      <ToolbarItem widths={{ default: '300px' }}>
-        <SearchInput aria-label="Search input with wider fixed width" />
-      </ToolbarItem>
-    </Fragment>
-  );
-
-  const responsiveWidthItems = (
-    <Fragment>
-      <ToolbarItem widths={{ default: '100px', md: '200px', xl: '300px' }}>
-        <SearchInput aria-label="Search input with responsive width" />
-      </ToolbarItem>
-      <ToolbarItem>
-        <Button variant="secondary">Regular item</Button>
-      </ToolbarItem>
-    </Fragment>
-  );
-
-  return (
-    <>
-      Using flexGrow on ToolbarItem
-      <br />
-      <br />
-      <Toolbar id="toolbar-flex-grow-item">
-        <ToolbarContent>{flexGrowItems}</ToolbarContent>
-      </Toolbar>
-      <br />
-      <br />
-      Using flexGrow on ToolbarGroup
-      <br />
-      <br />
-      <Toolbar id="toolbar-flex-grow-group">
-        <ToolbarContent>{flexGrowGroupItems}</ToolbarContent>
-      </Toolbar>
-      <br />
-      <br />
-      Using widths on ToolbarItem
-      <br />
-      <br />
-      <Toolbar id="toolbar-widths">
-        <ToolbarContent>{widthItems}</ToolbarContent>
-      </Toolbar>
-      <br />
-      <br />
-      Using responsive widths on ToolbarItem
-      <br />
-      <br />
-      <Toolbar id="toolbar-responsive-widths">
-        <ToolbarContent>{responsiveWidthItems}</ToolbarContent>
-      </Toolbar>
-    </>
-  );
-};

package/src/helpers/inert.ts

@@ -1,7 +0,0 @@
-import { version } from 'react';
-
-/**
- * Before React 19, React JSX treats empty string "" as truthy for inert prop.
- * @see {@link https://stackoverflow.com/questions/72720469}
- */
-export const IS_INERT = Number(version.split('.')[0]) >= 19 ? true : ('' as unknown as boolean);