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

Bothub UI Components

import{styled as e}from"styled-components";import{Typography as o}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__Overlay",componentId:"sc-ixe1my-0"})(["position:fixed;pointer-events:auto;width:100%;height:100%;inset:0;background-color:rgba(0,0,0,0.65);transition:opacity 0.2s linear;z-index:",";opacity:0;&._opened{opacity:1;}"],(({theme:e})=>e.zIndex.modal-1)),i=e.div.withConfig({displayName:"styled__Component",componentId:"sc-ixe1my-1"})(["padding:56px 20px 20px 20px;z-index:",";background-color:",";height:100%;position:fixed;top:0;width:470px;right:-470px;transition:transform 0.2s linear;&._opened{transform:translateX(-100%);}@media (max-width:","){width:100%;right:-100%;}"],(({theme:e})=>e.zIndex.modal-1),(e=>e.theme.colors.grayScale.gray4),(({theme:e})=>e.mobile.maxWidth)),n=e.div.withConfig({displayName:"styled__Header",componentId:"sc-ixe1my-2"})(["display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem;"]),d=e(o).attrs({variant:"body-xl-semibold"}).withConfig({displayName:"styled__Title",componentId:"sc-ixe1my-3"})([""]),a=e.button.withConfig({displayName:"styled__CloseButton",componentId:"sc-ixe1my-4"})(["margin-left:auto;outline:none;background:none;border:none;cursor:pointer;&:hover{path{fill:",";}}"],(({theme:e})=>e.colors.base.white)),r=e.div.withConfig({displayName:"styled__Content",componentId:"sc-ixe1my-5"})(["overflow-y:scroll;overflow-x:hidden;max-height:calc(100% - 2rem);padding-bottom:2.4rem;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);export{a as CloseButton,i as Component,r as Content,n as Header,t as Overlay,d as Title};