Updated with core changes.

Author: dlabaj

packages/react-core/package.json

@@ -54,7 +54,7 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.12",
+    "@patternfly/patternfly": "6.5.0-prerelease.14",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.0"

packages/react-core/src/components/Card/CardDescription.tsx renamed to packages/react-core/src/components/Card/CardSubtitle.tsx

@@ -1,7 +1,7 @@
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Card/card';
 
-export interface CardDescriptionProps {
+export interface CardSubtitleProps {
   /** Content rendered inside the description. */
   children?: React.ReactNode;
   /** Additional classes added to the description. */
@@ -10,14 +10,14 @@ export interface CardDescriptionProps {
   id?: string;
 }
 
-export const CardDescription: React.FunctionComponent<CardDescriptionProps> = ({
+export const CardSubtitle: React.FunctionComponent<CardSubtitleProps> = ({
   children = null,
   className = '',
   id = '',
   ...props
-}: ModalBoxDescriptionProps) => (
-  <div {...props} id={id} className={css(styles.cardDescription, className)}>
+}: CardSubtitleProps) => (
+  <div {...props} id={id} className={css(styles.cardSubtitle, className)}>
     {children}
   </div>
 );
-CardDescription.displayName = 'CardDescription';
+CardSubtitle.displayName = 'CardSubtitle';

packages/react-core/src/components/Card/__tests__/CardDescription.test.tsx renamed to packages/react-core/src/components/Card/__tests__/CardSubtitle.test.tsx

@@ -1,21 +1,21 @@
 import { render, screen } from '@testing-library/react';
-import { CardDescription } from '../CardDescription';
+import { CardSubtitle } from '../CardSubtitle';
 
-describe('CardDescription', () => {
+describe('CardSubtitle', () => {
   test('renders with PatternFly Core styles', () => {
-    const { asFragment } = render(<CardDescription>text</CardDescription>);
+    const { asFragment } = render(<CardSubtitle>text</CardSubtitle>);
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('className is added to the root element', () => {
-    render(<CardDescription className="extra-class">text</CardDescription>);
+    render(<CardSubtitle className="extra-class">text</CardSubtitle>);
     expect(screen.getByText('text')).toHaveClass('extra-class');
   });
 
   test('extra props are spread to the root element', () => {
-    const testId = 'card-description';
+    const testId = 'card-subtitle';
 
-    render(<CardDescription data-testid={testId} />);
+    render(<CardSubtitle data-testid={testId} />);
     expect(screen.getByTestId(testId)).toBeInTheDocument();
   });
 });

packages/react-core/src/components/Card/examples/Card.md

@@ -9,7 +9,7 @@ propComponents:
     'CardHeaderActionsObject',
     'CardHeaderSelectableActionsObject',
     'CardTitle',
-    'CardDescription',
+    'CardSubtitle',
     'CardBody',
     'CardFooter',
     'CardExpandableContent'
@@ -27,7 +27,7 @@ import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 ### Basic cards
 
-Basic cards typically have a `<CardTitle>`, `<CardDescription>`, `<CardBody>` and `<CardFooter>`. You may omit these components as needed, but it is recommended to at least include a `<CardBody>` to provide details about the card item.
+Basic cards typically have a `<CardTitle>`, `<CardSubtitle>`, `<CardBody>` and `<CardFooter>`. You may omit these components as needed, but it is recommended to at least include a `<CardBody>` to provide details about the card item.
 
 ```ts file='./CardBasic.tsx'
 

packages/react-core/src/components/Card/examples/CardBasic.tsx

@@ -1,9 +1,9 @@
-import { Card, CardTitle, CardDescription, CardBody, CardFooter } from '@patternfly/react-core';
+import { Card, CardTitle, CardSubtitle, CardBody, CardFooter } from '@patternfly/react-core';
 
 export const CardBasic: React.FunctionComponent = () => (
   <Card ouiaId="BasicCard">
     <CardTitle>Title</CardTitle>
-    <CardDescription>Description</CardDescription>
+    <CardSubtitle>Subtitle</CardSubtitle>
     <CardBody>Body</CardBody>
     <CardFooter>Footer</CardFooter>
   </Card>

packages/react-docs/package.json

@@ -23,7 +23,7 @@
     "test:a11y": "patternfly-a11y --config patternfly-a11y.config"
   },
   "dependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.12",
+    "@patternfly/patternfly": "6.5.0-prerelease.14",
     "@patternfly/react-charts": "workspace:^",
     "@patternfly/react-code-editor": "workspace:^",
     "@patternfly/react-core": "workspace:^",

packages/react-icons/package.json

@@ -33,7 +33,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@patternfly/patternfly": "6.5.0-prerelease.12",
+    "@patternfly/patternfly": "6.5.0-prerelease.14",
     "fs-extra": "^11.3.0",
     "tslib": "^2.8.1"
   },

packages/react-styles/package.json

@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.12",
+    "@patternfly/patternfly": "6.5.0-prerelease.14",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.0"
   },

packages/react-tokens/package.json

@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@adobe/css-tools": "^4.4.4",
-    "@patternfly/patternfly": "6.5.0-prerelease.12",
+    "@patternfly/patternfly": "6.5.0-prerelease.14",
     "fs-extra": "^11.3.0"
   }
 }