forstok-ui-lib 6.1.0 → 6.2.0

package/src/components/icon/styles.ts

@@ -5,7 +5,19 @@ import IconPersonRed from '../../assets/images/icons/person-red.svg';
 import IconCart from '../../assets/images/icons/cart.svg';
 import IconBack from '../../assets/images/icons/back.svg';
 import IconDashboardLeftNav from '../../assets/images/navs/left/dashboard.svg';
-import IconProductLeftNav from '../../assets/images/navs/left/products.svg';
+import IconDashboardActiveLeftNav from '../../assets/images/navs/left/dashboard-active.svg';
+import IconAiLeftNav from '../../assets/images/navs/left/ai.svg';
+import IconAiActiveLeftNav from '../../assets/images/navs/left/ai-active.svg';
+import IconConversationLeftNav from '../../assets/images/navs/left/conversation.svg';
+import IconConversationActiveLeftNav from '../../assets/images/navs/left/conversation-active.svg';
+import IconReportingLeftNav from '../../assets/images/navs/left/reporting.svg';
+import IconReportingActiveLeftNav from '../../assets/images/navs/left/reporting-active.svg';
+import IconIntegrationLeftNav from '../../assets/images/navs/left/integrations.svg';
+import IconIntegrationActiveLeftNav from '../../assets/images/navs/left/integrations-active.svg';
+import IconSettingLeftNav from '../../assets/images/navs/left/settings.svg';
+import IconSettingActiveLeftNav from '../../assets/images/navs/left/settings-active.svg';
+import IconCustomerLeftNav from '../../assets/images/navs/left/customers.svg';
+import IconCustomerActiveLeftNav from '../../assets/images/navs/left/customers-active.svg';
 import IconWarningChat from '../../assets/images/icons/warning-agent.svg';
 import IconCheckChat from '../../assets/images/icons/check.svg';
 import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
@@ -289,10 +301,94 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
         }
       `
       break;
-    case 'product-left-nav': 
+    case 'dashboard-active-left-nav': 
       style += `
         &:before { 
-          content: url(${IconProductLeftNav}); 
+          content: url(${IconDashboardActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'conversation-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconConversationLeftNav}); 
+        }
+      `
+      break;
+    case 'conversation-active-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconConversationActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'ai-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconAiLeftNav}); 
+        }
+      `
+      break;
+    case 'ai-active-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconAiActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'reporting-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconReportingLeftNav}); 
+        }
+      `
+      break;
+    case 'reporting-active-left-nav':
+      style += `
+        &:before { 
+          content: url(${IconReportingActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'integration-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconIntegrationLeftNav}); 
+        }
+      `
+      break;
+    case 'integration-active-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconIntegrationActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'setting-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconSettingLeftNav}); 
+        }
+      `
+      break;
+    case 'setting-active-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconSettingActiveLeftNav}); 
+        }
+      `
+      break;
+    case 'customer-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconCustomerLeftNav}); 
+        }
+      `
+      break;
+    case 'customer-active-left-nav': 
+      style += `
+        &:before { 
+          content: url(${IconCustomerActiveLeftNav}); 
         }
       `
       break;