(MediaObject): rename isVerticalCenter with centered

Author: msmx-mnakagawa

src/scripts/MediaObject.tsx

@@ -7,25 +7,19 @@ import classnames from 'classnames';
 export type MediaObjectProps = {
   figureLeft?: ReactNode;
   figureRight?: ReactNode;
-  isVerticalCenter?: boolean;
+  centered?: boolean;
   children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 
 /**
  *
  */
 export const MediaObject: FC<MediaObjectProps> = (props) => {
-  const {
-    className,
-    figureLeft,
-    figureRight,
-    isVerticalCenter,
-    children,
-    ...rprops
-  } = props;
+  const { className, figureLeft, figureRight, centered, children, ...rprops } =
+    props;
   const mediaClassNames = classnames(
     'slds-media',
-    { 'slds-media_center': isVerticalCenter },
+    { 'slds-media_center': centered },
     className
   );
   return (

stories/MediaObject.stories.tsx

@@ -57,7 +57,7 @@ export const FigureCenter: ComponentStoryObj<typeof MediaObject> = {
   name: 'Figure (Center)',
   args: {
     figureLeft: image1,
-    isVerticalCenter: true,
+    centered: true,
     children: mediaContent,
   },
   parameters: {
@@ -86,7 +86,7 @@ export const FigureReverseCenter: ComponentStoryObj<typeof MediaObject> = {
   name: 'Figure - Reverse (Center)',
   args: {
     figureRight: image2,
-    isVerticalCenter: true,
+    centered: true,
     children: mediaContent,
   },
   parameters: {
@@ -117,7 +117,7 @@ export const FigureBothSideCenter: ComponentStoryObj<typeof MediaObject> = {
   args: {
     figureLeft: image1,
     figureRight: image2,
-    isVerticalCenter: true,
+    centered: true,
     children: mediaContent,
   },
   parameters: {