@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 l=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)"};
        }
        & > ${o}:first-child {
          opacity: 0.5;
        }
      `:t`
      cursor: pointer;
      &:hover {
        background: ${e.colors.accent.primary}33;
      }
    `),o=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionHeadSide",componentId:"sc-12ce8ke-2"})(["display:flex;align-items:center;width:100%;gap:","px;"],({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),n=e.div.withConfig({displayName:"styled__SelectFieldCollapseIconSide",componentId:"sc-12ce8ke-3"})(["display:flex;align-items:center;gap:","px;"],({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),r=e(s).attrs(e=>({variant:"large"===e.$size?"body-m-semibold":"input-sm"})).withConfig({displayName:"styled__SelectFieldCollapseOptionText",componentId:"sc-12ce8ke-4"})(["",""],({$bold:e})=>e&&t`
      font-weight: 500;
    `),c=e(i).attrs({size:16}).withConfig({displayName:"styled__SelectFieldCollapseOptionArrow",componentId:"sc-12ce8ke-5"})(["transition:transform 0.2s ease-in-out;"]),d=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionBody",componentId:"sc-12ce8ke-6"})([""]);export{n as SelectFieldCollapseIconSide,c as SelectFieldCollapseOptionArrow,d as SelectFieldCollapseOptionBody,a as SelectFieldCollapseOptionHead,o as SelectFieldCollapseOptionHeadSide,l as SelectFieldCollapseOptionStyled,r as SelectFieldCollapseOptionText};