@bothub-chat/ui/dist/components/datepicker/ui/calendar/styled.js

Bothub UI Components

import{styled as e}from"styled-components";import{Button as o}from"../../../button/index.js";import{Typography as t}from"../../../typography/index.js";import{ArrowNarrowLeftIcon as n}from"../../../../icons/arrow-narrow-left/index.js";const a=e.div.withConfig({displayName:"styled__Wrapper",componentId:"sc-41ac71-0"})(["padding:16px;border-radius:8px;width:284px;background-color:",";z-index:",";"],e=>e.theme.colors.grayScale.gray3,({theme:e})=>e.zIndex.select),r=e.div.withConfig({displayName:"styled__Header",componentId:"sc-41ac71-1"})(["display:flex;align-items:center;justify-content:space-between;"]),i=e.button.withConfig({displayName:"styled__ChangeMonthButton",componentId:"sc-41ac71-2"})(["outline:none;border:none;background:none;cursor:pointer;transition:0.2s ease-out;&:hover{opacity:0.6;}"]),c=e(i).withConfig({displayName:"styled__PrevMonth",componentId:"sc-41ac71-3"})([""]),d=e(i).withConfig({displayName:"styled__NextMonth",componentId:"sc-41ac71-4"})([""]),s=e(n).withConfig({displayName:"styled__PreArrowIcon",componentId:"sc-41ac71-5"})([""]),l=e(s).withConfig({displayName:"styled__NextArrowIcon",componentId:"sc-41ac71-6"})(["transform:rotate(180deg);"]),p=e(t).withConfig({displayName:"styled__Title",componentId:"sc-41ac71-7"})([""]),m=e.div.withConfig({displayName:"styled__DateGrid",componentId:"sc-41ac71-8"})(["display:grid;grid-template-columns:repeat(7,1fr);"]),y=e.div.withConfig({displayName:"styled__DateGridItem",componentId:"sc-41ac71-9"})(["width:36px;height:34px;display:flex;align-items:center;justify-content:center;text-align:center;"]),g=e(t).withConfig({displayName:"styled__DayOfMonth",componentId:"sc-41ac71-10"})([""]),h=e(y).attrs({as:"button"}).withConfig({displayName:"styled__DateGridInteractiveItem",componentId:"sc-41ac71-11"})(["border:none;background:none;outline:none;cursor:pointer;transition:0.2s ease-out;&:hover{background-color:",";}"," "," "," "," ",""],e=>e.theme.colors.grayScale.gray2,e=>e.$active&&`\n    border-radius: 8px;\n    background-color: ${e.theme.colors.accent.primary};\n    &:hover {\n      background-color: ${e.theme.colors.accent.primaryLight};\n    }\n  `,e=>e.$outRange&&`\n    ${g} {\n      color: ${e.$active?e.theme.colors.grayScale.gray2:e.theme.colors.grayScale.gray1};\n    }\n  `,e=>e.$startDate&&"\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  ",e=>e.$finishDate&&"\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  ",e=>e.$isBetweenSelected&&`\n    border-radius: 0;\n    background-color: ${e.theme.colors.grayScale.gray2};\n  `),f=e(t).withConfig({displayName:"styled__DayOfWeek",componentId:"sc-41ac71-12"})(["color:",";text-overflow:ellipsis;overflow:hidden;"],e=>e.theme.colors.grayScale.gray1),_=e.div.withConfig({displayName:"styled__Footer",componentId:"sc-41ac71-13"})(["display:flex;align-items:center;gap:8px;margin-top:8px;"]),u=e(o).withConfig({displayName:"styled__SaveButton",componentId:"sc-41ac71-14"})(["flex:1;"]),w=e(o).withConfig({displayName:"styled__CancelButton",componentId:"sc-41ac71-15"})(["flex:1;"]);export{w as CancelButton,m as DateGrid,h as DateGridInteractiveItem,y as DateGridItem,g as DayOfMonth,f as DayOfWeek,_ as Footer,r as Header,l as NextArrowIcon,d as NextMonth,s as PreArrowIcon,c as PrevMonth,u as SaveButton,p as Title,a as Wrapper};