forstok-ui-lib 6.7.4 → 6.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.7.4",
+  "version": "6.7.6",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/images/icons/agent.svg

@@ -0,0 +1,9 @@
+<svg width="auto" height="auto" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="21" height="21" fill="url(#pattern0_31880_540)"/>
+<defs>
+<pattern id="pattern0_31880_540" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_31880_540" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_31880_540" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/src/assets/images/icons/report.svg

@@ -0,0 +1,9 @@
+<svg width="auto" height="auto" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="21" height="21" fill="url(#pattern0_32008_223)"/>
+<defs>
+<pattern id="pattern0_32008_223" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_32008_223" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_32008_223" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/src/components/button/styles.ts

@@ -1,5 +1,7 @@
 import styled, { css } from 'styled-components';
 import { buttonActiveStyle, buttonHoverStyle, buttonStyle } from '../../assets';
+import IconAgent from '../../assets/images/icons/agent.svg'
+import IconReport from '../../assets/images/icons/report.svg'
 
 const IconStyles = css`
   display: inline-block;
@@ -256,6 +258,30 @@ const getButtonModifiedStyled = ({ $mode, $isIndicatorArrow, $isShown, $isLoadin
           font-size: 16px;
         }
       `
+    } else if ($iconLeft === 'agent') {
+      style += `
+        &:before { 
+          content: url(${IconAgent}); 
+          position: absolute;
+          left: 12px;
+          top: 50%;
+          margin-top: -8px;
+          width: 14px;
+          height: 16px;
+        }
+      `
+    } else if ($iconLeft === 'report') {
+      style += `
+        &:before { 
+          content: url(${IconReport}); 
+          position: absolute;
+          left: 12px;
+          top: 50%;
+          margin-top: -8px;
+          width: 14px;
+          height: 16px;
+        }
+      `
     }
   }
   if ($isIndicatorArrow) {

package/src/components/icon/styles.ts

@@ -33,6 +33,8 @@ import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
 import IconPhone from '../../assets/images/icons/phone.svg';
 import IconLocation from '../../assets/images/icons/location.svg';
 import IconEdit from '../../assets/images/icons/edit.svg'
+import IconAgent from '../../assets/images/icons/agent.svg'
+import IconReport from '../../assets/images/icons/report.svg'
 
 const NotificationStyled = css`
   width: 44px;
@@ -500,6 +502,20 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
         }
       `
       break; 
+    case 'agent':
+      style += `
+        &:before { 
+          content: url(${IconAgent}); 
+        }
+      `
+      break; 
+    case 'report': 
+      style += `
+        &:before { 
+          content: url(${IconReport}); 
+        }
+      `
+      break; 
     default: 
       break;
   }