@tap-payments/os-micro-frontend-shared 0.3.149 → 0.3.150

package/build/_chunks/chunk-TTB3CTPJ.js

@@ -1 +0,0 @@
-import {yc}from'./chunk-RBCDAZB4.js';import {memo,useId}from'react';import {styled}from'@mui/material/styles';import f from'@mui/material/Radio';import {jsx}from'react/jsx-runtime';var e={color:"#8C9196",checkedColor:"#1F88D0",disabledColor:"#C7C7CC"},n={small:{iconSize:15,maxWidth:"24px"}},g=styled("span")(()=>({borderRadius:"50%",width:"12px",height:"12px",boxSizing:"border-box",boxShadow:"inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)"})),l=styled(g)({backgroundColor:e.checkedColor,"&::before":{display:"block",width:"12px",height:"12px",backgroundColor:e.checkedColor,borderRadius:"50%",backgroundImage:"radial-gradient(#fff,#fff 28%,transparent 32%)",content:'""'}}),c=styled(f,{shouldForwardProp:o=>!["iconSize","checkedColor","disabledColor","hoverColor"].includes(o)})(({iconSize:o,checkedColor:d,disabledColor:t,hoverColor:r})=>({"& .MuiSvgIcon-root":{fontSize:o||n.small.iconSize},maxWidth:n.small.maxWidth,cursor:"pointer",color:e.color,"&.Mui-checked":{color:d||e.checkedColor},"&:hover":r?{backgroundColor:"transparent",color:r}:void 0,"&.Mui-disabled":{color:t||e.disabledColor}}));function p({size:o="small",customCheckedIcon:d,checkedColor:t,disabledColor:r,hoverColor:m,iconSize:u,showRipple:h=false,sx:C,...x}){let b=yc(useId(),"radio-button");return jsx(c,{id:b,"data-testid":"RadioButton",size:o==="large"?"medium":o,disableRipple:!h,checkedIcon:d||jsx(l,{}),iconSize:u,checkedColor:t,disabledColor:r,hoverColor:m,sx:C,...x})}p.displayName="RadioButton";var k=memo(p);export{k as a};

package/build/components/RadioButton/RadioButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonProps } from './type';
-declare function RadioButton({ size, customCheckedIcon, checkedColor, disabledColor, hoverColor, iconSize, showRipple, sx, ...props }: RadioButtonProps): import("react").JSX.Element;
-declare namespace RadioButton {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof RadioButton>;
-export default _default;

package/build/components/RadioButton/index.d.ts

@@ -1,2 +0,0 @@
-export { default as RadioButton } from './RadioButton';
-export type { RadioButtonProps } from './type';

package/build/components/RadioButton/index.js

@@ -1 +0,0 @@
-export{a as RadioButton}from'../../_chunks/chunk-TTB3CTPJ.js';import'../../_chunks/chunk-RBCDAZB4.js';import'../../_chunks/chunk-UKJ66LPD.js';import'../../_chunks/chunk-R3NBSKNX.js';import'../../_chunks/chunk-VWSQS7GB.js';

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const DEFAULT_COLORS: {
-    readonly color: "#8C9196";
-    readonly checkedColor: "#1F88D0";
-    readonly disabledColor: "#C7C7CC";
-};
-export declare const SIZE_CONFIG: {
-    readonly small: {
-        readonly iconSize: 15;
-        readonly maxWidth: "24px";
-    };
-    readonly medium: {
-        readonly iconSize: 18;
-        readonly maxWidth: "28px";
-    };
-    readonly large: {
-        readonly iconSize: 20;
-        readonly maxWidth: "32px";
-    };
-};
-export declare const StyledRadioCheckedIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, {}, {}>;
-export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material/Radio").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    iconSize?: number | undefined;
-    checkedColor?: string | undefined;
-    disabledColor?: string | undefined;
-    hoverColor?: string | undefined;
-}, {}, {}>;

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { RadioProps, SxProps, Theme } from '@mui/material';
-export interface RadioButtonProps extends Omit<RadioProps, 'checkedIcon' | 'icon' | 'color' | 'size'> {
-    size?: 'small' | 'medium' | 'large';
-    customCheckedIcon?: React.ReactNode;
-    checkedColor?: string;
-    disabledColor?: string;
-    hoverColor?: string;
-    iconSize?: number;
-    showRipple?: boolean;
-    sx?: SxProps<Theme>;
-}