carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.06 kB
JavaScript
import e,{css as t}from"styled-components";import o from"../../../../__internal__/input/input-sizes.style.js";const i=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"sc-375f3004-0"})(["",""],(({disabled:e,hasPlaceholder:i,readOnly:l,transparent:n,size:s})=>t(["align-items:center;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],o[s].horizontalPadding,n&&t(["font-weight:500;text-align:right;"]),i&&t(["color:",";font-weight:",";user-select:none;"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),l&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"sc-375f3004-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);export{i as StyledSelectText,l as StyledSelectTextChildrenWrapper};