carbon-react/lib/components/simple-color-picker/simple-color-picker.style.js

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

"use strict";var e=require("styled-components"),t=require("../../__internal__/validations/validation-icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const r=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],t.default),l=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:e,childWidth:t})=>((e,t)=>Math.floor(+e/+t)*+t)(e,t)),2,2,(({error:t,info:o,warning:i})=>t?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):i?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):o?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));exports.StyledColorOptions=l,exports.StyledContent=r;