carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.35 kB
JavaScript
import e,{css as t}from"styled-components";import i from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import n from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import a from"../../__internal__/fieldset/fieldset.component.js";import{StyledLegend as o}from"../../__internal__/fieldset/fieldset.style.js";const p={small:"44px",medium:"50px",large:"64px"},s=e.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-88200622-0"})(["display:inline-flex;gap:var(--spacing150);"]),m=e.div.withConfig({displayName:"numeral-date.style__StyledDateField",componentId:"sc-88200622-1"})(["",""],(({isYearInput:e,hasValidationIconInField:a,size:o})=>t([""," ","{text-align:center;","}","{width:var(--spacing400);z-index:999;}label{font-weight:var(--fontWeights400);}"],o&&t(["","{position:relative;min-width:",";}"],n,e?(e=>({small:e?"75px":"66px",medium:"80px",large:"84px"}))(a)[o]:p[o]),l,a&&"padding-right: 0",i))),d={small:"57px",medium:"65px",large:"73px"},r=e(a).withConfig({displayName:"numeral-date.style__StyledFieldset",componentId:"sc-88200622-2"})(["",""],(({inline:e,size:i})=>t([""," ",""],e&&t(["","{height:",";}"],o,i&&d[i]),!e&&t(["width:min-content;"]))));export{m as StyledDateField,r as StyledFieldset,s as StyledNumeralDate};