@bothub-chat/ui/dist/components/accordion/styled.js

Bothub UI Components

import{styled as o,css as t}from"styled-components";import{Typography as i}from"../typography/index.js";import{ArrowDownIcon as r}from"../../icons/arrow-down/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as e}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"tslib";const a=o.div.withConfig({displayName:"styled__AccordionStyled",componentId:"sc-1vnkdol-0"})(["width:100%;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;position:relative;"]),n=o.div.withConfig({displayName:"styled__AccordionHead",componentId:"sc-1vnkdol-1"})(["display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px;cursor:pointer;border:",";border-radius:20px;transition:border-bottom 0.3s,border-radius 0.3s;position:relative;overflow:hidden;",";&::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:",";opacity:",";}"],({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o})=>o&&t`
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    `,({theme:o})=>o.colors.grayScale.gray4,({$isDefaultVariant:o})=>o?"0.5":"0.75"),s=o(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__AccordionLabel",componentId:"sc-1vnkdol-2"})(["position:relative;z-index:1;"]),d=o(r).attrs({size:24}).withConfig({displayName:"styled__AccordionArrow",componentId:"sc-1vnkdol-3"})(["transform:rotate(",");transition:transform 0.2s ease-in-out;"],({$isOpen:o})=>o?"180deg":"0deg"),l=o.div.withConfig({displayName:"styled__AccordionBody",componentId:"sc-1vnkdol-4"})(["background-color:",";border:",";border-top:0;border-radius:0 0 20px 20px;transition:max-height 0.3s,padding 0.3s,opacity 0.3s;",";"],({theme:o,$isDefaultVariant:t})=>t?o.colors.grayScale.gray3:e(o.colors.grayScale.gray4,.75),({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o,$isDefaultVariant:i})=>o?t`
          padding: 18px;
          ${i?"":"padding-top: 0px;"}
          max-height: auto;
        `:t`
          padding: 0 18px;
          max-height: 0px;
          opacity: 0;
          pointer-events: none;
        `),p=o(i).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__AccordionText",componentId:"sc-1vnkdol-5"})(["white-space:pre-wrap;",";"],({$isOpen:o})=>!o&&t`
      opacity: 0;
      pointer-events: none;
    `);export{d as AccordionArrow,l as AccordionBody,n as AccordionHead,s as AccordionLabel,a as AccordionStyled,p as AccordionText};