UNPKG

@useloops/design-system

Version:

The official React based Loops design system

github.com/useloops/useloops-ds

useloops/useloops-ds

2 lines (1 loc) • 737 B
1
2
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@mui/material"),e=require("../../../../WebCore/ButtonBase/Button.variant-helpers.js"),s=require("../../helpers/index.js");const i=t.styled(t.Box,{shouldForwardProp:t=>!["status","sizing"].includes(t)})(({theme:i,status:r,sizing:a="md"})=>({borderRadius:i.spacing(i.custom.radius.md),padding:`0 ${i.spacing(i.custom.padding.sm)}`,display:"flex",alignItems:"center",justifyContent:"start",...a&&{...e.getButtonSizing(a)},...r&&{...s.getStatusStyling(i,r)},...a&&{...e.getIconSizing(a)},[`& .${t.typographyClasses.root}`]:{padding:`0 ${i.spacing(i.custom.padding.xs)}`,color:s.getTextColorByStatus(i,r,1e3)}}));exports.StyledTestStatus=i,exports.default=i;