carbon-react/esm/components/date/date.style.js

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

import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import a from"../../style/themes/apply-base-theme.js";import l from"../../__internal__/input/input.style.js";import n from"../../__internal__/input/input-presentation.style.js";import{FieldLineStyle as m}from"../../__internal__/form-field/form-field.style.js";import r from"../../__internal__/validation-message/validation-message.style.js";import o from"../../__internal__/label/label.style.js";const s={large:"140px",medium:"135px",small:"120px"},p=t.div.attrs(a).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-7be40934-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{flex:none;width:",";","{margin-right:-8px;}}",""],i,n,(({inputWidth:t,maxWidth:e,size:i})=>e||t?"":s[i]),l,(({applyDateRangeStyling:t,maxWidth:i,size:a,labelInline:l})=>t&&!l&&e(["","{max-width:",";}",",","{overflow-wrap:anywhere;}"],m,i||s[a],r,o)));export{p as default};