@bothub-chat/ui/dist/components/modal/modal-window/styled.js

Bothub UI Components

import{jsx as t}from"react/jsx-runtime";import{styled as i}from"styled-components";import{animated as o}from"@react-spring/web";import{Typography as e}from"../../typography/index.js";import{CloseIcon as d}from"../../../icons/close/index.js";import{Scrollbar as a}from"../../scrollbar/index.js";import{ScrollbarShadow as n}from"../../scrollbar/shadow/index.js";const l=i(o.div).withConfig({displayName:"styled__ModalWindowStyled",componentId:"sc-1q6uwo9-0"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:494px;overflow:hidden;background:",";border:1px solid ",";border-radius:17px;position:relative;z-index:",";@media (max-width:","){margin:0px 10px;}"],(({theme:t})=>t.colors.grayScale.gray3),(({theme:t})=>t.colors.grayScale.gray2),(({theme:t})=>t.zIndex.modal),(({theme:t})=>t.mobile.maxWidth)),m=i.div.withConfig({displayName:"styled__ModalWindowBody",componentId:"sc-1q6uwo9-1"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;padding-right:10px;width:100%;box-sizing:border-box;@media (max-width:","){padding:18px;padding-right:9px;}@media (max-width:","){padding:14px 18px;padding-right:9px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),r=i(e).withConfig({displayName:"styled__ModalWindowTitle",componentId:"sc-1q6uwo9-2"})(["font-weight:700;font-size:22px;line-height:29px;margin-bottom:20px;@media (max-width:","){font-size:20px;line-height:26px;margin-bottom:18px;}@media (max-width:","){font-size:18px;line-height:24px;margin-bottom:14px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),p=i.button.withConfig({displayName:"styled__ModalWindowCloseButton",componentId:"sc-1q6uwo9-3"})(["display:inline-flex;position:absolute;top:22.5px;right:20px;z-index:1;padding:0px;background:none;border:none;cursor:pointer;path{fill:",";}&:hover path{fill:",";}@media (max-width:","){> svg{width:18px;height:18px;}}"],(({theme:t})=>t.colors.grayScale.gray1),(({theme:t})=>"light"===t.mode?t.default.colors.accent.primary:t.colors.base.white),(({theme:t})=>t.mobile.maxWidth)),s=i(d).withConfig({displayName:"styled__ModalWindowCloseButtonIcon",componentId:"sc-1q6uwo9-4"})([""]),h=i.div.withConfig({displayName:"styled__ModalWindowBodyContent",componentId:"sc-1q6uwo9-5"})(["display:flex;width:100%;height:100%;"]),x=i(a).attrs((({theme:i})=>({variant:"secondary",scrollShadows:{color:i.colors.grayScale.gray3,top:t(n,{side:"top"}),bottom:t(n,{side:"bottom"})}}))).withConfig({displayName:"styled__ModalWindowBodyScrollbarWrapper",componentId:"sc-1q6uwo9-6"})(["display:flex;width:100%;height:100%;max-height:80vh;"]),c=i.div.withConfig({displayName:"styled__ModalWindowContent",componentId:"sc-1q6uwo9-7"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding-right:10px;@media (max-width:","){padding-right:9px;}"],(({theme:t})=>t.tablet.maxWidth));export{m as ModalWindowBody,h as ModalWindowBodyContent,x as ModalWindowBodyScrollbarWrapper,p as ModalWindowCloseButton,s as ModalWindowCloseButtonIcon,c as ModalWindowContent,l as ModalWindowStyled,r as ModalWindowTitle};