carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.12 kB
JavaScript
import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../checkbox/checkbox.style.js";const r=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-570c0e4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],i,(({newValidation:e})=>!e&&t(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],o,a))),s=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-570c0e4a-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;",""],(({isRequired:e})=>e&&t(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])));export{r as FieldsetStyle,s as StyledLegend};