carbon-react/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js

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

import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";const s=o.button.attrs(e).attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"sc-5a6db1d6-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:o})=>o&&t(["background-color:",";border-radius:var(--borderRadius050);"],o)),(({color:o})=>"transparent"===o&&t(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),r());export{s as default};