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

Bothub UI Components

import{styled as e,css as t}from"styled-components";import{Typography as s}from"../../../../typography/index.js";import{ArrowDownIcon as i}from"../../../../../icons/arrow-down/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionStyled",componentId:"sc-12ce8ke-0"})(["display:flex;flex-direction:column;width:100%;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),a=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionHead",componentId:"sc-12ce8ke-1"})(["display:flex;justify-content:space-between;align-items:center;padding:","px;border-radius:6px;gap:","px;"," user-select:none;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":return 12;case"large":return 10}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e,$disabled:s})=>s?t`
        cursor: not-allowed;
        &:hover {
          background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};
        }
        & > ${l}:first-child {
          opacity: 0.5;
        }
      `:t`
      cursor: pointer;
      &:hover {
        background: ${e.colors.accent.primary}33;
      }
    `)),l=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionHeadSide",componentId:"sc-12ce8ke-2"})(["display:flex;align-items:center;gap:","px;"],(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}})),n=e(s).attrs((e=>({variant:"large"===e.$size?"body-m-semibold":"input-sm"}))).withConfig({displayName:"styled__SelectFieldCollapseOptionText",componentId:"sc-12ce8ke-3"})(["",""],(({$bold:e})=>e&&t`
      font-weight: 500;
    `)),r=e(i).attrs({size:16}).withConfig({displayName:"styled__SelectFieldCollapseOptionArrow",componentId:"sc-12ce8ke-4"})(["transition:transform 0.2s ease-in-out;"]),d=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionBody",componentId:"sc-12ce8ke-5"})([""]);export{r as SelectFieldCollapseOptionArrow,d as SelectFieldCollapseOptionBody,a as SelectFieldCollapseOptionHead,l as SelectFieldCollapseOptionHeadSide,o as SelectFieldCollapseOptionStyled,n as SelectFieldCollapseOptionText};