@bothub-chat/ui/dist/components/select-field/styled.js

Bothub UI Components

import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-components";import{Typography as o}from"../typography/index.js";import{ArrowDownIcon as l}from"../../icons/arrow-down/index.js";import{Skeleton as s}from"../skeleton/index.js";import{Chip as a}from"../chip/index.js";import{LoaderCircularGradientIcon as r}from"../../icons/loader-circular-gradient/index.js";import{SearchCircleIcon as n}from"../../icons/search-circle/index.js";import{Button as d}from"../button/index.js";import{CloseIcon as c}from"../../icons/close/index.js";const p=t.div.withConfig({displayName:"styled__SelectFieldStyled",componentId:"sc-ostlwx-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;position:relative;"," "," ",""],(({$fullWidth:e})=>!e&&i`
      max-width: 259px;
    `),(({$disabled:e})=>e&&i`
      cursor: not-allowed;
    `),(({$disabled:e})=>!e&&i`
      cursor: default;
    `)),m=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldLabel",componentId:"sc-ostlwx-1"})(["display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:inherit;width:100%;"]),w=t.div.withConfig({displayName:"styled__SelectFieldInput",componentId:"sc-ostlwx-2"})(["display:flex;align-items:center;width:100%;justify-content:space-between;gap:12px;user-select:none;border:1px solid ",";border-radius:10px;"," box-sizing:border-box;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:",";"," ",""],(({theme:e,$disabled:t,$error:i,$open:o,$skeleton:l})=>t||l?e.colors.grayScale.gray5:i?e.colors.critic:o?e.colors.accent.primary:e.colors.grayScale.gray2),(({$multiple:e})=>e?i`
        padding: 10px;
        padding-right: 16px;
      `:i`
      padding: 14px 16px;
    `),(({theme:e,$disabled:t,$skeleton:i,$blur:o})=>t||i?e.colors.grayScale.gray3:o?"light"===e.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$disabled:e,$skeleton:t,$loading:i})=>t||i?"progress":e?"not-allowed":"pointer"),(({theme:e,$error:t,$disabled:o,$skeleton:l})=>!t&&!o&&!l&&i`
      &:hover {
        border-color: ${e.colors.accent.primary};
      }
    `),(({$disabled:e,$open:t})=>e?i`
        ${b} {
          visibility: hidden;
        }
      `:i`
      ${b} {
        visibility: ${t?"visible":"hidden"};
      }
      &:hover {
        ${b} {
          visibility: visible;
        }
      }
    `)),h=t.div.withConfig({displayName:"styled__SelectFieldInputSide",componentId:"sc-ostlwx-3"})(["display:flex;align-items:center;gap:10px;"]),x=t(h).withConfig({displayName:"styled__SelectFieldInputLeftSide",componentId:"sc-ostlwx-4"})(["width:100%;min-width:0;"]),y=t(n).attrs({size:16}).withConfig({displayName:"styled__SelectFieldSearchIcon",componentId:"sc-ostlwx-5"})(["path{fill:",";}"],(({theme:e,$focus:t})=>t?e.colors.base.white:e.colors.grayScale.gray1)),g=t.input.withConfig({displayName:"styled__SelectFieldInputNative",componentId:"sc-ostlwx-6"})(["display:inline-flex;width:100%;background:none;border:none;outline:none;color:",";font-size:14px;font-weight:400;line-height:18px;padding:0px;&::placeholder{color:",";}&:focus::placeholder{color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&:-webkit-autofill:focus{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}",""],(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray1),(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray6),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray4),(({disabled:e})=>e&&i`
      cursor: not-allowed;
    `)),b=t(d).attrs({variant:"text",iconSize:12,children:e(c,{})}).withConfig({displayName:"styled__SelectFieldClearButton",componentId:"sc-ostlwx-7"})([""]),f=t.span.withConfig({displayName:"styled__SelectFieldValue",componentId:"sc-ostlwx-8"})(["display:inline-flex;align-items:center;gap:10px;width:100%;"]),u=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldValueText",componentId:"sc-ostlwx-9"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;"]),_=t.span.withConfig({displayName:"styled__SelectFieldValueColor",componentId:"sc-ostlwx-10"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],(({$color:e})=>e)),S=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorValueText",componentId:"sc-ostlwx-11"})(["color:",";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;"],(({theme:e})=>e.colors.base.white)),k=t.div.withConfig({displayName:"styled__SelectFieldValues",componentId:"sc-ostlwx-12"})(["display:flex;width:100%;"]),$=t.div.withConfig({displayName:"styled__SelectFieldValueList",componentId:"sc-ostlwx-13"})(["display:flex;gap:8px;flex-wrap:wrap;width:100%;"]),v=t(a).withConfig({displayName:"styled__SelectFieldValueListItem",componentId:"sc-ostlwx-14"})([""]),I=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldPlaceholder",componentId:"sc-ostlwx-15"})(["color:",";"],(({$open:e,theme:t})=>e?t.colors.grayScale.gray6:t.colors.grayScale.gray1)),C=t(r).withConfig({displayName:"styled__SelectFieldLoader",componentId:"sc-ostlwx-16"})([""]),N=t(l).attrs({size:16}).withConfig({displayName:"styled__SelectFieldArrow",componentId:"sc-ostlwx-17"})(["transition:transform 0.2s ease-in-out;transform:rotateZ(","deg);"],(({$isOpen:e})=>e?180:0)),F=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldErrorText",componentId:"sc-ostlwx-18"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic)),j=t(s).withConfig({displayName:"styled__SelectFieldSkeleton",componentId:"sc-ostlwx-19"})(["width:100%;height:18px;"]);export{N as SelectFieldArrow,b as SelectFieldClearButton,S as SelectFieldColorValueText,F as SelectFieldErrorText,w as SelectFieldInput,x as SelectFieldInputLeftSide,g as SelectFieldInputNative,h as SelectFieldInputSide,m as SelectFieldLabel,C as SelectFieldLoader,I as SelectFieldPlaceholder,y as SelectFieldSearchIcon,j as SelectFieldSkeleton,p as SelectFieldStyled,f as SelectFieldValue,_ as SelectFieldValueColor,$ as SelectFieldValueList,v as SelectFieldValueListItem,u as SelectFieldValueText,k as SelectFieldValues};