fix

Author: Julien Bouquillon

src/Card.tsx

@@ -25,13 +25,13 @@ export type CardProps = {
     endDetail?: ReactNode;
     badges?: ReactNode[]; // todo: restrict to badge component ? these badges are display on the image
     /** where actions can be placed */
-    footer?: ReactNode; 
+    footer?: ReactNode;
     /** only affect the text */
-    size?: "small" | "medium" | "large"; 
+    size?: "small" | "medium" | "large";
     /** make the whole card clickable */
-    enlargeLink?: boolean; 
-    /** only needed when enlargeMode=true */
-    iconId?: FrIconClassName | RiIconClassName; 
+    enlargeLink?: boolean;
+    /** only needed when enlargeLink=true */
+    iconId?: FrIconClassName | RiIconClassName;
     shadow?: boolean;
     background?: boolean;
     border?: boolean;
@@ -61,7 +61,7 @@ export type CardProps = {
 
 export namespace CardProps {
     export type Default = {
-      horizontal?: never;
+        horizontal?: never;
     };
 
     export type Horizontal = {

stories/Card.stories.tsx

@@ -173,7 +173,7 @@ export const CardHorizontale = getStory(
         ...defaultProps,
         horizontal: true
     },
-    { description: "Carte horizontale", containerWidth: 700 }
+    { description: "Carte horizontale", defaultContainerWidth: 700 }
 );
 
 export const CardHorizontaleSM = getStory(
@@ -182,7 +182,7 @@ export const CardHorizontaleSM = getStory(
         horizontal: true,
         size: "small"
     },
-    { description: "Carte horizontale", containerWidth: 500 }
+    { description: "Carte horizontale", defaultContainerWidth: 500 }
 );
 
 export const CardHorizontaleLG = getStory(
@@ -191,7 +191,7 @@ export const CardHorizontaleLG = getStory(
         horizontal: true,
         size: "large"
     },
-    { description: "Carte horizontale", containerWidth: 900 }
+    { description: "Carte horizontale", defaultContainerWidth: 900 }
 );
 
 export const CardHorizontaleWithoutImage = getStory(
@@ -207,7 +207,7 @@ export const CardHorizontaleWithoutImage = getStory(
             </ul>
         )
     },
-    { description: "Carte horizontale sans image", containerWidth: 900 }
+    { description: "Carte horizontale sans image", defaultContainerWidth: 900 }
 );
 
 export const CardHorizontaleWithoutImageAndEnlargeLink = getStory(
@@ -218,7 +218,7 @@ export const CardHorizontaleWithoutImageAndEnlargeLink = getStory(
         size: "large",
         imageUrl: undefined
     },
-    { description: "Carte horizontale sans image", containerWidth: 900 }
+    { description: "Carte horizontale sans image", defaultContainerWidth: 900 }
 );
 
 export const CardHorizontaleWithActions = getStory(
@@ -245,7 +245,7 @@ export const CardHorizontaleWithActions = getStory(
             </ul>
         )
     },
-    { description: "Carte horizontale", containerWidth: 900 }
+    { description: "Carte horizontale", defaultContainerWidth: 900 }
 );
 
 export const CardGrey = getStory(
@@ -254,5 +254,5 @@ export const CardGrey = getStory(
         horizontal: true,
         grey: false
     },
-    { description: "Carte horizontale grey", containerWidth: 900 }
+    { description: "Carte horizontale grey", defaultContainerWidth: 900 }
 );