@bothub-chat/ui/dist/components/color-picker/styled.js

Bothub UI Components

import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__ColorPickerStyled",componentId:"sc-mxl06u-0"})(["display:flex;flex-direction:column;gap:20px;position:relative;width:fit-content;user-select:none;-moz-user-select:none;-webkit-user-select:none;"]),i=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerLabel",componentId:"sc-mxl06u-1"})([""]),l=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerHex",componentId:"sc-mxl06u-2"})(["display:flex;justify-content:center;align-items:center;width:100px;padding-block:8px;border-radius:8px;border:1px solid ",";background-color:",";color:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.base.black,({theme:e})=>e.colors.base.white),c=e.div.withConfig({displayName:"styled__ColorPickerPreview",componentId:"sc-mxl06u-3"})(["width:60px;height:36px;border-radius:8px;border:1px solid ",";"],({theme:e})=>e.colors.grayScale.gray2),s=e.button.withConfig({displayName:"styled__ColorPickerBottom",componentId:"sc-mxl06u-4"})(["all:unset;display:flex;gap:10px;align-items:center;&:hover{cursor:pointer;}",""],({theme:e,$active:r})=>r&&o`
      ${l} {
        border-color: ${e.colors.accent.primary};
      }
      ${c} {
        border-color: ${e.colors.accent.primary};
      }
    `);export{s as ColorPickerBottom,l as ColorPickerHex,i as ColorPickerLabel,c as ColorPickerPreview,t as ColorPickerStyled};