@tap-payments/os-micro-frontend-shared 0.0.296-test.3 → 0.0.296-test.4

package/build/components/TableCells/CustomCells/BrandsCell/BrandsCell.js

@@ -15,7 +15,7 @@ import { BrandsWrapper, Label, VerificationIcon } from './style';
 import { verificationIcon } from './constants';
 import Tooltip from '../../../Tooltip';
 import { Box } from '@mui/material';
-import IconWithBadge from '../../../IconWithBadge';
+import Icon from '../../../Icon';
 export default function BrandsCell(_a) {
     var { brand, verificationStatus } = _a, props = __rest(_a, ["brand", "verificationStatus"]);
     const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
@@ -24,5 +24,5 @@ export default function BrandsCell(_a) {
         overlayIcon: icon ? _jsx(VerificationIcon, { src: icon }) : null,
         label: brand.name,
     };
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(BrandsWrapper, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden' } }, { children: [_jsx(IconWithBadge, { mainIcon: item.icon, overlayIcon: item.overlayIcon }, item.label), _jsx(Label, { children: brand.name })] })) })) }) })));
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(BrandsWrapper, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden' } }, { children: [_jsx(Icon, { src: item.icon }, item.label), _jsx(Label, { children: brand.name })] })) })) }) })));
 }

package/build/components/TableCells/CustomCells/SegmentsCell/style.js

@@ -7,8 +7,8 @@ export const StyledSourceCell = styled('span')(({ theme }) => ({
     gap: theme.spacing(1),
 }));
 export const StyledSourceImage = styled('img')(() => ({
-    maxWidth: '12px',
-    maxHeight: '12px',
+    maxWidth: '16px',
+    maxHeight: '16px',
 }));
 export const ReferenceSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
     display: 'flex',

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.296-test.3",
-  "testVersion": 3,
+  "version": "0.0.296-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",