@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.03 kB
JavaScript
;var e=require("@mui/material");require("../../BrandCore/colorRamps.js");var r=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js");var a=require("../../BrandCore/typography.js");require("react/jsx-runtime"),require("../../BrandCore/Icon/Icon.js");var t=require("../Label/Label.js");const o=e.styled(t)(({theme:t})=>({backgroundColor:t.custom.palette.yellow[400],borderRadius:t.spacing(t.custom.radius.round),padding:`${t.spacing(t.custom.padding.xs)} ${t.spacing(t.custom.padding.md)}`,height:"unset",[`& .${e.chipClasses.label}`]:{textTransform:"none",fontFamily:a.fonts.FontStack.Serif,fontSize:t.custom.typography.headline.md,color:t.custom.palette.text.primary,padding:`0 ${t.spacing(t.custom.padding.md)}`},[`& .${e.chipClasses.icon}`]:{height:4*r.base,width:4*r.base,backgroundColor:t.custom.palette.yellow[400],color:t.custom.palette.text.primary,[t.breakpoints.down("lg")]:{height:3*r.base,width:3*r.base}}}));exports.TrialPill=o;