carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.96 kB
JavaScript
import t,{css as e}from"styled-components";import{margin as r}from"styled-system";import i from"../../__internal__/input/input-presentation.style.js";import{StyledLabelContainer as o}from"../../__internal__/label/label.style.js";import a from"../../style/themes/apply-base-theme.js";const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},d=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e(["margin-bottom:0;padding-left:","px;"],n[t]))),l=t.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:t})=>t?`0 0 ${t}%`:1),(({gutter:t})=>t&&e(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e([""," + "," ","{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);}"],d,d,i,d,i,d,i,d,i)))),s=t.div.attrs(a).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;}'],r,(({labelInline:t})=>t?"flex":"block"),o,(({labelInline:t})=>t?"0px":"8px"),(({labelWidth:t})=>t?`${t}%`:"auto"));export{l as StyledContentContainer,d as StyledInlineInput,s as default};