forstok-ui-lib 6.7.8 → 6.7.10

package/package.json

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

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

@@ -2481,7 +2481,7 @@ export const TabsWrapper = styled.section<{ $mode?: string }>`
       left: 220px;
     }
     @media only screen and (min-width: 1800px) {
-      padding: 0 20px 0 28px;
+      padding: 0 16px 0 16px;
     }
   }
   ${getTabsWrapperModFunc}

package/src/components/image/channel.tsx

@@ -4,7 +4,7 @@ import { InitialContainer, APILabel } from '../../assets/stylesheets/shares.styl
 
 import { ImageMode } from './type'
 
-const ImageChannelComponent = ({ data, label, size, isImageOnly, $mode, $isPhone }:{ data?: any, label?: string, size?: string, isImageOnly?: boolean, $mode?: ImageMode, $isPhone?: boolean }) => {
+const ImageChannelComponent = ({ data, label, size, isImageOnly, $mode, $isPhone, labelPhone }:{ data?: any, label?: string, size?: string, isImageOnly?: boolean, $mode?: ImageMode, $isPhone?: boolean, labelPhone?: string }) => {
   const fontSize = size ? ((parseInt(size) / 2) > 10 ? (parseInt(size) / 2) : 10) : 10
   const defSize = size || '20px'
 
@@ -18,7 +18,7 @@ const ImageChannelComponent = ({ data, label, size, isImageOnly, $mode, $isPhone
   const defSrc = data?.icon || data?.imageUrl || data?.channelImage || data?.channel_image || ''
   const defColor = data?.color || data?.channelColor || data?.channel_color || '#ooo'
   const defInitial = data?.channelInitials || data?.channelInitial || data?.channel_initials || data?.initials || ''
-  const defPhone = data?.phone || data?.storeId || '-'
+  const defPhone = labelPhone || data?.phone || data?.storeId || '-'
   const isAPI = data?.availableAPI
 
   return (