forstok-ui-lib 6.6.4 → 6.6.6

package/package.json

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

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

@@ -0,0 +1,5 @@
+<?xml version='1.0' encoding='utf-8'?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129" style="fill: rgb(86,86,86)">
+  <path d="m119.2,114.3h-109.4c-2.3,0-4.1,1.9-4.1,4.1s1.9,4.1 4.1,4.1h109.5c2.3,0 4.1-1.9 4.1-4.1s-1.9-4.1-4.2-4.1z"/>
+  <path d="m5.7,78l-.1,19.5c0,1.1 0.4,2.2 1.2,3 0.8,0.8 1.8,1.2 2.9,1.2l19.4-.1c1.1,0 2.1-0.4 2.9-1.2l67-67c1.6-1.6 1.6-4.2 0-5.9l-19.2-19.4c-1.6-1.6-4.2-1.6-5.9-1.77636e-15l-13.4,13.5-53.6,53.5c-0.7,0.8-1.2,1.8-1.2,2.9zm71.2-61.1l13.5,13.5-7.6,7.6-13.5-13.5 7.6-7.6zm-62.9,62.9l49.4-49.4 13.5,13.5-49.4,49.3-13.6,.1 .1-13.5z"/>
+</svg>

package/src/assets/stylesheets/shares.styles.ts

@@ -388,10 +388,10 @@ const getTabsColumnModFunc = ({ $mode, $content }:{ $mode?: string, $content?: s
       grid-auto-flow: column;
       justify-content: left;
       grid-gap: ${ $content === 'store' ? '6px' : '8px'};
-      grid-template-columns: ${ $content === 'store' ? '28px 1fr' : ($content === 'checkbox') ? '16px 34px 1fr' : '34px 1fr'};
+      grid-template-columns: ${ $content === 'store' ? 'auto 1fr' : ($content === 'checkbox') ? '16px 34px 1fr' : '34px 1fr'};
       align-items: start;
       > div:first-child {
-        height: ${ $content === 'store' ? '28px' : '34px'};
+        height: ${ $content === 'store' ? 'auto' : '34px'};
       }
       > aside {
         align-items: center;

package/src/components/icon/styles.ts

@@ -32,6 +32,7 @@ import IconCheckChat from '../../assets/images/icons/check.svg';
 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'
 
 const NotificationStyled = css`
   width: 44px;
@@ -79,7 +80,7 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
     case 'edit': 
       style += `
         &:before { 
-          content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/edit.svg'); 
+          content: url(${IconEdit}); 
         }
       `
       break;