From 33c0844ab8c84a62987655776939d772c86a607e Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 10 Nov 2023 13:48:46 +0000
Subject: [PATCH 01/27] acrescentando avatar

---
 .gitpod.yml                             | 11 +++++++++++
 src/components/avatar/avatar.css        |  0
 src/components/avatar/avatar.stories.ts |  0
 src/components/avatar/index.js          |  0
 4 files changed, 11 insertions(+)
 create mode 100644 .gitpod.yml
 create mode 100644 src/components/avatar/avatar.css
 create mode 100644 src/components/avatar/avatar.stories.ts
 create mode 100644 src/components/avatar/index.js

diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..9e083d8
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: npm install && npm run build
+    command: npm run dev
+
+
diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js
new file mode 100644
index 0000000..e69de29

From 9ab15e8bcc53bc39194f38d7591d0452cbac120d Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 10 Nov 2023 14:14:19 +0000
Subject: [PATCH 02/27] avatar

---
 src/components/avatar/avatar.css        |  4 ++++
 src/components/avatar/avatar.stories.ts | 31 +++++++++++++++++++++++++
 src/components/avatar/index.js          | 18 ++++++++++++++
 3 files changed, 53 insertions(+)

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index e69de29..43c7726 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -0,0 +1,4 @@
+
+a.avatar > img {
+    width: 50px;
+  }
\ No newline at end of file
diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index e69de29..79dfe71 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -0,0 +1,31 @@
+import type { StoryObj, Meta } from '@storybook/html';
+
+import { avatar } from './index';
+import type {avatarProps} from './index';
+
+// More on how to set up stories at: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
+const meta = {
+  title: 'App/avatar',
+  tags: ['autodocs'],
+  render: (args) => {
+    return avatar(args);
+  },
+  argTypes: {
+    link: {description: 'endereço para o link do avatar'},
+    imgSrc: {description: 'endereço para a imagem do avatar'},
+    descricao: {description: 'descrição da imagem do avatar'}
+  }
+} satisfies Meta<avatarProps>;
+
+export default meta;
+type Story = StoryObj;
+
+// More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args
+export const Primary: Story = {
+  args: {
+    link: 'github.com', 
+    imgSrc: 'https://avatars.githubusercontent.com/u/61756665?v=4', 
+    descricao: 'Octocat from Github '
+  }
+};
+
diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js
index e69de29..b15c17f 100644
--- a/src/components/avatar/index.js
+++ b/src/components/avatar/index.js
@@ -0,0 +1,18 @@
+import './avatar.css'
+
+
+/**
+ * @typedef {Object} avatarProps
+ * @property {string} avatarProps.link - some description here
+ * @property {string} avatarProps.imgSrc - some description here
+ * @property {string} avatarProps.descricao - some description here
+ * 
+ * @param {avatarProps} props
+ */
+export function avatar({link, imgSrc, descricao}) {
+  return `
+    <a class="avatar" href="${link}" target="_blank">
+      <img src="${imgSrc}" class="avatar" alt="${descricao}" />
+    </a>
+  `
+}
\ No newline at end of file

From aa08b832ff62f2c08a7c74196b86bbaecd4ca2cc Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 10 Nov 2023 15:14:03 +0000
Subject: [PATCH 03/27] criando componente avatar e card

---
 src/components/avatar/avatar.css        |  4 +++-
 src/components/avatar/avatar.stories.ts |  9 ++++-----
 src/components/avatar/index.js          | 16 ++++++---------
 src/components/card/card.css            |  0
 src/components/card/card.stories.ts     |  1 +
 src/components/card/index.js            | 27 +++++++++++++++++++++++++
 6 files changed, 41 insertions(+), 16 deletions(-)
 create mode 100644 src/components/card/card.css
 create mode 100644 src/components/card/card.stories.ts
 create mode 100644 src/components/card/index.js

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index 43c7726..bb758c2 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -1,4 +1,6 @@
 
-a.avatar > img {
+img {
     width: 50px;
+    border-radius: 50px;
+    height: 50px;
   }
\ No newline at end of file
diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index 79dfe71..1d19016 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -1,21 +1,20 @@
 import type { StoryObj, Meta } from '@storybook/html';
 
 import { avatar } from './index';
-import type {avatarProps} from './index';
+import type {AvatarProps} from './index';
 
 // More on how to set up stories at: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 const meta = {
-  title: 'App/avatar',
+  title: 'App/Avatar',
   tags: ['autodocs'],
   render: (args) => {
     return avatar(args);
   },
   argTypes: {
-    link: {description: 'endereço para o link do avatar'},
     imgSrc: {description: 'endereço para a imagem do avatar'},
     descricao: {description: 'descrição da imagem do avatar'}
   }
-} satisfies Meta<avatarProps>;
+} satisfies Meta<AvatarProps>;
 
 export default meta;
 type Story = StoryObj;
@@ -25,7 +24,7 @@ export const Primary: Story = {
   args: {
     link: 'github.com', 
     imgSrc: 'https://avatars.githubusercontent.com/u/61756665?v=4', 
-    descricao: 'Octocat from Github '
+    descricao: 'Minha foto'
   }
 };
 
diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js
index b15c17f..3ab8bf2 100644
--- a/src/components/avatar/index.js
+++ b/src/components/avatar/index.js
@@ -1,18 +1,14 @@
 import './avatar.css'
 
-
 /**
- * @typedef {Object} avatarProps
- * @property {string} avatarProps.link - some description here
- * @property {string} avatarProps.imgSrc - some description here
- * @property {string} avatarProps.descricao - some description here
+ * @typedef {Object} AvatarProps
+ * @property {string} AvatarProps.imgSrc - some description here
+ * @property {string} AvatarProps.descricao - some description here
  * 
- * @param {avatarProps} props
+ * @param {AvatarProps} props
  */
-export function avatar({link, imgSrc, descricao}) {
+export function avatar({imgSrc, descricao}) {
   return `
-    <a class="avatar" href="${link}" target="_blank">
-      <img src="${imgSrc}" class="avatar" alt="${descricao}" />
-    </a>
+    <img src="${imgSrc}" class="avatar" alt="${descricao}" />
   `
 }
\ No newline at end of file
diff --git a/src/components/card/card.css b/src/components/card/card.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
new file mode 100644
index 0000000..cd29c3c
--- /dev/null
+++ b/src/components/card/card.stories.ts
@@ -0,0 +1 @@
+    layout: 'fullscreen'
diff --git a/src/components/card/index.js b/src/components/card/index.js
new file mode 100644
index 0000000..d5b6f5f
--- /dev/null
+++ b/src/components/card/index.js
@@ -0,0 +1,27 @@
+import { avatar } from "../avatar";
+import './card.css'
+
+/**
+ * @typedef {*} CardProps
+ * @property {string} CardProps.nome
+ * @property {string} CardProps.cargo
+ * @property {string} CardProps.img
+ * @param {CardProps} param0 
+ * 
+ */
+
+export function card({nome, cargo, img}) {
+    return `<div class="card">
+        <div class="header">
+            ${avatar({
+                imgSrc: img, 
+                descricao:'profile picture from' + nome
+            })}
+        </div>
+
+        <div class="body">
+        <p>Nome: ${nome}</p>
+        <p>Cargo: ${cargo}</p>
+        </div>
+    </div>`;    
+  }
\ No newline at end of file

From c8725b87643e33d23c09b0e28598366f36d605c4 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Sun, 12 Nov 2023 08:30:11 -0300
Subject: [PATCH 04/27] Create README.md

---
 README.md | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..793a4cd
--- /dev/null
+++ b/README.md
@@ -0,0 +1 @@
+# face2face

From 0e6a5150b819a228b6ff1f3ee8ceb5093be17418 Mon Sep 17 00:00:00 2001
From: Janaina <jmtannus@gmail.com>
Date: Sun, 12 Nov 2023 08:31:36 -0300
Subject: [PATCH 05/27] acrescentando texto no readme

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 793a4cd..e89c215 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,2 @@
 # face2face
+Projeto face2face colaborativo
\ No newline at end of file

From 28e606a44e5105f2b05335ab3bc0593e6c8becdd Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 10:04:19 -0300
Subject: [PATCH 06/27] Criando a const props em index.js

---
 src/components/card/index.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/card/index.js b/src/components/card/index.js
index d5b6f5f..a70915c 100644
--- a/src/components/card/index.js
+++ b/src/components/card/index.js
@@ -2,7 +2,7 @@ import { avatar } from "../avatar";
 import './card.css'
 
 /**
- * @typedef {*} CardProps
+ * @typedef {*} CardProps //*troca por Object?*//
  * @property {string} CardProps.nome
  * @property {string} CardProps.cargo
  * @property {string} CardProps.img
@@ -10,18 +10,18 @@ import './card.css'
  * 
  */
 
-export function card({nome, cargo, img}) {
+export function card(props) {
+    const {nome, cargo, img} = props;
     return `<div class="card">
         <div class="header">
             ${avatar({
                 imgSrc: img, 
-                descricao:'profile picture from' + nome
-            })}
+                descricao:`profile picture from ${nome
+            }`)}
         </div>
-
         <div class="body">
-        <p>Nome: ${nome}</p>
-        <p>Cargo: ${cargo}</p>
+        <p class="nome">${nome}</p>
+        <p class="cargo">${cargo}</p>
         </div>
     </div>`;    
-  }
\ No newline at end of file
+  }

From 4b89964dad728333bb9c42c900c6634f672ddf87 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 11:04:30 -0300
Subject: [PATCH 07/27] =?UTF-8?q?acrescentando=20minhas=20informa=C3=A7?=
 =?UTF-8?q?=C3=B5es=20no=20card.stories.ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/card.stories.ts | 30 ++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index cd29c3c..e44fd3a 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -1 +1,29 @@
-    layout: 'fullscreen'
+import type { StoryObj, Meta } from '@storybook/html';
+import { card } from './index';
+import type { CardProps } from './index';
+
+const meta = {
+  title: 'App/Card',
+  tags: ['autodocs'],    
+  render: (args) => {
+    return card(args);
+  },
+  argTypes: {
+    nome: {description: 'nome do profile'},
+    cargo: {description: 'cargo do profile'},
+    img: {description: 'img do profile'},
+  }
+} satisfies Meta<CardProps>;
+
+export default meta;
+
+type Story = StoryObj;
+export const Primary: Story = {
+    args: {
+        nome: 'Janaina Tannus',
+        cargo: 'Desenvolvedora FrontEnd',
+        imagem: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=740&t=st=1699884088~exp=1699884688~hmac=1baef96a2de438acd045cb7e4ee76001b63b44da2ab07d183cbf838326e70ef8',
+    },
+};
+
+

From 92a8fd7d7b2fcc545e31f57ad535e12a6f02f5fc Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 11:15:45 -0300
Subject: [PATCH 08/27] criando os seletores no card.css

---
 src/components/card/card.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/card/card.css b/src/components/card/card.css
index e69de29..e8103ab 100644
--- a/src/components/card/card.css
+++ b/src/components/card/card.css
@@ -0,0 +1,7 @@
+.body{}
+
+.card{}
+
+.name{}
+
+.cargo{}

From 36a2f53ca6339bc51ae1fda25d80e3d0a089106d Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 11:56:35 -0300
Subject: [PATCH 09/27] Acrescentando nome e cargo no card.stories.ts

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

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index e44fd3a..228547b 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -1,7 +1,9 @@
 import type { StoryObj, Meta } from '@storybook/html';
-import { card } from './index';
+
 import type { CardProps } from './index';
+import { card } from './index';
 
+// Mais sobre como configurar histórias em: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 const meta = {
   title: 'App/Card',
   tags: ['autodocs'],    
@@ -9,9 +11,9 @@ const meta = {
     return card(args);
   },
   argTypes: {
-    nome: {description: 'nome do profile'},
-    cargo: {description: 'cargo do profile'},
-    img: {description: 'img do profile'},
+    nome: {description: 'nome do objeto de avatar'},
+    cargo: {description: 'cargo do objeto de avatar'},
+    img: {description: 'endereço para img do avatar'},
   }
 } satisfies Meta<CardProps>;
 
@@ -20,9 +22,9 @@ export default meta;
 type Story = StoryObj;
 export const Primary: Story = {
     args: {
-        nome: 'Janaina Tannus',
+        nome: 'Janna Tannus',
         cargo: 'Desenvolvedora FrontEnd',
-        imagem: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=740&t=st=1699884088~exp=1699884688~hmac=1baef96a2de438acd045cb7e4ee76001b63b44da2ab07d183cbf838326e70ef8',
+        imagem: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84',
     },
 };
 

From d8b031e77ff13ac9bdc715a8911cf205c0ea3063 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 12:06:44 -0300
Subject: [PATCH 10/27] =?UTF-8?q?Acrescentando=20coment=C3=A1rio=20no=20ca?=
 =?UTF-8?q?rd.stories.ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/card.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index 228547b..6998284 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -18,7 +18,7 @@ const meta = {
 } satisfies Meta<CardProps>;
 
 export default meta;
-
+// Mais sobre como escrever histórias com argumentos: with args: https://storybook.js.org/docs/html/writing-stories/args
 type Story = StoryObj;
 export const Primary: Story = {
     args: {

From 020269d98f740de3883565eb8e65897c1f81dc45 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 12:10:12 -0300
Subject: [PATCH 11/27] criando classe avatar-container em index.js

---
 src/components/avatar/index.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js
index 3ab8bf2..ec15b33 100644
--- a/src/components/avatar/index.js
+++ b/src/components/avatar/index.js
@@ -4,11 +4,14 @@ import './avatar.css'
  * @typedef {Object} AvatarProps
  * @property {string} AvatarProps.imgSrc - some description here
  * @property {string} AvatarProps.descricao - some description here
- * 
+ * @property {string} avatarProps.link - some description here
+ *
  * @param {AvatarProps} props
  */
-export function avatar({imgSrc, descricao}) {
+export function avatar({imgSrc, descricao, link}) {
   return `
-    <img src="${imgSrc}" class="avatar" alt="${descricao}" />
+    <a class="avatar-container" href="${link}" target="_blank">
+      <img src="${imgSrc}" class="avatar" alt="${descricao}" />
+    </a>
   `
-}
\ No newline at end of file
+}

From a6f397b1e26017502a0aafbde5d624a700201448 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 12:22:12 -0300
Subject: [PATCH 12/27] criando o seletor .avatar-container img em avatar.css

---
 src/components/avatar/avatar.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index bb758c2..00f4946 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -1,6 +1,6 @@
-
-img {
-    width: 50px;
-    border-radius: 50px;
-    height: 50px;
-  }
\ No newline at end of file
+.avatar-container img {
+    border: 3px solid red;
+    padding: 3px;
+    border-radius: 50%;
+    width: 250px;
+}

From 11b9b7c710f669d6c04e78b605df4b134e57c088 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 22:57:36 -0300
Subject: [PATCH 13/27] =?UTF-8?q?Alterando=20link=20da=20imagem=20e=20desc?=
 =?UTF-8?q?ri=C3=A7=C3=A3o=20do=20avatar=20no=20avatar.stories.ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/avatar/avatar.stories.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index 1d19016..530d364 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -22,9 +22,9 @@ type Story = StoryObj;
 // More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args
 export const Primary: Story = {
   args: {
-    link: 'github.com', 
-    imgSrc: 'https://avatars.githubusercontent.com/u/61756665?v=4', 
-    descricao: 'Minha foto'
+    link: 'https://github.com/jmtannus', 
+    imgSrc: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84'', 
+    descricao: 'Avatar'
   }
 };
 

From e861746bbd3598599db70a46544f54ad14203f86 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 23:01:10 -0300
Subject: [PATCH 14/27] Update avatar.css

acrescentando seletor .avatar-container img
---
 src/components/avatar/avatar.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index 00f4946..d04edb8 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -1,6 +1,8 @@
 .avatar-container img {
-    border: 3px solid red;
-    padding: 3px;
+    width: 100px;
+    height: 100px;
     border-radius: 50%;
-    width: 250px;
+    border: 4px solid #FFF;
+    margin-top: -52px;
+    margin-bottom: 20px;
 }

From 210ea42f766e6884ede30e9cb78abe5d1f18bc07 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 23:47:13 -0300
Subject: [PATCH 15/27] Acrescentando seletores no card.css

---
 src/components/card/card.css | 39 ++++++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/components/card/card.css b/src/components/card/card.css
index e8103ab..79b3e1e 100644
--- a/src/components/card/card.css
+++ b/src/components/card/card.css
@@ -1,7 +1,38 @@
-.body{}
+@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap');
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
 
-.card{}
+.body {
+    font-family: 'Kumbh Sans', sans-serif;
+    display: flex;
+    align-items: center;
+    min-height: 100vh;
+}
 
-.name{}
+.container {
+    margin: 0 auto;
+    text-align: center;
+}
 
-.cargo{}
+.card{
+    max-width: 420px;
+    background-color: #FFF;
+    border-radius: 15px;
+    overflow: hidden;
+    margin: 1rem;
+}
+
+.name{
+    color: #111;
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 10px;
+}
+
+.cargo{
+    color: #6a6f81;
+    font-size: 13px;
+}

From 7ca0dc6d306d5f9c00270e202e15044862acea9d Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:15:48 -0300
Subject: [PATCH 16/27] Update card.stories.ts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Acrescentando mais descrições no card
---
 src/components/card/card.stories.ts | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index 6998284..19717bc 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -11,9 +11,22 @@ const meta = {
     return card(args);
   },
   argTypes: {
-    nome: {description: 'nome do objeto de avatar'},
-    cargo: {description: 'cargo do objeto de avatar'},
-    img: {description: 'endereço para img do avatar'},
+    nome: { description: 'Nome do objeto de avatar' },
+    img: { description: 'endereço para a imagem do avatar' },
+    cargo: { description: 'cargo do objeto de avatar' },
+    idade: { description: 'Idade do objeto de avatar' },
+    cor: {
+      control: { type: 'select' },
+      options: ['azul', 'verde', 'vermelho', 'default'],
+      default: "default",
+      description: "Cor da borda",
+
+    },
+    blur: {
+      control: {type: 'radio'},
+      options: ['blur', "Sem Blur"],   
+      description: "Ativação do blur nas informações do card"
+    }
   }
 } satisfies Meta<CardProps>;
 
@@ -25,7 +38,7 @@ export const Primary: Story = {
         nome: 'Janna Tannus',
         cargo: 'Desenvolvedora FrontEnd',
         imagem: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84',
-    },
-};
+    }
+}
 
 

From 4e4842676c9691bd65a8d2fbdd28c8a4811eb9a9 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:18:44 -0300
Subject: [PATCH 17/27] Update card.stories.ts

---
 src/components/card/card.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index 19717bc..8863b0d 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -24,7 +24,7 @@ const meta = {
     },
     blur: {
       control: {type: 'radio'},
-      options: ['blur', "Sem Blur"],   
+      options: ['blur', 'sem blur'],   
       description: "Ativação do blur nas informações do card"
     }
   }

From f5a957d5e1dfcb0c86b507948f6f22f901f89b0e Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:25:15 -0300
Subject: [PATCH 18/27] acrescentando ficha tecnica no card.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Acrescentando espaço com blur e estilo das informaçoes do avatar no card
---
 src/components/card/card.css | 98 +++++++++++++++++++++++++++---------
 1 file changed, 75 insertions(+), 23 deletions(-)

diff --git a/src/components/card/card.css b/src/components/card/card.css
index 79b3e1e..4fa02a0 100644
--- a/src/components/card/card.css
+++ b/src/components/card/card.css
@@ -1,38 +1,90 @@
-@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap');
 * {
-    margin: 0;
     padding: 0;
+    margin: 0;
     box-sizing: border-box;
 }
 
-.body {
-    font-family: 'Kumbh Sans', sans-serif;
-    display: flex;
-    align-items: center;
-    min-height: 100vh;
-}
 
-.container {
-    margin: 0 auto;
-    text-align: center;
+.card {
+    width: 11.4375rem;
+    height: 17rem;
+    border-radius: 1.25rem;
+    overflow: hidden;
+    border: 4px solid #444444;
+    font-family: Poppins, Arial, Helvetica, sans-serif;
+    overflow: hidden;
 }
 
-.card{
-    max-width: 420px;
-    background-color: #FFF;
-    border-radius: 15px;
+.card-container {
+    width: 100%;
+    height: 100%;
     overflow: hidden;
-    margin: 1rem;
 }
 
-.name{
-    color: #111;
-    font-size: 18px;
+.card-container img {
+    width: 11rem;
+    height: 17rem;
+    object-fit: cover;
+}
+
+.card-container .footer {
+    position: relative;
+    width: 100%;
+    height: 50px;
+    bottom: 60px;
+    background: rgba(87, 87, 87, 0.70);
+    display: inline-flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0 0 10px 10px;
+    padding: 5px;
+    color: #fff;
+}
+
+.info {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.footer p {
+    font-size: .875em;
     font-weight: 700;
-    margin-bottom: 10px;
 }
 
-.cargo{
-    color: #6a6f81;
-    font-size: 13px;
+.footer span {
+    font-size: .6875rem;
+    font-weight: 400;
+}
+
+.footer .button-white {
+    width: 1.875rem;
+    height: 1.8625rem;
+    background-color: #fff;
+    border-radius: 10px;
+    cursor: pointer;
+}
+
+.azul {
+    border: 4px solid #5ee0f9;
+}
+
+.verde {
+    border: 4px solid #5ef973;
 }
+
+.vermelho {
+    border: 4px solid #fd3434;
+}
+
+
+.blur {
+    backdrop-filter: blur(27.5px);
+}
+
+/* .default {
+    border: 4px solid #444444;
+} */

From 03296aa6ffb8bd42c53ba72e466a610e8b85eacd Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:31:46 -0300
Subject: [PATCH 19/27] =?UTF-8?q?acrescentando=20caracteristicas=20na=20fu?=
 =?UTF-8?q?n=C3=A7=C3=A3o=20card=20em=20index.js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/index.js | 43 +++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/components/card/index.js b/src/components/card/index.js
index a70915c..0caa6ae 100644
--- a/src/components/card/index.js
+++ b/src/components/card/index.js
@@ -2,26 +2,29 @@ import { avatar } from "../avatar";
 import './card.css'
 
 /**
- * @typedef {*} CardProps //*troca por Object?*//
- * @property {string} CardProps.nome
- * @property {string} CardProps.cargo
- * @property {string} CardProps.img
- * @param {CardProps} param0 
- * 
+ * @typedef { Object } CardProps
+ * @property { string } CardProps.nome
+ * @property { string } CardProps.cargo
+ * @property { string } CardProps.img 
+ * @property {string} CardProps.idade
+ * @property {Selection} CardProps.cor
+ * @property {boolean} CardProps.blur
+ * @param { CardProps } props
  */
 
-export function card(props) {
-    const {nome, cargo, img} = props;
-    return `<div class="card">
-        <div class="header">
-            ${avatar({
-                imgSrc: img, 
-                descricao:`profile picture from ${nome
-            }`)}
+export function card({ nome, cargo, img, idade, cor, blur }) {
+    return `
+  <div class="card ${cor}">
+  <div class="card-container">
+      ${avatar({ imgSrc: img, descricao: "", link: "" })}
+      <div class="footer ${blur}">
+      <div class="info">
+          <p>${nome}</p>
+          <span>${cargo}, ${idade}y </span>
         </div>
-        <div class="body">
-        <p class="nome">${nome}</p>
-        <p class="cargo">${cargo}</p>
-        </div>
-    </div>`;    
-  }
+          <div class="button-white"></div>
+      </div>
+  </div>
+</div>
+    `;
+}

From 9d9511f2d1d2ee5b56560fd111d73590b88b1468 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:40:28 -0300
Subject: [PATCH 20/27] alterando foto card.stories.ts

---
 src/components/card/card.stories.ts | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index 8863b0d..99eb961 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -1,12 +1,11 @@
 import type { StoryObj, Meta } from '@storybook/html';
 
-import type { CardProps } from './index';
-import { card } from './index';
+import { CardProps, card } from './index';
 
-// Mais sobre como configurar histórias em: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
+// More on how to set up stories at: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 const meta = {
-  title: 'App/Card',
-  tags: ['autodocs'],    
+  title: 'App/card',
+  tags: ['autodocs'],
   render: (args) => {
     return card(args);
   },
@@ -24,7 +23,7 @@ const meta = {
     },
     blur: {
       control: {type: 'radio'},
-      options: ['blur', 'sem blur'],   
+      options: ['blur', "Sem Blur"],   
       description: "Ativação do blur nas informações do card"
     }
   }
@@ -37,7 +36,7 @@ export const Primary: Story = {
     args: {
         nome: 'Janna Tannus',
         cargo: 'Desenvolvedora FrontEnd',
-        imagem: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84',
+        imagem: 'https://media.licdn.com/dms/image/D4D03AQEgmo4Jk2_XnQ/profile-displayphoto-shrink_800_800/0/1699300824500?e=1705536000&v=beta&t=7Y-brlT3U0uyFV0EqdrCxx-OkN9g8rxEEmZZEH-m0pU',
     }
 }
 

From 795cc12a144ff17d4b23e9d82780ea0fe37c19cc Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:42:20 -0300
Subject: [PATCH 21/27] acrescentando fonte card.css

---
 src/components/card/card.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/card/card.css b/src/components/card/card.css
index 4fa02a0..5fb9da3 100644
--- a/src/components/card/card.css
+++ b/src/components/card/card.css
@@ -1,10 +1,11 @@
+@import url(https://fonts.google.com/specimen/Poppins);
+
 * {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
 
-
 .card {
     width: 11.4375rem;
     height: 17rem;
@@ -30,8 +31,8 @@
 .card-container .footer {
     position: relative;
     width: 100%;
-    height: 50px;
-    bottom: 60px;
+    height: 45px;
+    bottom: 55px;
     background: rgba(87, 87, 87, 0.70);
     display: inline-flex;
     flex-wrap: wrap;

From 48f2e14b7f5a2f375fb225abf1a613cdfeb43c87 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:45:53 -0300
Subject: [PATCH 22/27] colocando info do link no argTypes em avatar.stories.ts

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

diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index 530d364..c336c3b 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -11,8 +11,9 @@ const meta = {
     return avatar(args);
   },
   argTypes: {
-    imgSrc: {description: 'endereço para a imagem do avatar'},
-    descricao: {description: 'descrição da imagem do avatar'}
+    link: {description: 'endereço para o link do Avatar'},
+    imgSrc: {description: 'endereço para a imagem do Avatar'},
+    descricao: {description: 'descrição da imagem do Avatar'}
   }
 } satisfies Meta<AvatarProps>;
 

From 1211204e5b1e89ca87aee8bee73875de89bb94d3 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <61756665+jmtannus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:58:44 -0300
Subject: [PATCH 23/27] tirando aspa a mais avatar.stories.ts

---
 src/components/avatar/avatar.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index c336c3b..ecb8b89 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -24,7 +24,7 @@ type Story = StoryObj;
 export const Primary: Story = {
   args: {
     link: 'https://github.com/jmtannus', 
-    imgSrc: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84'', 
+    imgSrc: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84', 
     descricao: 'Avatar'
   }
 };

From a0e095873184016daa6d4b055df078d5cce02dae Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 17 Nov 2023 07:13:03 +0000
Subject: [PATCH 24/27] mudancas no package

---
 .storybook/main.ts |    1 +
 package-lock.json  | 1111 ++++++++++++++++++++++++++++++++++++++++++++
 package.json       |    1 +
 3 files changed, 1113 insertions(+)

diff --git a/.storybook/main.ts b/.storybook/main.ts
index 3f644a8..bfd4b03 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -6,6 +6,7 @@ const config: StorybookConfig = {
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@storybook/addon-styling-webpack"
   ],
   framework: {
     name: "@storybook/html-vite",
diff --git a/package-lock.json b/package-lock.json
index cfe9c62..709adfc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@storybook/addon-essentials": "^7.5.1",
         "@storybook/addon-interactions": "^7.5.1",
         "@storybook/addon-links": "^7.5.1",
+        "@storybook/addon-styling-webpack": "^0.0.5",
         "@storybook/blocks": "^7.5.1",
         "@storybook/html": "^7.5.1",
         "@storybook/html-vite": "^7.5.1",
@@ -2712,6 +2713,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
@@ -3801,6 +3813,18 @@
         }
       }
     },
+    "node_modules/@storybook/addon-styling-webpack": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.5.tgz",
+      "integrity": "sha512-8XdE3w+W7qxMeqnK/FDFipFN9XaVKUJFcHyM2ZBlhAAxVWMbTcifqw5lzqeK8jSAA/TUtpUp37gT2Bw/3k6slQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/node-logger": "^7.0.12"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
     "node_modules/@storybook/addon-toolbars": {
       "version": "7.5.1",
       "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.5.1.tgz",
@@ -5126,6 +5150,35 @@
       "integrity": "sha512-ILdWj4XYtNOqxJaW22NEQx2gJsLfV5ncxYhhGX1a1H1lXl2Ta0gUz7QOnOoF1xQbJwWDjImi8gXN9mKdIf6n9g==",
       "dev": true
     },
+    "node_modules/@types/eslint": {
+      "version": "8.44.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.7.tgz",
+      "integrity": "sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/@types/express": {
       "version": "4.17.20",
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.20.tgz",
@@ -5195,6 +5248,13 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/@types/lodash": {
       "version": "4.14.200",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.200.tgz",
@@ -5333,6 +5393,181 @@
       "integrity": "sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw==",
       "dev": true
     },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wast-printer": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/@yarnpkg/esbuild-plugin-pnp": {
       "version": "3.0.0-rc.15",
       "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz",
@@ -5411,6 +5646,16 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
     "node_modules/address": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
@@ -5445,6 +5690,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -6037,6 +6309,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
     "node_modules/ci-info": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
@@ -6807,6 +7089,20 @@
         "once": "^1.4.0"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/envinfo": {
       "version": "7.10.0",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
@@ -6933,6 +7229,20 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
@@ -6946,6 +7256,39 @@
         "node": ">=4"
       }
     },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -6964,6 +7307,16 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
     "node_modules/execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -7115,6 +7468,13 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
@@ -8946,6 +9306,13 @@
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "dev": true
     },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -9017,6 +9384,16 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -10201,6 +10578,16 @@
         "once": "^1.3.1"
       }
     },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/puppeteer-core": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz",
@@ -10310,6 +10697,16 @@
         "url": "https://opencollective.com/ramda"
       }
     },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -10890,6 +11287,25 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -10944,6 +11360,16 @@
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "dev": true
     },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
     "node_modules/serve-static": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
@@ -11406,6 +11832,16 @@
       "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==",
       "dev": true
     },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tar": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
@@ -11599,6 +12035,108 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/terser": {
+      "version": "5.24.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz",
+      "integrity": "sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.8"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/test-exclude": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
@@ -11987,6 +12525,16 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
     "node_modules/use-callback-ref": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
@@ -12195,6 +12743,54 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
+    "node_modules/webpack": {
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.9.0",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.15.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -12210,6 +12806,13 @@
       "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
       "dev": true
     },
+    "node_modules/webpack/node_modules/es-module-lexer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
@@ -14258,6 +14861,17 @@
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
       "dev": true
     },
+    "@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
     "@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
@@ -14883,6 +15497,15 @@
         "ts-dedent": "^2.0.0"
       }
     },
+    "@storybook/addon-styling-webpack": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.5.tgz",
+      "integrity": "sha512-8XdE3w+W7qxMeqnK/FDFipFN9XaVKUJFcHyM2ZBlhAAxVWMbTcifqw5lzqeK8jSAA/TUtpUp37gT2Bw/3k6slQ==",
+      "dev": true,
+      "requires": {
+        "@storybook/node-logger": "^7.0.12"
+      }
+    },
     "@storybook/addon-toolbars": {
       "version": "7.5.1",
       "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.5.1.tgz",
@@ -15877,6 +16500,35 @@
       "integrity": "sha512-ILdWj4XYtNOqxJaW22NEQx2gJsLfV5ncxYhhGX1a1H1lXl2Ta0gUz7QOnOoF1xQbJwWDjImi8gXN9mKdIf6n9g==",
       "dev": true
     },
+    "@types/eslint": {
+      "version": "8.44.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.7.tgz",
+      "integrity": "sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true,
+      "peer": true
+    },
     "@types/express": {
       "version": "4.17.20",
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.20.tgz",
@@ -15946,6 +16598,13 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "peer": true
+    },
     "@types/lodash": {
       "version": "4.14.200",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.200.tgz",
@@ -16084,6 +16743,181 @@
       "integrity": "sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw==",
       "dev": true
     },
+    "@webassemblyjs/ast": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true,
+      "peer": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true,
+      "peer": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "dev": true,
+      "peer": true
+    },
+    "@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true,
+      "peer": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true,
+      "peer": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wast-printer": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
     "@yarnpkg/esbuild-plugin-pnp": {
       "version": "3.0.0-rc.15",
       "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz",
@@ -16145,6 +16979,14 @@
       "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
       "dev": true
     },
+    "acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "dev": true,
+      "peer": true,
+      "requires": {}
+    },
     "address": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
@@ -16170,6 +17012,27 @@
         "indent-string": "^4.0.0"
       }
     },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {}
+    },
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -16606,6 +17469,13 @@
       "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
       "dev": true
     },
+    "chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true
+    },
     "ci-info": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
@@ -17203,6 +18073,17 @@
         "once": "^1.4.0"
       }
     },
+    "enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      }
+    },
     "envinfo": {
       "version": "7.10.0",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
@@ -17304,12 +18185,49 @@
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true
     },
+    "eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      }
+    },
     "esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
       "dev": true
     },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true
+    },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -17322,6 +18240,13 @@
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true
     },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "peer": true
+    },
     "execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -17445,6 +18370,13 @@
         }
       }
     },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "peer": true
+    },
     "fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
@@ -18777,6 +19709,13 @@
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "dev": true
     },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "peer": true
+    },
     "json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -18828,6 +19767,13 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true
+    },
     "locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -19695,6 +20641,13 @@
         }
       }
     },
+    "punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "peer": true
+    },
     "puppeteer-core": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz",
@@ -19767,6 +20720,16 @@
       "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==",
       "dev": true
     },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
     "range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -20187,6 +21150,18 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      }
+    },
     "semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -20239,6 +21214,16 @@
         }
       }
     },
+    "serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
     "serve-static": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
@@ -20590,6 +21575,13 @@
       "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==",
       "dev": true
     },
+    "tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "peer": true
+    },
     "tar": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
@@ -20746,6 +21738,73 @@
         }
       }
     },
+    "terser": {
+      "version": "5.24.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz",
+      "integrity": "sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.8"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "peer": true
+        },
+        "jest-worker": {
+          "version": "27.5.1",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+          "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@types/node": "*",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "test-exclude": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
@@ -21036,6 +22095,16 @@
         "picocolors": "^1.0.0"
       }
     },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
     "use-callback-ref": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
@@ -21157,6 +22226,48 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
+    "webpack": {
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.9.0",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.15.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "dependencies": {
+        "es-module-lexer": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+          "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
     "webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
diff --git a/package.json b/package.json
index c9250a6..44e0162 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@storybook/addon-essentials": "^7.5.1",
     "@storybook/addon-interactions": "^7.5.1",
     "@storybook/addon-links": "^7.5.1",
+    "@storybook/addon-styling-webpack": "^0.0.5",
     "@storybook/blocks": "^7.5.1",
     "@storybook/html": "^7.5.1",
     "@storybook/html-vite": "^7.5.1",

From 7baf07f46d8cc06525585a57453920f017a503ab Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 17 Nov 2023 08:48:43 +0000
Subject: [PATCH 25/27] alterando letra

---
 src/components/logo/logo.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/logo/logo.stories.ts b/src/components/logo/logo.stories.ts
index c18868d..88d3cd1 100644
--- a/src/components/logo/logo.stories.ts
+++ b/src/components/logo/logo.stories.ts
@@ -12,7 +12,7 @@ const meta = {
   },
   argTypes: {
     link: {description: 'endereço para o link do logo'},
-    imgSrc: {description: 'endereço para a imgaem do logo'},
+    imgSrc: {description: 'endereço para a imagem do logo'},
     descricao: {description: 'descrição da imagem do logo'}
   }
 } satisfies Meta<LogoProps>;

From 30a6f37490c8d9ac266ab380c93e06ce5192b163 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 17 Nov 2023 09:14:19 +0000
Subject: [PATCH 26/27] retirando border radius

---
 src/components/avatar/avatar.css        | 1 -
 src/components/avatar/avatar.stories.ts | 2 +-
 src/components/card/card.css            | 2 +-
 src/components/card/card.stories.ts     | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index d04edb8..b30aaa0 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -1,7 +1,6 @@
 .avatar-container img {
     width: 100px;
     height: 100px;
-    border-radius: 50%;
     border: 4px solid #FFF;
     margin-top: -52px;
     margin-bottom: 20px;
diff --git a/src/components/avatar/avatar.stories.ts b/src/components/avatar/avatar.stories.ts
index ecb8b89..143d1f1 100644
--- a/src/components/avatar/avatar.stories.ts
+++ b/src/components/avatar/avatar.stories.ts
@@ -24,7 +24,7 @@ type Story = StoryObj;
 export const Primary: Story = {
   args: {
     link: 'https://github.com/jmtannus', 
-    imgSrc: 'https://img.freepik.com/free-psd/3d-rendering-avatar_23-2150833564.jpg?w=826&t=st=1699886896~exp=1699887496~hmac=3c0017e78aac70da1e95fb8109f694eaf1db0cd5d9c6f565bd45fd36fab5cc84', 
+    imgSrc: 'https://github.com/jmtannus/face2face/assets/61756665/2abb68b3-794b-4ade-8784-c973c231a395', 
     descricao: 'Avatar'
   }
 };
diff --git a/src/components/card/card.css b/src/components/card/card.css
index 5fb9da3..9eca2ab 100644
--- a/src/components/card/card.css
+++ b/src/components/card/card.css
@@ -1,4 +1,4 @@
-@import url(https://fonts.google.com/specimen/Poppins);
+@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
 
 * {
     padding: 0;
diff --git a/src/components/card/card.stories.ts b/src/components/card/card.stories.ts
index 99eb961..74a316b 100644
--- a/src/components/card/card.stories.ts
+++ b/src/components/card/card.stories.ts
@@ -36,7 +36,7 @@ export const Primary: Story = {
     args: {
         nome: 'Janna Tannus',
         cargo: 'Desenvolvedora FrontEnd',
-        imagem: 'https://media.licdn.com/dms/image/D4D03AQEgmo4Jk2_XnQ/profile-displayphoto-shrink_800_800/0/1699300824500?e=1705536000&v=beta&t=7Y-brlT3U0uyFV0EqdrCxx-OkN9g8rxEEmZZEH-m0pU',
+        img: 'https://github.com/jmtannus/face2face/assets/61756665/2abb68b3-794b-4ade-8784-c973c231a395',
     }
 }
 

From 618a5eb38a3cc5c46b9979a27a026fad39d4b1cd Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 17 Nov 2023 14:09:02 +0000
Subject: [PATCH 27/27] arredondando

---
 src/components/avatar/avatar.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/avatar/avatar.css b/src/components/avatar/avatar.css
index b30aaa0..e2825a2 100644
--- a/src/components/avatar/avatar.css
+++ b/src/components/avatar/avatar.css
@@ -2,6 +2,7 @@
     width: 100px;
     height: 100px;
     border: 4px solid #FFF;
+    border-radius: 100px;
     margin-top: -52px;
     margin-bottom: 20px;
 }