carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.53 kB
JavaScript
import i,{css as e}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const o=i.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-9fe88181-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:i})=>i&&`width: ${i};`)),a=i.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-9fe88181-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:i})=>i&&e(["font-size:var(--fontSizes200);"])),(({isRequired:i})=>i&&e(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:i})=>i&&e(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"])),(({align:i,inline:t})=>i&&e(["text-align:",";justify-content:",";",""],i,"right"===i?"flex-end":"flex-start",!t&&e(["width:-moz-available;"]))),(({inline:i,width:t,rightPadding:n})=>i&&e(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),l=i.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-9fe88181-2"})(["margin-left:var(--spacing050);"]);export{o as StyledFieldset,l as StyledIconWrapper,a as StyledLegend};