carbon-react/lib/components/inline-inputs/inline-inputs.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"),r=require("../../__internal__/input/input-presentation.style.js"),i=require("../../__internal__/label/label.style.js"),a=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},l=d.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],n[t]))),s=d.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],l,l,r.default,l,r.default,l,r.default,l,r.default)))),u=d.default.div.attrs(a.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-9639cce8-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),i.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=l,exports.default=u;