From 3b4f829c0b7fdcd30ee149191b1b12b50f6770cf Mon Sep 17 00:00:00 2001
From: ChiragShameekSahu-plivo <chirag.sahu@plivo.com>
Date: Tue, 28 Nov 2023 19:28:55 +0530
Subject: [PATCH] New component in Tag: 'teamname'

---
 package.json                        |  2 +-
 src/components/Tag/index.js         |  5 ++++-
 src/components/Tag/index.stories.js |  6 ++++++
 src/components/Tag/styles.scss      | 16 ++++++++++++++++
 src/index.js                        |  2 +-
 5 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index a2eaa09..a7f869d 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "registry": "https://npm.pkg.github.com"
   },
   "repository": "git://github.com/contacto-io/contacto-console",
-  "version": "0.5.40",
+  "version": "0.5.41",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
diff --git a/src/components/Tag/index.js b/src/components/Tag/index.js
index c1bdfbb..6b17c7d 100755
--- a/src/components/Tag/index.js
+++ b/src/components/Tag/index.js
@@ -15,6 +15,7 @@ export const TAG_TYPES = [
   'secondary',
   'select',
   'round',
+  'teamname',
 ]
 /**
  * Tag component that is used to specify status of a task
@@ -42,7 +43,9 @@ export const Tag = ({
     >
       <Text
         type={
-          ['default', 'round'].includes(type) || disableUppercase ? 'caption' : 'caption-capital'
+          ['default', 'round', 'teamname'].includes(type) || disableUppercase
+            ? 'caption'
+            : 'caption-capital'
         }
       >
         {label || children}
diff --git a/src/components/Tag/index.stories.js b/src/components/Tag/index.stories.js
index e16ba13..7e054cf 100755
--- a/src/components/Tag/index.stories.js
+++ b/src/components/Tag/index.stories.js
@@ -63,3 +63,9 @@ Round.args = {
   closable: true,
   disableUppercase: true,
 }
+
+export const TeamName = Template.bind({})
+TeamName.args = {
+  label: 'Team Name',
+  type: 'teamname',
+}
diff --git a/src/components/Tag/styles.scss b/src/components/Tag/styles.scss
index 76af3f4..43c7cba 100755
--- a/src/components/Tag/styles.scss
+++ b/src/components/Tag/styles.scss
@@ -53,6 +53,22 @@
             font-size: 14px;
         }
     }
+    &--teamname {
+        width: fit-content;
+        padding: 2px 8px;
+        background-color: var(--gray-6);
+        border-radius: 2px;
+        align-items: center;
+        gap: 10px;
+
+        .ant-typography {
+            font-size: 10px;
+            font-weight: 500;
+            line-height: 16px;
+            letter-spacing: 0; 
+            color: var(--gray-1);
+        }
+    }
     .close-tag-icon {
         display: flex;
         align-items: center;
diff --git a/src/index.js b/src/index.js
index c620b4d..880720a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -24,4 +24,4 @@ export * from './components/DatePicker/index'
 export * from './components/KeyValueEditor/index'
 export * from './components/TopBanner/index'
 export * from './components/TimeLeftBar/index'
-export * from './components/PhoneNumberInput/index'
\ No newline at end of file
+export * from './components/PhoneNumberInput/index'