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

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

"use strict";var e=require("styled-components"),o=require("styled-system"),r=require("./advanced-color-picker-cell.style.js"),i=require("../simple-color-picker/simple-color-picker.style.js"),l=require("../simple-color-picker/simple-color/simple-color.style.js"),t=require("../dialog/dialog.style.js"),d=require("../dialog/dialog.component.js"),a=require("../icon-button/icon-button.style.js"),s=require("../simple-color-picker/simple-color/checker-board.svg"),n=require("../../style/utils/visually-hidden.js"),c=require("../definition-list/dl.component.js");require("../definition-list/dt/dt.component.js"),require("../definition-list/dd/dd.component.js");var p=require("../../style/themes/apply-base-theme.js");function u(e){return e&&e.__esModule?e:{default:e}}var m=u(e),y=u(s);const g=m.default.div.attrs(p.default).withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-a7cde62d-0"})([""," display:inline-block;"],o.margin),v=m.default(c.default).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-a7cde62d-1"})(["",""],n.default),f=m.default.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"sc-a7cde62d-2"})(["width:25px;height:25px;margin-bottom:15px;border:1px solid var(--colorsUtilityYin090);border-radius:var(--borderRadius050);"," "," &:hover{cursor:initial;}"],(({color:o})=>"transparent"!==o&&e.css(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&e.css(['background-color:#eeeeee;background-image:url("','");background-size:10px 10px;'],y.default))),k=m.default(d.Dialog).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"sc-a7cde62d-3"})(["","{padding:var(--spacing200);}","{max-width:285px;","{border:1px solid var(--colorsUtilityYin090);margin-right:-1px;margin-bottom:-1px;transition:all 0.2s ease;&:hover{transform:scale(1.1);}}}","{border:none;}",'{top:20px;right:13px;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],t.StyledDialogContent,i.StyledColorOptions,l.StyledSimpleColor,i.StyledColorOptions,a.default);exports.StyledAdvancedColorPickerCell=r.default,exports.DialogStyle=k,exports.HiddenCurrentColorList=v,exports.StyledAdvancedColorPickerPreview=f,exports.StyledAdvancedColorPickerWrapper=g;