From 515835bb8e505c85e4cf54b8f0cb1685b614d75a Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Fri, 3 May 2024 15:49:29 +0200
Subject: [PATCH 01/14] feat: wip card structure

---
 public/icons/gasOutline.tsx          | 17 +++++++
 src/components/card/card.stories.tsx | 73 ++++++++++++++++++++++++++++
 src/components/card/card.tsx         | 60 +++++++++++++++++++++++
 src/components/card/styles.ts        |  8 +++
 src/components/card/types.ts         |  8 +++
 5 files changed, 166 insertions(+)
 create mode 100644 public/icons/gasOutline.tsx
 create mode 100644 src/components/card/card.stories.tsx
 create mode 100644 src/components/card/card.tsx
 create mode 100644 src/components/card/styles.ts
 create mode 100644 src/components/card/types.ts

diff --git a/public/icons/gasOutline.tsx b/public/icons/gasOutline.tsx
new file mode 100644
index 0000000..ce390bf
--- /dev/null
+++ b/public/icons/gasOutline.tsx
@@ -0,0 +1,17 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+export const GasOutline = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
+    <path
+      d="M7.54941 8.78306C7.64989 8.63221 7.81889 8.54175 8.00008 8.54175C8.18127 8.54175 8.35027 8.63221 8.45075 8.78306C8.53931 8.91577 9.31552 10.1064 9.31552 11.018C9.31552 11.7433 8.72564 12.3334 8.00008 12.3334C7.27452 12.3334 6.68464 11.7433 6.68464 11.018C6.68464 10.1064 7.46085 8.91577 7.54941 8.78306Z"
+      fill="black"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.7078 13.4167H13.9583C14.2576 13.4167 14.5 13.6593 14.5 13.9583C14.5 14.2576 14.2576 14.5 13.9583 14.5H2.04167C1.74267 14.5 1.5 14.2576 1.5 13.9583C1.5 13.6593 1.74267 13.4167 2.04167 13.4167H5.29221C4.53171 12.6971 4.05369 11.6812 4.05369 10.5537C4.05369 7.02554 7.4066 1.95527 7.54933 1.74131C7.64981 1.59046 7.81881 1.5 8 1.5C8.18119 1.5 8.35019 1.59046 8.45067 1.74131C8.59367 1.95527 11.9466 7.02554 11.9466 10.5537C11.9466 11.6812 11.4686 12.6971 10.7078 13.4167ZM8.00027 3.06108C7.09406 4.55988 5.13702 8.08233 5.13702 10.5537C5.13702 12.1324 6.42131 13.4167 8 13.4167C9.57869 13.4167 10.8632 12.1324 10.8632 10.5537C10.8632 8.07935 8.90675 4.55906 8.00027 3.06108Z"
+      fill="black"
+    />
+  </svg>
+);
diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
new file mode 100644
index 0000000..0470c04
--- /dev/null
+++ b/src/components/card/card.stories.tsx
@@ -0,0 +1,73 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Card, CardButton, CardContent, CardHeader } from "./card";
+import { Badge } from "../badge/badge";
+import { Text } from "../text/text";
+import { GasOutline } from "../../../public/icons/gasOutline";
+import { Alert } from "../../../public/icons/alert";
+import { Title } from "../title";
+
+const meta: Meta<typeof Card> = {
+  //   component: Card,
+};
+
+export default meta;
+type Story = StoryObj<typeof Text>;
+
+export const Template: Story = {
+  render: (args) => (
+    <Card className="">
+      <Badge variant="error" className="">
+        A rischio sospensione
+      </Badge>
+      <CardHeader className="border-b">
+        <div className="pb-1">
+          <div className="flex items-center py-1 gap-3">
+            <GasOutline />
+            <Text size="sm" weight="medium">
+              Gas
+            </Text>
+          </div>
+          <Text size="xs" weight="light">
+            Pizza Risorgimento 3, Amandola (FM)
+          </Text>
+        </div>
+      </CardHeader>
+      <CardContent>
+        <div className="flex gap-2 py-3">
+          <Alert />
+          <Text size="xs" weight="regular">
+            Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
+          </Text>
+        </div>
+        <Text size="xs" weight="light">
+          Per questa fornitura pagherai
+        </Text>
+        <Text
+          size="xs"
+          weight="regular"
+          className="line-through leading-none pt-1"
+        >
+          65,46 €
+        </Text>
+
+        <div className="flex items-top gap-1">
+          <Title as="h1" className="leading-none">
+            57
+          </Title>
+          <div className="pt-1">
+            <Title as="h4" className="leading-none">
+              , 99 €
+            </Title>
+            <Text size="xs" weight="light" className="leading-none">
+              al mese,
+            </Text>
+            <Text size="xs" weight="light" className="leading-none">
+              per 12 mesi.
+            </Text>
+          </div>
+        </div>
+      </CardContent>
+      <CardButton />
+    </Card>
+  ),
+};
diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
new file mode 100644
index 0000000..55a19ed
--- /dev/null
+++ b/src/components/card/card.tsx
@@ -0,0 +1,60 @@
+import classNames from "classnames";
+import { forwardRef } from "react";
+import { CardHeaderProps, CardProps } from "./types";
+import { cardHeaderStyles, cardStyles } from "./styles";
+import { Cta } from "../cta/cta";
+
+const Card = forwardRef<HTMLDivElement, CardProps>(
+  ({ className, children, ...rest }, ref) => {
+    return (
+      <div
+        ref={ref}
+        className={classNames(cardStyles({}), className)}
+        {...rest}
+      >
+        {children}
+      </div>
+    );
+  }
+);
+
+Card.displayName = "Card";
+
+const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(
+  ({ className, children, ...rest }, ref) => {
+    return (
+      <div
+        ref={ref}
+        className={classNames(cardHeaderStyles({}), className)}
+        {...rest}
+      >
+        {children}
+      </div>
+    );
+  }
+);
+
+CardHeader.displayName = "CardHeader";
+
+const CardContent = forwardRef<HTMLDivElement, CardProps>(
+  ({ className, ...rest }, ref) => {
+    return (
+      <div ref={ref} className={classNames(cardStyles, className)} {...rest} />
+    );
+  }
+);
+
+CardContent.displayName = "CardContent";
+
+const CardButton = forwardRef<HTMLDivElement, CardProps>(
+  ({ className, ...rest }, ref) => {
+    return (
+      <Cta>Monitora e gestisci</Cta>
+      //   <div ref={ref} className={classNames(cardStyles, className)} {...rest} />
+    );
+  }
+);
+
+CardButton.displayName = "CardButton";
+
+export { Card, CardHeader, CardContent, CardButton };
diff --git a/src/components/card/styles.ts b/src/components/card/styles.ts
new file mode 100644
index 0000000..17658fa
--- /dev/null
+++ b/src/components/card/styles.ts
@@ -0,0 +1,8 @@
+import { cva } from "class-variance-authority";
+
+const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-4");
+const cardHeaderStyles = cva("");
+const cardContentStyles = cva("");
+const cardButtonStyles = cva("");
+
+export { cardStyles, cardHeaderStyles };
diff --git a/src/components/card/types.ts b/src/components/card/types.ts
new file mode 100644
index 0000000..f5e3570
--- /dev/null
+++ b/src/components/card/types.ts
@@ -0,0 +1,8 @@
+import { VariantProps } from "class-variance-authority";
+import { cardStyles } from "./styles";
+import { ComponentPropsWithoutRef } from "react";
+
+export type CardHeaderProps = ComponentPropsWithoutRef<"div"> &
+  VariantProps<typeof cardStyles>;
+export type CardProps = ComponentPropsWithoutRef<"div"> &
+  VariantProps<typeof cardStyles>;

From 997d337b45bcee400e0724d979fd85ff8e27a8e5 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Fri, 3 May 2024 16:07:44 +0200
Subject: [PATCH 02/14] fix: adjust style

---
 src/components/card/card.stories.tsx | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 0470c04..7bcbd95 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -14,14 +14,16 @@ export default meta;
 type Story = StoryObj<typeof Text>;
 
 export const Template: Story = {
-  render: (args) => (
+  render: () => (
     <Card className="">
-      <Badge variant="error" className="">
-        A rischio sospensione
-      </Badge>
+      <div className="flex w-full justify-end">
+        <Badge variant="error" className="mb-1">
+          A rischio sospensione
+        </Badge>
+      </div>
       <CardHeader className="border-b">
         <div className="pb-1">
-          <div className="flex items-center py-1 gap-3">
+          <div className="flex items-center gap-3">
             <GasOutline />
             <Text size="sm" weight="medium">
               Gas
@@ -33,28 +35,24 @@ export const Template: Story = {
         </div>
       </CardHeader>
       <CardContent>
-        <div className="flex gap-2 py-3">
+        <div className="flex gap-2 py-3 pr-4">
           <Alert />
           <Text size="xs" weight="regular">
             Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
           </Text>
         </div>
-        <Text size="xs" weight="light">
+        <Text size="xs" weight="light" className="pb-1">
           Per questa fornitura pagherai
         </Text>
-        <Text
-          size="xs"
-          weight="regular"
-          className="line-through leading-none pt-1"
-        >
+        <Text size="xs" weight="regular" className="line-through leading-none ">
           65,46 €
         </Text>
 
         <div className="flex items-top gap-1">
-          <Title as="h1" className="leading-none">
+          <Title as="h1" className="leading-none mt-[-5px]">
             57
           </Title>
-          <div className="pt-1">
+          <div>
             <Title as="h4" className="leading-none">
               , 99 €
             </Title>

From fc8590e19dec861f0d3c2478a6824a1e55b49e0a Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Fri, 3 May 2024 16:21:40 +0200
Subject: [PATCH 03/14] fix: minor

---
 src/components/card/card.stories.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 7bcbd95..f868153 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -47,14 +47,13 @@ export const Template: Story = {
         <Text size="xs" weight="regular" className="line-through leading-none ">
           65,46 €
         </Text>
-
-        <div className="flex items-top gap-1">
+        <div className="flex items-top gap-1  mb-[-4px]">
           <Title as="h1" className="leading-none mt-[-5px]">
             57
           </Title>
           <div>
             <Title as="h4" className="leading-none">
-              , 99 €
+              ,99 €
             </Title>
             <Text size="xs" weight="light" className="leading-none">
               al mese,

From 321bdba785580491098c74bcb702f8d831095122 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Mon, 6 May 2024 12:20:02 +0200
Subject: [PATCH 04/14] fix: pr fix

---
 public/icons/gasOutline.tsx          | 8 ++------
 src/components/card/card.stories.tsx | 4 ++--
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/public/icons/gasOutline.tsx b/public/icons/gasOutline.tsx
index ce390bf..6121e9b 100644
--- a/public/icons/gasOutline.tsx
+++ b/public/icons/gasOutline.tsx
@@ -2,16 +2,12 @@ import * as React from "react";
 import { SVGProps } from "react";
 
 export const GasOutline = (props: SVGProps<SVGSVGElement>) => (
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
-    <path
-      d="M7.54941 8.78306C7.64989 8.63221 7.81889 8.54175 8.00008 8.54175C8.18127 8.54175 8.35027 8.63221 8.45075 8.78306C8.53931 8.91577 9.31552 10.1064 9.31552 11.018C9.31552 11.7433 8.72564 12.3334 8.00008 12.3334C7.27452 12.3334 6.68464 11.7433 6.68464 11.018C6.68464 10.1064 7.46085 8.91577 7.54941 8.78306Z"
-      fill="black"
-    />
+  <svg viewBox="0 0 16 16" fill="none" {...props}>
+    <path d="M7.54941 8.78306C7.64989 8.63221 7.81889 8.54175 8.00008 8.54175C8.18127 8.54175 8.35027 8.63221 8.45075 8.78306C8.53931 8.91577 9.31552 10.1064 9.31552 11.018C9.31552 11.7433 8.72564 12.3334 8.00008 12.3334C7.27452 12.3334 6.68464 11.7433 6.68464 11.018C6.68464 10.1064 7.46085 8.91577 7.54941 8.78306Z" />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M10.7078 13.4167H13.9583C14.2576 13.4167 14.5 13.6593 14.5 13.9583C14.5 14.2576 14.2576 14.5 13.9583 14.5H2.04167C1.74267 14.5 1.5 14.2576 1.5 13.9583C1.5 13.6593 1.74267 13.4167 2.04167 13.4167H5.29221C4.53171 12.6971 4.05369 11.6812 4.05369 10.5537C4.05369 7.02554 7.4066 1.95527 7.54933 1.74131C7.64981 1.59046 7.81881 1.5 8 1.5C8.18119 1.5 8.35019 1.59046 8.45067 1.74131C8.59367 1.95527 11.9466 7.02554 11.9466 10.5537C11.9466 11.6812 11.4686 12.6971 10.7078 13.4167ZM8.00027 3.06108C7.09406 4.55988 5.13702 8.08233 5.13702 10.5537C5.13702 12.1324 6.42131 13.4167 8 13.4167C9.57869 13.4167 10.8632 12.1324 10.8632 10.5537C10.8632 8.07935 8.90675 4.55906 8.00027 3.06108Z"
-      fill="black"
     />
   </svg>
 );
diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index f868153..80cec31 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -24,7 +24,7 @@ export const Template: Story = {
       <CardHeader className="border-b">
         <div className="pb-1">
           <div className="flex items-center gap-3">
-            <GasOutline />
+            <GasOutline className="fill-black h-4 w-4" />
             <Text size="sm" weight="medium">
               Gas
             </Text>
@@ -36,7 +36,7 @@ export const Template: Story = {
       </CardHeader>
       <CardContent>
         <div className="flex gap-2 py-3 pr-4">
-          <Alert />
+          <Alert className="fill-black h-4 w-4" />
           <Text size="xs" weight="regular">
             Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
           </Text>

From 5c469c0c557c4918fdee5f60b843fcb5c8de2588 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Mon, 6 May 2024 12:28:05 +0200
Subject: [PATCH 05/14] task: add indexes file, adjust logic

---
 src/components/card/card.stories.tsx | 12 +++++++-----
 src/components/card/card.tsx         | 26 ++++++++++++--------------
 src/components/card/index.ts         |  1 +
 src/components/card/styles.ts        |  5 +----
 src/components/card/types.ts         |  2 --
 src/components/cta/cta.tsx           |  2 +-
 6 files changed, 22 insertions(+), 26 deletions(-)
 create mode 100644 src/components/card/index.ts

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 80cec31..2058584 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Card, CardButton, CardContent, CardHeader } from "./card";
+import { Alert, GasOutline } from "../../../public/icons";
 import { Badge } from "../badge/badge";
-import { Text } from "../text/text";
-import { GasOutline } from "../../../public/icons/gasOutline";
-import { Alert } from "../../../public/icons/alert";
+import { Cta } from "../cta";
+import { Text } from "../text";
 import { Title } from "../title";
+import { Card, CardButton, CardContent, CardHeader } from "./card";
 
 const meta: Meta<typeof Card> = {
   //   component: Card,
@@ -64,7 +64,9 @@ export const Template: Story = {
           </div>
         </div>
       </CardContent>
-      <CardButton />
+      <CardButton>
+        <Cta>Monitora e gestisci</Cta>
+      </CardButton>
     </Card>
   ),
 };
diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index 55a19ed..ce10e04 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -1,8 +1,7 @@
 import classNames from "classnames";
 import { forwardRef } from "react";
-import { CardHeaderProps, CardProps } from "./types";
-import { cardHeaderStyles, cardStyles } from "./styles";
-import { Cta } from "../cta/cta";
+import { CardProps } from "./types";
+import { cardStyles } from "./styles";
 
 const Card = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
@@ -20,14 +19,10 @@ const Card = forwardRef<HTMLDivElement, CardProps>(
 
 Card.displayName = "Card";
 
-const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(
+const CardHeader = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
     return (
-      <div
-        ref={ref}
-        className={classNames(cardHeaderStyles({}), className)}
-        {...rest}
-      >
+      <div ref={ref} className={className} {...rest}>
         {children}
       </div>
     );
@@ -37,9 +32,11 @@ const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(
 CardHeader.displayName = "CardHeader";
 
 const CardContent = forwardRef<HTMLDivElement, CardProps>(
-  ({ className, ...rest }, ref) => {
+  ({ className, children, ...rest }, ref) => {
     return (
-      <div ref={ref} className={classNames(cardStyles, className)} {...rest} />
+      <div ref={ref} className={className} {...rest}>
+        {children}
+      </div>
     );
   }
 );
@@ -47,10 +44,11 @@ const CardContent = forwardRef<HTMLDivElement, CardProps>(
 CardContent.displayName = "CardContent";
 
 const CardButton = forwardRef<HTMLDivElement, CardProps>(
-  ({ className, ...rest }, ref) => {
+  ({ className, children, ...rest }, ref) => {
     return (
-      <Cta>Monitora e gestisci</Cta>
-      //   <div ref={ref} className={classNames(cardStyles, className)} {...rest} />
+      <div ref={ref} className={className} {...rest}>
+        {children}
+      </div>
     );
   }
 );
diff --git a/src/components/card/index.ts b/src/components/card/index.ts
new file mode 100644
index 0000000..738731b
--- /dev/null
+++ b/src/components/card/index.ts
@@ -0,0 +1 @@
+export { Card } from "./card";
diff --git a/src/components/card/styles.ts b/src/components/card/styles.ts
index 17658fa..74f5e7a 100644
--- a/src/components/card/styles.ts
+++ b/src/components/card/styles.ts
@@ -1,8 +1,5 @@
 import { cva } from "class-variance-authority";
 
 const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-4");
-const cardHeaderStyles = cva("");
-const cardContentStyles = cva("");
-const cardButtonStyles = cva("");
 
-export { cardStyles, cardHeaderStyles };
+export { cardStyles };
diff --git a/src/components/card/types.ts b/src/components/card/types.ts
index f5e3570..19b5dfb 100644
--- a/src/components/card/types.ts
+++ b/src/components/card/types.ts
@@ -2,7 +2,5 @@ import { VariantProps } from "class-variance-authority";
 import { cardStyles } from "./styles";
 import { ComponentPropsWithoutRef } from "react";
 
-export type CardHeaderProps = ComponentPropsWithoutRef<"div"> &
-  VariantProps<typeof cardStyles>;
 export type CardProps = ComponentPropsWithoutRef<"div"> &
   VariantProps<typeof cardStyles>;
diff --git a/src/components/cta/cta.tsx b/src/components/cta/cta.tsx
index 561f367..b3e3847 100644
--- a/src/components/cta/cta.tsx
+++ b/src/components/cta/cta.tsx
@@ -1,7 +1,7 @@
 import classNames from "classnames";
 import { forwardRef } from "react";
 
-import { ArrowRight } from "../../../public/icons/arrow-right";
+import { ArrowRight } from "../../../public/icons";
 import { Text } from "../text";
 import { ctaStyles } from "./styles";
 import { CtaProps } from "./types";

From e2c8672ef5d6098343dfaf0669bbb47475d7e73e Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Tue, 7 May 2024 09:52:41 +0200
Subject: [PATCH 06/14] fix: change card button naming

---
 src/components/card/card.stories.tsx | 6 +++---
 src/components/card/card.tsx         | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 2058584..74a917d 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -4,7 +4,7 @@ import { Badge } from "../badge/badge";
 import { Cta } from "../cta";
 import { Text } from "../text";
 import { Title } from "../title";
-import { Card, CardButton, CardContent, CardHeader } from "./card";
+import { Card, CardFooter, CardContent, CardHeader } from "./card";
 
 const meta: Meta<typeof Card> = {
   //   component: Card,
@@ -64,9 +64,9 @@ export const Template: Story = {
           </div>
         </div>
       </CardContent>
-      <CardButton>
+      <CardFooter>
         <Cta>Monitora e gestisci</Cta>
-      </CardButton>
+      </CardFooter>
     </Card>
   ),
 };
diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index ce10e04..ee559e4 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -43,7 +43,7 @@ const CardContent = forwardRef<HTMLDivElement, CardProps>(
 
 CardContent.displayName = "CardContent";
 
-const CardButton = forwardRef<HTMLDivElement, CardProps>(
+const CardFooter = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
     return (
       <div ref={ref} className={className} {...rest}>
@@ -53,6 +53,6 @@ const CardButton = forwardRef<HTMLDivElement, CardProps>(
   }
 );
 
-CardButton.displayName = "CardButton";
+CardFooter.displayName = "CardFooter";
 
-export { Card, CardHeader, CardContent, CardButton };
+export { Card, CardHeader, CardContent, CardFooter };

From 272db5d9e8b8bac08d13853768650c780fc049a7 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Tue, 7 May 2024 09:55:41 +0200
Subject: [PATCH 07/14] fix: pr fix

---
 src/components/card/card.stories.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 74a917d..c5fbd29 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -6,16 +6,14 @@ import { Text } from "../text";
 import { Title } from "../title";
 import { Card, CardFooter, CardContent, CardHeader } from "./card";
 
-const meta: Meta<typeof Card> = {
-  //   component: Card,
-};
+const meta: Meta<typeof Card> = {};
 
 export default meta;
 type Story = StoryObj<typeof Text>;
 
 export const Template: Story = {
   render: () => (
-    <Card className="">
+    <Card>
       <div className="flex w-full justify-end">
         <Badge variant="error" className="mb-1">
           A rischio sospensione

From 78f167eb322a89e893b8a1d343b0ce31a973aaac Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Tue, 7 May 2024 10:35:45 +0200
Subject: [PATCH 08/14] feat: add dot notation to Card component

---
 src/components/card/card.stories.tsx | 18 +++++++++---------
 src/components/card/index.ts         | 13 ++++++++++++-
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index c5fbd29..337d813 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import Card from ".";
 import { Alert, GasOutline } from "../../../public/icons";
 import { Badge } from "../badge/badge";
 import { Cta } from "../cta";
 import { Text } from "../text";
 import { Title } from "../title";
-import { Card, CardFooter, CardContent, CardHeader } from "./card";
 
 const meta: Meta<typeof Card> = {};
 
@@ -13,13 +13,13 @@ type Story = StoryObj<typeof Text>;
 
 export const Template: Story = {
   render: () => (
-    <Card>
+    <Card.Root>
       <div className="flex w-full justify-end">
         <Badge variant="error" className="mb-1">
           A rischio sospensione
         </Badge>
       </div>
-      <CardHeader className="border-b">
+      <Card.Header className="border-b">
         <div className="pb-1">
           <div className="flex items-center gap-3">
             <GasOutline className="fill-black h-4 w-4" />
@@ -31,8 +31,8 @@ export const Template: Story = {
             Pizza Risorgimento 3, Amandola (FM)
           </Text>
         </div>
-      </CardHeader>
-      <CardContent>
+      </Card.Header>
+      <Card.Content>
         <div className="flex gap-2 py-3 pr-4">
           <Alert className="fill-black h-4 w-4" />
           <Text size="xs" weight="regular">
@@ -61,10 +61,10 @@ export const Template: Story = {
             </Text>
           </div>
         </div>
-      </CardContent>
-      <CardFooter>
+      </Card.Content>
+      <Card.Footer>
         <Cta>Monitora e gestisci</Cta>
-      </CardFooter>
-    </Card>
+      </Card.Footer>
+    </Card.Root>
   ),
 };
diff --git a/src/components/card/index.ts b/src/components/card/index.ts
index 738731b..c968961 100644
--- a/src/components/card/index.ts
+++ b/src/components/card/index.ts
@@ -1 +1,12 @@
-export { Card } from "./card";
+import { Card, CardHeader, CardContent, CardFooter } from "./card";
+
+const CardObject = {
+  Root: Card,
+  Header: CardHeader,
+  Content: CardContent,
+  Footer: CardFooter,
+};
+
+export { Card, CardHeader, CardContent, CardFooter };
+
+export default CardObject;

From 515cb73f0ae66685cbdf632c20dc67dd284549cf Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Tue, 7 May 2024 17:24:39 +0200
Subject: [PATCH 09/14] fix: rename files

---
 public/icons/gasOutline.tsx | 13 -------------
 1 file changed, 13 deletions(-)
 delete mode 100644 public/icons/gasOutline.tsx

diff --git a/public/icons/gasOutline.tsx b/public/icons/gasOutline.tsx
deleted file mode 100644
index 6121e9b..0000000
--- a/public/icons/gasOutline.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-
-export const GasOutline = (props: SVGProps<SVGSVGElement>) => (
-  <svg viewBox="0 0 16 16" fill="none" {...props}>
-    <path d="M7.54941 8.78306C7.64989 8.63221 7.81889 8.54175 8.00008 8.54175C8.18127 8.54175 8.35027 8.63221 8.45075 8.78306C8.53931 8.91577 9.31552 10.1064 9.31552 11.018C9.31552 11.7433 8.72564 12.3334 8.00008 12.3334C7.27452 12.3334 6.68464 11.7433 6.68464 11.018C6.68464 10.1064 7.46085 8.91577 7.54941 8.78306Z" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M10.7078 13.4167H13.9583C14.2576 13.4167 14.5 13.6593 14.5 13.9583C14.5 14.2576 14.2576 14.5 13.9583 14.5H2.04167C1.74267 14.5 1.5 14.2576 1.5 13.9583C1.5 13.6593 1.74267 13.4167 2.04167 13.4167H5.29221C4.53171 12.6971 4.05369 11.6812 4.05369 10.5537C4.05369 7.02554 7.4066 1.95527 7.54933 1.74131C7.64981 1.59046 7.81881 1.5 8 1.5C8.18119 1.5 8.35019 1.59046 8.45067 1.74131C8.59367 1.95527 11.9466 7.02554 11.9466 10.5537C11.9466 11.6812 11.4686 12.6971 10.7078 13.4167ZM8.00027 3.06108C7.09406 4.55988 5.13702 8.08233 5.13702 10.5537C5.13702 12.1324 6.42131 13.4167 8 13.4167C9.57869 13.4167 10.8632 12.1324 10.8632 10.5537C10.8632 8.07935 8.90675 4.55906 8.00027 3.06108Z"
-    />
-  </svg>
-);

From 4be34e1b1589704e373bb2e51979775b7aac2ee1 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Wed, 8 May 2024 15:30:04 +0200
Subject: [PATCH 10/14] fix: adjust card spacings with theme

---
 src/components/card/card.stories.tsx | 18 +++++++++---------
 src/components/card/styles.ts        |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 337d813..585acb4 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -15,14 +15,14 @@ export const Template: Story = {
   render: () => (
     <Card.Root>
       <div className="flex w-full justify-end">
-        <Badge variant="error" className="mb-1">
+        <Badge variant="error" className="mb-base">
           A rischio sospensione
         </Badge>
       </div>
       <Card.Header className="border-b">
-        <div className="pb-1">
-          <div className="flex items-center gap-3">
-            <GasOutline className="fill-black h-4 w-4" />
+        <div className="pb-base">
+          <div className="flex items-center gap-xxs">
+            <GasOutline className="fill-black h-xs w-xs" />
             <Text size="sm" weight="medium">
               Gas
             </Text>
@@ -33,19 +33,19 @@ export const Template: Story = {
         </div>
       </Card.Header>
       <Card.Content>
-        <div className="flex gap-2 py-3 pr-4">
-          <Alert className="fill-black h-4 w-4" />
+        <div className="flex gap-2xs py-xxs pr-xs">
+          <Alert className="fill-black h-xs w-xs" />
           <Text size="xs" weight="regular">
             Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
           </Text>
         </div>
-        <Text size="xs" weight="light" className="pb-1">
+        <Text size="xs" weight="light" className="pb-base">
           Per questa fornitura pagherai
         </Text>
-        <Text size="xs" weight="regular" className="line-through leading-none ">
+        <Text size="xs" weight="regular" className="line-through leading-none">
           65,46 €
         </Text>
-        <div className="flex items-top gap-1  mb-[-4px]">
+        <div className="flex items-top gap-base  mb-[-4px]">
           <Title as="h1" className="leading-none mt-[-5px]">
             57
           </Title>
diff --git a/src/components/card/styles.ts b/src/components/card/styles.ts
index 74f5e7a..031ad9c 100644
--- a/src/components/card/styles.ts
+++ b/src/components/card/styles.ts
@@ -1,5 +1,5 @@
 import { cva } from "class-variance-authority";
 
-const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-4");
+const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-xs");
 
 export { cardStyles };

From 8073041d8a25e04976ec7c139b7878d18e4477d5 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Wed, 8 May 2024 17:04:59 +0200
Subject: [PATCH 11/14] feat: set different styles for every part of the card

---
 src/components/card/card.stories.tsx | 20 +++++++++-----------
 src/components/card/card.tsx         | 25 +++++++++++++++++++++----
 src/components/card/styles.ts        |  5 ++++-
 3 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 585acb4..d7ff1ab 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -19,18 +19,16 @@ export const Template: Story = {
           A rischio sospensione
         </Badge>
       </div>
-      <Card.Header className="border-b">
-        <div className="pb-base">
-          <div className="flex items-center gap-xxs">
-            <GasOutline className="fill-black h-xs w-xs" />
-            <Text size="sm" weight="medium">
-              Gas
-            </Text>
-          </div>
-          <Text size="xs" weight="light">
-            Pizza Risorgimento 3, Amandola (FM)
+      <Card.Header>
+        <div className="flex items-center gap-xxs">
+          <GasOutline className="fill-black h-xs w-xs" />
+          <Text size="sm" weight="medium">
+            Gas
           </Text>
         </div>
+        <Text size="xs" weight="light">
+          Pizza Risorgimento 3, Amandola (FM)
+        </Text>
       </Card.Header>
       <Card.Content>
         <div className="flex gap-2xs py-xxs pr-xs">
@@ -63,7 +61,7 @@ export const Template: Story = {
         </div>
       </Card.Content>
       <Card.Footer>
-        <Cta>Monitora e gestisci</Cta>
+        <Cta className="pt-xs">Monitora e gestisci</Cta>
       </Card.Footer>
     </Card.Root>
   ),
diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index ee559e4..84ef4db 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -1,7 +1,12 @@
 import classNames from "classnames";
 import { forwardRef } from "react";
 import { CardProps } from "./types";
-import { cardStyles } from "./styles";
+import {
+  cardContentStyles,
+  cardFooterStyles,
+  cardHeaderStyles,
+  cardStyles,
+} from "./styles";
 
 const Card = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
@@ -22,7 +27,11 @@ Card.displayName = "Card";
 const CardHeader = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
     return (
-      <div ref={ref} className={className} {...rest}>
+      <div
+        ref={ref}
+        className={classNames(cardHeaderStyles({}), className)}
+        {...rest}
+      >
         {children}
       </div>
     );
@@ -34,7 +43,11 @@ CardHeader.displayName = "CardHeader";
 const CardContent = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
     return (
-      <div ref={ref} className={className} {...rest}>
+      <div
+        ref={ref}
+        className={classNames(cardContentStyles({}), className)}
+        {...rest}
+      >
         {children}
       </div>
     );
@@ -46,7 +59,11 @@ CardContent.displayName = "CardContent";
 const CardFooter = forwardRef<HTMLDivElement, CardProps>(
   ({ className, children, ...rest }, ref) => {
     return (
-      <div ref={ref} className={className} {...rest}>
+      <div
+        ref={ref}
+        className={classNames(cardFooterStyles({}), className)}
+        {...rest}
+      >
         {children}
       </div>
     );
diff --git a/src/components/card/styles.ts b/src/components/card/styles.ts
index 031ad9c..6858021 100644
--- a/src/components/card/styles.ts
+++ b/src/components/card/styles.ts
@@ -1,5 +1,8 @@
 import { cva } from "class-variance-authority";
 
 const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-xs");
+const cardHeaderStyles = cva("border-b b-black pb-base");
+const cardContentStyles = cva("pb-2xs");
+const cardFooterStyles = cva("border-t b-black pr-xxs");
 
-export { cardStyles };
+export { cardStyles, cardHeaderStyles, cardContentStyles, cardFooterStyles };

From bf14d3b968e4651f8f269e21e905dac225fe07c6 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Wed, 8 May 2024 17:23:53 +0200
Subject: [PATCH 12/14] feat: add supply variant type

---
 src/components/card/card.stories.tsx   | 22 +++++++++++++++++-----
 src/components/card/card.tsx           |  4 ++--
 src/components/card/styles.ts          |  9 ++++++++-
 src/components/title/title.stories.tsx |  2 +-
 4 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index d7ff1ab..5089eae 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -6,14 +6,26 @@ import { Cta } from "../cta";
 import { Text } from "../text";
 import { Title } from "../title";
 
-const meta: Meta<typeof Card> = {};
+type CardType = typeof Card.Root &
+  typeof Card.Header &
+  typeof Card.Content &
+  typeof Card.Footer;
+
+const meta: Meta<CardType> = {
+  argTypes: {
+    supply: {
+      options: ["gas", "electricity"],
+      control: { type: "select" },
+    },
+  },
+};
 
 export default meta;
-type Story = StoryObj<typeof Text>;
+type Story = StoryObj<CardType>;
 
 export const Template: Story = {
-  render: () => (
-    <Card.Root>
+  render: (args) => (
+    <Card.Root {...args}>
       <div className="flex w-full justify-end">
         <Badge variant="error" className="mb-base">
           A rischio sospensione
@@ -23,7 +35,7 @@ export const Template: Story = {
         <div className="flex items-center gap-xxs">
           <GasOutline className="fill-black h-xs w-xs" />
           <Text size="sm" weight="medium">
-            Gas
+            {args.supply === "gas" ? "Gas" : "Luce"}
           </Text>
         </div>
         <Text size="xs" weight="light">
diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index 84ef4db..5d77cc7 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -9,11 +9,11 @@ import {
 } from "./styles";
 
 const Card = forwardRef<HTMLDivElement, CardProps>(
-  ({ className, children, ...rest }, ref) => {
+  ({ supply, className, children, ...rest }, ref) => {
     return (
       <div
         ref={ref}
-        className={classNames(cardStyles({}), className)}
+        className={classNames(cardStyles({ supply }), className)}
         {...rest}
       >
         {children}
diff --git a/src/components/card/styles.ts b/src/components/card/styles.ts
index 6858021..3b01dd0 100644
--- a/src/components/card/styles.ts
+++ b/src/components/card/styles.ts
@@ -1,6 +1,13 @@
 import { cva } from "class-variance-authority";
 
-const cardStyles = cva("w-[280px] h-[280px] bg-cyan pl-xs");
+const cardStyles = cva("w-[280px] h-[280px] pl-xs", {
+  variants: {
+    supply: {
+      gas: "bg-cyan",
+      electricity: "bg-yellow",
+    },
+  },
+});
 const cardHeaderStyles = cva("border-b b-black pb-base");
 const cardContentStyles = cva("pb-2xs");
 const cardFooterStyles = cva("border-t b-black pr-xxs");
diff --git a/src/components/title/title.stories.tsx b/src/components/title/title.stories.tsx
index 00761a5..806e3c6 100644
--- a/src/components/title/title.stories.tsx
+++ b/src/components/title/title.stories.tsx
@@ -17,6 +17,6 @@ const meta: Meta<typeof Title> = {
 export default meta;
 type Story = StoryObj<typeof Title>;
 
-export const Primary: Story = {
+export const Template: Story = {
   render: (args) => <Title {...args}>Heading</Title>,
 };

From a48a918b7be0f02c898a2661713249f939058479 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Wed, 8 May 2024 17:33:15 +0200
Subject: [PATCH 13/14] feat: add electricity icon

---
 public/icons/electricity-outline.tsx |  12 +++
 public/icons/index.ts                |   1 +
 src/components/card/card.stories.tsx | 117 +++++++++++++++------------
 3 files changed, 80 insertions(+), 50 deletions(-)
 create mode 100644 public/icons/electricity-outline.tsx

diff --git a/public/icons/electricity-outline.tsx b/public/icons/electricity-outline.tsx
new file mode 100644
index 0000000..0bf3626
--- /dev/null
+++ b/public/icons/electricity-outline.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+export const ElectricityOutline = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 16 16" {...props}>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.88419 9.08333H6.35011C6.53051 9.08333 6.69936 9.17054 6.80193 9.31652C6.90478 9.4625 6.92815 9.64883 6.86518 9.81512L5.90488 12.3374L10.81 8.54167H9.1001C8.89935 8.54167 8.71428 8.43415 8.61803 8.26054C8.52123 8.08748 8.52838 7.87596 8.6359 7.70913L11.948 2.58333H6.71256L3.88419 9.08333ZM4.70011 14.5C4.58626 14.5 4.47214 14.4653 4.37506 14.3955C4.17624 14.2519 4.09841 13.9957 4.18504 13.7682L5.55646 10.1667H3.05011C2.86531 10.1667 2.69261 10.0751 2.59086 9.92319C2.48911 9.77125 2.47151 9.57896 2.54466 9.41158L5.84466 1.82825C5.93101 1.62919 6.13011 1.5 6.35011 1.5H12.9501C13.1506 1.5 13.3356 1.60752 13.4322 1.78113C13.5287 1.95419 13.5218 2.16571 13.414 2.33254L10.1019 7.45833H12.4001C12.6344 7.45833 12.8431 7.60485 12.9198 7.82288C12.9966 8.04117 12.9242 8.28329 12.7397 8.42602L5.03973 14.3844C4.94046 14.4613 4.82001 14.5 4.70011 14.5Z"
+    />
+  </svg>
+);
diff --git a/public/icons/index.ts b/public/icons/index.ts
index e8ab54f..62e50fb 100644
--- a/public/icons/index.ts
+++ b/public/icons/index.ts
@@ -1,3 +1,4 @@
 export { Alert } from "./alert";
 export { ArrowRight } from "./arrow-right";
+export { ElectricityOutline } from "./electricity-outline";
 export { GasOutline } from "./gas-outline";
diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index 5089eae..e0fab7f 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import Card from ".";
-import { Alert, GasOutline } from "../../../public/icons";
+import { Alert, ElectricityOutline, GasOutline } from "../../../public/icons";
 import { Badge } from "../badge/badge";
 import { Cta } from "../cta";
 import { Text } from "../text";
@@ -18,63 +18,80 @@ const meta: Meta<CardType> = {
       control: { type: "select" },
     },
   },
+  args: {
+    supply: "gas",
+  },
 };
 
 export default meta;
 type Story = StoryObj<CardType>;
 
 export const Template: Story = {
-  render: (args) => (
-    <Card.Root {...args}>
-      <div className="flex w-full justify-end">
-        <Badge variant="error" className="mb-base">
-          A rischio sospensione
-        </Badge>
-      </div>
-      <Card.Header>
-        <div className="flex items-center gap-xxs">
-          <GasOutline className="fill-black h-xs w-xs" />
-          <Text size="sm" weight="medium">
-            {args.supply === "gas" ? "Gas" : "Luce"}
-          </Text>
-        </div>
-        <Text size="xs" weight="light">
-          Pizza Risorgimento 3, Amandola (FM)
-        </Text>
-      </Card.Header>
-      <Card.Content>
-        <div className="flex gap-2xs py-xxs pr-xs">
-          <Alert className="fill-black h-xs w-xs" />
-          <Text size="xs" weight="regular">
-            Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
-          </Text>
+  render: (args) => {
+    const isGasSupply = args.supply === "gas";
+    const supplyText = isGasSupply ? "Gas" : "Luce";
+    const supplyIcon = isGasSupply ? (
+      <GasOutline className="fill-black h-xs w-xs" />
+    ) : (
+      <ElectricityOutline className="fill-black h-xs w-xs" />
+    );
+
+    return (
+      <Card.Root {...args}>
+        <div className="flex w-full justify-end">
+          <Badge variant="error" className="mb-base">
+            A rischio sospensione
+          </Badge>
         </div>
-        <Text size="xs" weight="light" className="pb-base">
-          Per questa fornitura pagherai
-        </Text>
-        <Text size="xs" weight="regular" className="line-through leading-none">
-          65,46 €
-        </Text>
-        <div className="flex items-top gap-base  mb-[-4px]">
-          <Title as="h1" className="leading-none mt-[-5px]">
-            57
-          </Title>
-          <div>
-            <Title as="h4" className="leading-none">
-              ,99 €
-            </Title>
-            <Text size="xs" weight="light" className="leading-none">
-              al mese,
+        <Card.Header>
+          <div className="flex items-center gap-xxs">
+            {supplyIcon}
+            <Text size="sm" weight="medium">
+              {supplyText}
             </Text>
-            <Text size="xs" weight="light" className="leading-none">
-              per 12 mesi.
+          </div>
+          <Text size="xs" weight="light">
+            Pizza Risorgimento 3, Amandola (FM)
+          </Text>
+        </Card.Header>
+        <Card.Content>
+          <div className="flex gap-2xs py-xxs pr-xs">
+            <Alert className="fill-black h-xs w-xs" />
+            <Text size="xs" weight="regular">
+              Dobbiamo chiederti di compilare un modulo. Entra per scaricarlo.
             </Text>
           </div>
-        </div>
-      </Card.Content>
-      <Card.Footer>
-        <Cta className="pt-xs">Monitora e gestisci</Cta>
-      </Card.Footer>
-    </Card.Root>
-  ),
+          <Text size="xs" weight="light" className="pb-base">
+            Per questa fornitura pagherai
+          </Text>
+          <Text
+            size="xs"
+            weight="regular"
+            className="line-through leading-none"
+          >
+            65,46 €
+          </Text>
+          <div className="flex items-top gap-base  mb-[-4px]">
+            <Title as="h1" className="leading-none mt-[-5px]">
+              57
+            </Title>
+            <div>
+              <Title as="h4" className="leading-none">
+                ,99 €
+              </Title>
+              <Text size="xs" weight="light" className="leading-none">
+                al mese,
+              </Text>
+              <Text size="xs" weight="light" className="leading-none">
+                per 12 mesi.
+              </Text>
+            </div>
+          </div>
+        </Card.Content>
+        <Card.Footer>
+          <Cta className="pt-xs">Monitora e gestisci</Cta>
+        </Card.Footer>
+      </Card.Root>
+    );
+  },
 };

From 926947c6b958f1fb580a3e4eeb1e0afed148b918 Mon Sep 17 00:00:00 2001
From: Fedevvi <federica@belkadigital.com>
Date: Thu, 9 May 2024 15:20:40 +0200
Subject: [PATCH 14/14] fix: minor

---
 src/components/card/card.stories.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index e0fab7f..872eb26 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -51,7 +51,7 @@ export const Template: Story = {
             </Text>
           </div>
           <Text size="xs" weight="light">
-            Pizza Risorgimento 3, Amandola (FM)
+            Piazza Risorgimento 3, Amandola (FM)
           </Text>
         </Card.Header>
         <Card.Content>
@@ -64,11 +64,7 @@ export const Template: Story = {
           <Text size="xs" weight="light" className="pb-base">
             Per questa fornitura pagherai
           </Text>
-          <Text
-            size="xs"
-            weight="regular"
-            className="line-through leading-none"
-          >
+          <Text size="xs" weight="medium" className="line-through leading-none">
             65,46 €
           </Text>
           <div className="flex items-top gap-base  mb-[-4px]">