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

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

import o,{css as i}from"styled-components";import e from"../../__internal__/validations/validation-icon.style.js";const t=o.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],e),r=o.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:o,childWidth:i})=>((o,i)=>Math.floor(+o/+i)*+i)(o,i)),2,2,(({error:o,info:e,warning:t})=>o?i(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):t?i(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):e?i(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));export{r as StyledColorOptions,t as StyledContent};