carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.16 kB
JavaScript
import o,{css as r}from"styled-components";import{margin as e}from"styled-system";export{default as StyledAdvancedColorPickerCell}from"./advanced-color-picker-cell.style.js";import{StyledColorOptions as i}from"../simple-color-picker/simple-color-picker.style.js";import{StyledSimpleColor as t}from"../simple-color-picker/simple-color/simple-color.style.js";import{StyledDialogContent as l}from"../dialog/dialog.style.js";import{Dialog as d}from"../dialog/dialog.component.js";import c from"../icon-button/icon-button.style.js";import n from"../simple-color-picker/simple-color/checker-board.svg";import s from"../../style/utils/visually-hidden.js";import a from"../definition-list/dl.component.js";import"../definition-list/dt/dt.component.js";import"../definition-list/dd/dd.component.js";import p from"../../style/themes/apply-base-theme.js";const m=o.div.attrs(p).withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-a7cde62d-0"})([""," display:inline-block;"],e),y=o(a).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-a7cde62d-1"})(["",""],s),g=o.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&&r(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&r(['background-color:#eeeeee;background-image:url("','");background-size:10px 10px;'],n))),f=o(d).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);}'],l,i,t,i,c);export{f as DialogStyle,y as HiddenCurrentColorList,g as StyledAdvancedColorPickerPreview,m as StyledAdvancedColorPickerWrapper};