carbon-react/lib/__internal__/input/input.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");function t(e){return e&&e.__esModule?e:{default:e}}const r=t(e).default.input.withConfig({displayName:"input.style__StyledInput",componentId:"sc-36f7ebca-0"})(["",";background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," "," &::placeholder{color:var(--colorsUtilityYin055);}",""],(({isInputInSelect:e})=>e&&"text-overflow: ellipsis"),(({inputBorderRadius:e})=>Array.isArray(e)?`border-radius: ${e.map((e=>`var(--${e})`)).join(" ")};`:`border-radius: var(--${e});`),(({align:t})=>t&&e.css(["text-align:",";"],t)),(({disabled:t})=>t&&e.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));exports.default=r;