@tap-payments/os-micro-frontend-shared 0.0.196 → 0.0.197

package/build/components/StatusGroupChips/StatusGroupChips.d.ts

@@ -1,3 +1,3 @@
 import { StatusGroupChipsProps } from './type';
-declare const StatusGroupChips: ({ chips, containerSx, gap, direction, alignItems, defaultChipSx, ...containerProps }: StatusGroupChipsProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const StatusGroupChips: ({ chips, containerSx, defaultChipSx, ...containerProps }: StatusGroupChipsProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StatusGroupChips;

package/build/components/StatusGroupChips/StatusGroupChips.js

@@ -10,17 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import StatusChip from '../StatusChip';
+import { StyledContainer, StyledStatusChip } from './style';
 const StatusGroupChips = (_a) => {
-    var { chips, containerSx, gap = '4px', direction = 'row', alignItems = 'center', defaultChipSx } = _a, containerProps = __rest(_a, ["chips", "containerSx", "gap", "direction", "alignItems", "defaultChipSx"]);
+    var { chips, containerSx, defaultChipSx } = _a, containerProps = __rest(_a, ["chips", "containerSx", "defaultChipSx"]);
     if (!chips || chips.length === 0) {
         return null;
     }
-    return (_jsx(Box, Object.assign({ sx: Object.assign({ display: 'flex', gap,
-            alignItems, flexDirection: direction }, containerSx) }, containerProps, { children: chips.map((_a) => {
+    return (_jsx(StyledContainer, Object.assign({ sx: containerSx }, containerProps, { children: chips.map((_a) => {
             var { key, content, sx } = _a, chipProps = __rest(_a, ["key", "content", "sx"]);
-            return (_jsx(StatusChip, Object.assign({ sx: Object.assign(Object.assign({ padding: '0.75px 12px', maxWidth: '120px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'flex', alignItems: 'center', gap: '4px' }, defaultChipSx), sx) }, chipProps, { children: content }), key));
+            return (_jsx(StyledStatusChip, Object.assign({ sx: Object.assign(Object.assign({}, defaultChipSx), sx) }, chipProps, { children: content }), key));
         }) })));
 };
 export default StatusGroupChips;

package/build/components/StatusGroupChips/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<Omit<import("../StatusChip").StatusChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/StatusGroupChips/style.js

@@ -0,0 +1,18 @@
+import { styled, Box } from '@mui/material';
+import StatusChip from '../StatusChip';
+export const StyledContainer = styled(Box)(() => ({
+    display: 'flex',
+    gap: '4px',
+    alignItems: 'center',
+    flexDirection: 'row',
+}));
+export const StyledStatusChip = styled(StatusChip)(() => ({
+    padding: '0.75px 12px',
+    maxWidth: '120px',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '4px',
+}));

package/build/components/StatusGroupChips/type.d.ts

@@ -4,18 +4,10 @@ export interface ChipConfig {
     key: string;
     content: React.ReactNode;
     sx?: object;
-    textColor?: string;
-    bgColor?: string;
-    borderColor?: string;
-    disabled?: boolean;
-    padding?: string;
     onClick?: (event: React.MouseEvent) => void;
 }
 export interface StatusGroupChipsProps extends Omit<BoxProps, 'children'> {
     chips: ChipConfig[];
     containerSx?: object;
-    gap?: string | number;
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    alignItems?: 'center' | 'flex-start' | 'flex-end' | 'stretch' | 'baseline';
     defaultChipSx?: object;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.196",
+  "version": "0.0.197",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",