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

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

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