@tap-payments/os-micro-frontend-shared 0.1.31-test.19 → 0.1.31-test.21

package/build/components/StatusChip/StatusChip.js

@@ -46,7 +46,7 @@ const StatusChip = (_a) => {
                                     objectFit: 'contain',
                                     position: 'absolute',
                                     right: 8,
-                                    top: 2,
+                                    top: 3.5,
                                 } })) })] })) }))] })));
 };
 export default StatusChip;

package/build/components/StatusChip/style.js

@@ -4,7 +4,11 @@ import { SELECTION_COLORS } from '../../utils/index.js';
 export const ChipStyled = styled(Box, {
     shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth', 'isSelected'].includes(prop),
 })(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth, }) => {
-    return Object.assign({ display: 'flex', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: '67px', maxWidth: maxWidth || 'none', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && { color: SELECTION_COLORS.primary, borderColor: SELECTION_COLORS.primary }));
+    return Object.assign({ display: 'flex', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
+        color: SELECTION_COLORS.primary,
+        borderColor: SELECTION_COLORS.primary,
+        filter: 'brightness(0) saturate(100%) invert(44%) sepia(54%) saturate(1203%) hue-rotate(170deg) brightness(91%) contrast(84%)',
+    }));
 });
 export const Wrapper = styled(Box)(() => ({
     display: 'flex',

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -92,7 +92,7 @@ export declare const chargeTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "90px";
+        readonly sheet: "100px";
     };
     readonly amount: {
         readonly default: "170px";
@@ -187,7 +187,7 @@ export declare const chargeTableCellWidth: {
     readonly card_number: {
         readonly default: "120px";
         readonly text: "120px";
-        readonly sheet: "145px";
+        readonly sheet: "155px";
     };
     readonly auth_code: {
         readonly default: "80px";

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -92,7 +92,7 @@ export const chargeTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '90px',
+        sheet: '100px',
     },
     amount: {
         default: '170px',
@@ -187,7 +187,7 @@ export const chargeTableCellWidth = {
     card_number: {
         default: '120px',
         text: '120px',
-        sheet: '145px',
+        sheet: '155px',
     },
     auth_code: {
         default: '80px',

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.1.31-test.19",
-  "testVersion": 19,
+  "version": "0.1.31-test.21",
+  "testVersion": 21,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",