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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/form-field/form-field.style.js");function n(r){return r&&r.__esModule?r:{default:r}}const c=n(o).default.div.attrs(s.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-e6eafad8-0"})(["",""],(({isFocused:s,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:u,theme:p,variant:v})=>{const y="dark"===v,g=y?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,n?`${n}`:"100%",c?`${c}`:"100%",!u&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g,y?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||s)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),a.default,y&&o.css(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),y&&d&&!u&&o.css(["color:var(--colorsUtilityYang100);"]),e.default,!y&&o.css(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),y&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),y&&!u&&o.css(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!y&&o.css(["background-color:",";"],d||s||u?"var(--colorsUtilityYang100)":"transparent"),u&&o.css(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!s&&!d&&!u&&o.css(["border:1px solid transparent;"]),!s&&d&&!u&&o.css(["background-color:",";"],y?"transparent":"var(--colorsUtilityYang100)"),l.default,p.zIndex.smallOverlay,i.default,y&&!u&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!y&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,d&&o.css(["margin-bottom:-1px;"]))}));exports.default=c;