fix(nav): Rename to multi-content card

Author: fhlavac

packages/module/patternfly-docs/content/extensions/component-groups/examples/MultiContentCard/MultiContentCard.md

@@ -1,7 +1,7 @@
 ---
 section: Component groups
 subsection: Content containers
-id: Multi content card
+id: Multi-content card
 source: react
 propComponents: ['MultiContentCard']
 sourceLink: https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/MultiContentCard/MultiContentCard.md
@@ -12,43 +12,43 @@ import { ArrowRightIcon, BellIcon, CogIcon, EllipsisVIcon, LockIcon } from '@pat
 import { createUseStyles } from 'react-jss';
 import clsx from 'clsx';
 
-A **multi content card** component allows to display multiple card components in a single layout. To further customize this layout, you can also utilize all properties of the [card component](/components/card), with the exception of `children` and `title`.
+A **multi-content card** component allows to display multiple card components in a single layout. To further customize this layout, you can also utilize all properties of the [card component](/components/card), with the exception of `children` and `title`.
 
 ## Examples
 
-### Basic multi content card
+### Basic multi-content card
 
-To display a basic multi content an array of content cards has to be passed using the `cards` property. It is recommended to use regular [card components](/components/card) in the content.
+To display a basic multi-content an array of content cards has to be passed using the `cards` property. It is recommended to use regular [card components](/components/card) in the content.
 
 ```js file="./MultiContentCardExample.tsx"
 
 ```
 
-### Expandable multi content card
+### Expandable multi-content card
 
-To make the multi content card expandable, pass `isExpandable` flag together with `toggleText` or `toggleContent` property. Default expansion state can be adjusted using `defaultExpanded` property.
+To make the multi-content card expandable, pass `isExpandable` flag together with `toggleText` or `toggleContent` property. Default expansion state can be adjusted using `defaultExpanded` property.
 
 ```js file="./MultiContentCardExpandableExample.tsx"
 
 ```
 
-### Expandable multi content card with actions and labels
+### Expandable multi-content card with actions and labels
 
-Actions can be displayed in the multi content card heading using `actions` property. Also, you can make use of [label components](/components/label) for your card content.
+Actions can be displayed in the multi-content card heading using `actions` property. Also, you can make use of [label components](/components/label) for your card content.
 
 ```js file="./MultiContentCardExpandableActionsExample.tsx"
 
 ```
 
-### Expandable multi content card with dividers
+### Expandable multi-content card with dividers
 
 Dividers between all cards in the content can be shown using `withDividers` flag. 
 
 ```js file="./MultiContentCardExpandableDividerExample.tsx"
 
 ```
 
-### Expandable multi content card with single dividers
+### Expandable multi-content card with single dividers
 
 To enable a divider just for a single card, use `dividerVariant` property passed to the `cards` array. 
 

packages/module/src/MultiContentCard/MultiContentCard.test.tsx

@@ -86,7 +86,7 @@ const cards = [
 ];
 
 describe('MultiContentCard component', () => {
-  it('should render basic multi content card', () => {
+  it('should render basic multi-content card', () => {
     const { container } = render(<MultiContentCard cards={cards} />);
     expect(screen.getByText('Getting Started')).toBeInTheDocument();
     expect(screen.getByText('Next Steps')).toBeInTheDocument();
@@ -103,7 +103,7 @@ describe('MultiContentCard component', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('should render expandable multi content card - expanded', () => {
+  it('should render expandable multi-content card - expanded', () => {
     const { container } = render(
       <MultiContentCard
         isExpandable
@@ -117,7 +117,7 @@ describe('MultiContentCard component', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('should render expandable multi content card - collapsed', () => {
+  it('should render expandable multi-content card - collapsed', () => {
     const { container } = render(
       <MultiContentCard
         isExpandable
@@ -132,7 +132,7 @@ describe('MultiContentCard component', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('should render expandable multi content card - with actions', () => {
+  it('should render expandable multi-content card - with actions', () => {
     const { container } = render(
       <MultiContentCard
         isExpandable
@@ -171,15 +171,15 @@ describe('MultiContentCard component', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('should render multi content card with dividers', () => {
+  it('should render multi-content card with dividers', () => {
     const { container } = render(<MultiContentCard cards={cards} withDividers />);
 
     expect(screen.getAllByRole('separator')).toHaveLength(2);
 
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('should render multi content card with a single divider', () => {
+  it('should render multi-content card with a single divider', () => {
     const { container } = render(<MultiContentCard cards={[ cards[0], cards[1], { content: cards[2], dividerVariant: MultiContentCardDividerVariant.left } ]} />);
 
     expect(screen.getAllByRole('separator')).toHaveLength(1);

packages/module/src/MultiContentCard/__snapshots__/MultiContentCard.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`MultiContentCard component should render basic multi content card 1`] = `
+exports[`MultiContentCard component should render basic multi-content card 1`] = `
 <div
   class="pf-v6-c-card pf-m-expanded"
   data-ouia-component-id="MultiContentCard"
@@ -385,7 +385,7 @@ exports[`MultiContentCard component should render basic multi content card 1`] =
 </div>
 `;
 
-exports[`MultiContentCard component should render expandable multi content card - collapsed 1`] = `
+exports[`MultiContentCard component should render expandable multi-content card - collapsed 1`] = `
 <div
   class="pf-v6-c-card"
   data-ouia-component-id="MultiContentCard"
@@ -454,7 +454,7 @@ exports[`MultiContentCard component should render expandable multi content card
 </div>
 `;
 
-exports[`MultiContentCard component should render expandable multi content card - expanded 1`] = `
+exports[`MultiContentCard component should render expandable multi-content card - expanded 1`] = `
 <div
   class="pf-v6-c-card pf-m-expanded"
   data-ouia-component-id="MultiContentCard"
@@ -902,7 +902,7 @@ exports[`MultiContentCard component should render expandable multi content card
 </div>
 `;
 
-exports[`MultiContentCard component should render expandable multi content card - with actions 1`] = `
+exports[`MultiContentCard component should render expandable multi-content card - with actions 1`] = `
 <div
   class="pf-v6-c-card"
   data-ouia-component-id="MultiContentCard"
@@ -999,7 +999,7 @@ exports[`MultiContentCard component should render expandable multi content card
 </div>
 `;
 
-exports[`MultiContentCard component should render multi content card with a single divider 1`] = `
+exports[`MultiContentCard component should render multi-content card with a single divider 1`] = `
 <div
   class="pf-v6-c-card pf-m-expanded"
   data-ouia-component-id="MultiContentCard"
@@ -1387,7 +1387,7 @@ exports[`MultiContentCard component should render multi content card with a sing
 </div>
 `;
 
-exports[`MultiContentCard component should render multi content card with dividers 1`] = `
+exports[`MultiContentCard component should render multi-content card with dividers 1`] = `
 <div
   class="pf-v6-c-card pf-m-expanded"
   data-ouia-component-id="MultiContentCard"