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