carbon-react/lib/components/fieldset/fieldset.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),n=require("../../style/themes/apply-base-theme.js"),a=require("../checkbox/checkbox.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const l=s.default.fieldset.attrs(n.default).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-570c0e4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],t.margin,(({newValidation:t})=>!t&&e.css(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],i.default,a.default))),r=s.default.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:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])));exports.FieldsetStyle=l,exports.StyledLegend=r;