@patternfly/react-core 6.5.0-prerelease.58 → 6.5.0-prerelease.59

package/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.5.0-prerelease.57","private":true}
+{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.5.0-prerelease.58","private":true}

package/layouts/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.5.0-prerelease.57","private":true}
+{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.5.0-prerelease.58","private":true}

package/next/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.5.0-prerelease.57","private":true}
+{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.5.0-prerelease.58","private":true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "6.5.0-prerelease.58",
+  "version": "6.5.0-prerelease.59",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -46,15 +46,15 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^6.5.0-prerelease.24",
-    "@patternfly/react-styles": "^6.5.0-prerelease.17",
-    "@patternfly/react-tokens": "^6.5.0-prerelease.16",
+    "@patternfly/react-icons": "^6.5.0-prerelease.25",
+    "@patternfly/react-styles": "^6.5.0-prerelease.18",
+    "@patternfly/react-tokens": "^6.5.0-prerelease.17",
     "focus-trap": "7.6.6",
     "react-dropzone": "^14.3.5",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.67",
+    "@patternfly/patternfly": "6.5.0-prerelease.71",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
@@ -63,5 +63,5 @@
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
-  "gitHead": "d2e13b58b7b1846dc739a01fa50058048c3f4e33"
+  "gitHead": "6558bdd10eb90061e973dcc37ec971eb2b1a354d"
 }

package/src/components/Button/Button.tsx

@@ -271,7 +271,7 @@ const ButtonBase: React.FunctionComponent<ButtonProps> = ({
         size === ButtonSize.sm && styles.modifiers.small,
         size === ButtonSize.lg && styles.modifiers.displayLg,
         isCircle && styles.modifiers.circle,
-        isDocked && styles.modifiers.dock, // Replace with docked class from https://github.com/patternfly/patternfly/pull/8308
+        isDocked && styles.modifiers.docked,
         isDocked && isTextExpanded && styles.modifiers.textExpanded,
         className
       )}

package/src/components/Button/__tests__/Button.test.tsx

@@ -556,14 +556,14 @@ describe('Favorite button', () => {
 });
 
 describe('Dock variant', () => {
-  test(`Renders with class ${styles.modifiers.dock} when isDocked = true`, () => {
+  test(`Renders with class ${styles.modifiers.docked} when isDocked = true`, () => {
     render(<Button isDocked>Dock Button</Button>);
-    expect(screen.getByRole('button')).toHaveClass(styles.modifiers.dock);
+    expect(screen.getByRole('button')).toHaveClass(styles.modifiers.docked);
   });
 
-  test(`Does not render with class ${styles.modifiers.dock} when isDocked is not passed`, () => {
+  test(`Does not render with class ${styles.modifiers.docked} when isDocked is not passed`, () => {
     render(<Button>Button</Button>);
-    expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.dock);
+    expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.docked);
   });
 
   test(`Renders with class ${styles.modifiers.textExpanded} when isTextExpanded = true and isDocked = true`, () => {
@@ -585,14 +585,14 @@ describe('Dock variant', () => {
     expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.textExpanded);
   });
 
-  test(`Renders with both ${styles.modifiers.dock} and ${styles.modifiers.textExpanded} when both props are true`, () => {
+  test(`Renders with both ${styles.modifiers.docked} and ${styles.modifiers.textExpanded} when both props are true`, () => {
     render(
       <Button isDocked isTextExpanded>
         Dock Text Expanded Button
       </Button>
     );
     const button = screen.getByRole('button');
-    expect(button).toHaveClass(styles.modifiers.dock);
+    expect(button).toHaveClass(styles.modifiers.docked);
     expect(button).toHaveClass(styles.modifiers.textExpanded);
   });
 });

package/src/components/Compass/Compass.tsx

@@ -68,7 +68,7 @@ export const Compass: React.FunctionComponent<CompassProps> = ({
 
   const compassContent = (
     <div
-      className={css(styles.compass, dock !== undefined && styles.modifiers.dock, className)}
+      className={css(styles.compass, dock !== undefined && styles.modifiers.docked, className)}
       {...props}
       style={{ ...props.style, ...backgroundImageStyles }}
     >

package/src/components/Compass/__tests__/Compass.test.tsx

@@ -171,12 +171,12 @@ test('Matches the snapshot with drawer', () => {
   expect(asFragment()).toMatchSnapshot();
 });
 
-test(`Renders with ${styles.modifiers.dock} class when dock is passed`, () => {
+test(`Renders with ${styles.modifiers.docked} class when dock is passed`, () => {
   render(<Compass dock={<div>Dock content</div>} data-testid="compass" />);
-  expect(screen.getByTestId('compass')).toHaveClass(styles.modifiers.dock);
+  expect(screen.getByTestId('compass')).toHaveClass(styles.modifiers.docked);
 });
 
-test(`Does not render with ${styles.modifiers.dock} class when dock is not passed`, () => {
+test(`Does not render with ${styles.modifiers.docked} class when dock is not passed`, () => {
   render(<Compass data-testid="compass" />);
-  expect(screen.getByTestId('compass')).not.toHaveClass(styles.modifiers.dock);
+  expect(screen.getByTestId('compass')).not.toHaveClass(styles.modifiers.docked);
 });

package/src/components/MenuToggle/MenuToggle.tsx

@@ -198,7 +198,7 @@ class MenuToggleBase extends Component<MenuToggleProps> {
             isDisabled && styles.modifiers.disabled,
             isPlaceholder && styles.modifiers.placeholder,
             isSettings && styles.modifiers.settings,
-            isDocked && styles.modifiers.dock, // Replace with docked class from https://github.com/patternfly/patternfly/pull/8308
+            isDocked && styles.modifiers.docked,
             isDocked && isTextExpanded && styles.modifiers.textExpanded,
             size === MenuToggleSize.sm && styles.modifiers.small,
             className

package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx

@@ -156,14 +156,14 @@ test('Does not render custom icon when icon prop and isSettings are passed', ()
   expect(screen.queryByText('Custom icon')).not.toBeInTheDocument();
 });
 
-test(`Renders with class ${styles.modifiers.dock} when isDocked is passed`, () => {
+test(`Renders with class ${styles.modifiers.docked} when isDocked is passed`, () => {
   render(<MenuToggle isDocked>Dock Toggle</MenuToggle>);
-  expect(screen.getByRole('button')).toHaveClass(styles.modifiers.dock);
+  expect(screen.getByRole('button')).toHaveClass(styles.modifiers.docked);
 });
 
-test(`Does not render with class ${styles.modifiers.dock} when isDocked is not passed`, () => {
+test(`Does not render with class ${styles.modifiers.docked} when isDocked is not passed`, () => {
   render(<MenuToggle>Toggle</MenuToggle>);
-  expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.dock);
+  expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.docked);
 });
 
 test(`Renders with class ${styles.modifiers.textExpanded} when isTextExpanded is passed and isDocked is passed`, () => {
@@ -185,13 +185,13 @@ test(`Does not render with class ${styles.modifiers.textExpanded} when isTextExp
   expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.textExpanded);
 });
 
-test(`Renders with both ${styles.modifiers.dock} and ${styles.modifiers.textExpanded} when both props are passed`, () => {
+test(`Renders with both ${styles.modifiers.docked} and ${styles.modifiers.textExpanded} when both props are passed`, () => {
   render(
     <MenuToggle isDocked isTextExpanded>
       Dock Text Expanded Toggle
     </MenuToggle>
   );
   const button = screen.getByRole('button');
-  expect(button).toHaveClass(styles.modifiers.dock);
+  expect(button).toHaveClass(styles.modifiers.docked);
   expect(button).toHaveClass(styles.modifiers.textExpanded);
 });

package/src/components/Page/Page.tsx

@@ -350,7 +350,7 @@ class Page extends Component<PageProps, PageState> {
           {...rest}
           className={css(
             styles.page,
-            variant === 'docked' && styles.modifiers.dock,
+            variant === 'docked' && styles.modifiers.docked,
             width !== null && height !== null && 'pf-m-resize-observer',
             width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`,
             height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`,

package/src/components/Page/__tests__/Page.test.tsx

@@ -391,29 +391,29 @@ describe('Page', () => {
   });
 });
 
-describe('Page dock variant', () => {
-  test(`Does not render with dock classes when variant is default`, () => {
+describe('Page docked variant', () => {
+  test(`Does not render with docked classes when variant is default`, () => {
     render(<Page {...props} variant="default" data-testid="page"></Page>);
 
     const page = screen.getByTestId('page');
-    expect(page).not.toHaveClass(styles.modifiers.dock);
+    expect(page).not.toHaveClass(styles.modifiers.docked);
     expect(page.querySelector(`.${styles.pageDock}`)).not.toBeInTheDocument();
     expect(page.querySelector(`.${styles.pageDockMain}`)).not.toBeInTheDocument();
   });
 
-  test(`Does not render with dock classes when variant is not passed`, () => {
+  test(`Does not render with docked classes when variant is not passed`, () => {
     render(<Page data-testid="page"></Page>);
 
     const page = screen.getByTestId('page');
-    expect(page).not.toHaveClass(styles.modifiers.dock);
+    expect(page).not.toHaveClass(styles.modifiers.docked);
     expect(page.querySelector(`.${styles.pageDock}`)).not.toBeInTheDocument();
     expect(page.querySelector(`.${styles.pageDockMain}`)).not.toBeInTheDocument();
   });
 
-  test(`Renders with ${styles.modifiers.dock} class when variant is docked`, () => {
+  test(`Renders with ${styles.modifiers.docked} class when variant is docked`, () => {
     render(<Page {...props} variant="docked" data-testid="page"></Page>);
 
-    expect(screen.getByTestId('page')).toHaveClass(styles.modifiers.dock);
+    expect(screen.getByTestId('page')).toHaveClass(styles.modifiers.docked);
   });
 
   test('Renders dock content when dockContent and variant="docked" is passed', () => {