@bothub-chat/ui 2.58.0 → 2.59.0

package/dist/components/sidebar/menu/styled.js

@@ -1,36 +1 @@
-import{styled as e,css as t}from"styled-components";import{animated as i}from"@react-spring/web";import{Button as o}from"../../button/index.js";import{adaptive as a}from"../../../adaptive/index.js";import{Scrollbar as n}from"../../scrollbar/index.js";import{SidebarMenuNavLinkText as r}from"./nav/link/styled.js";const d=e.div.withConfig({displayName:"styled__SidebarMenuStyled",componentId:"sc-cdtc80-0"})(["",""],a({variant:"dashboard",tablet:t`
-      display: none;
-    `,mobile:t`
-      display: none;
-    `})),s=e(o).withConfig({displayName:"styled__SidebarMenuToggleButton",componentId:"sc-cdtc80-1"})(["svg{pointer-events:none;}"]),p=e(i.div).withConfig({displayName:"styled__SidebarMenuBlock",componentId:"sc-cdtc80-2"})(["display:flex;position:absolute;z-index:",";top:58px;right:20px;width:calc(100% - 20px);background:",";border:1px solid ",";border-radius:8px;padding:16px;transform-origin:top center;",""],({theme:e})=>e.zIndex.menu,({theme:e})=>e.colors.grayScale.gray7,({theme:e})=>e.colors.grayScale.gray3,({$sidebarOpen:e})=>!e&&a({variant:"dashboard",desktop:t`
-        right: 0;
-        top: 0;
-        width: 100%;
-        white-space: nowrap;
-        background: none;
-        margin-top: 20px;
-        position: relative;
-        flex-direction: column;
-        padding: 0px;
-        border: none;
-        border-radius: 0px;
-        ${r} {
-          visibility: hidden;
-          left: 120px;
-          transition:
-            left 0.3s ease-out,
-            visibility 0.2s ease-out,
-            transform 0.3s ease-out;
-          transform: translateX(10px);
-        }
-        &:hover ${r} {
-          visibility: visible;
-          transform: translateX(0px);
-        }
-      `,tablet:t`
-        display: none;
-      `})),l=e(n).attrs({variant:"secondary"}).withConfig({displayName:"styled__SidebarMenuBlockScrollbarWrapper",componentId:"sc-cdtc80-3"})(["width:100%;height:100%;",""],a({variant:"dashboard",merge:!0,tablet:t`
-      padding-right: 0px;
-    `})),c=e.div.withConfig({displayName:"styled__SidebarMenuBlockContent",componentId:"sc-cdtc80-4"})([""]),m=e.nav.withConfig({displayName:"styled__SidebarMenuNav",componentId:"sc-cdtc80-5"})(["display:flex;flex-direction:column;gap:20px;background:",";",""],({theme:e})=>e.colors.grayScale.gray7,a({variant:"dashboard",merge:!0,tablet:t`
-      gap: 10px;
-    `}));export{p as SidebarMenuBlock,c as SidebarMenuBlockContent,l as SidebarMenuBlockScrollbarWrapper,m as SidebarMenuNav,d as SidebarMenuStyled,s as SidebarMenuToggleButton};
+import{animated as e}from"@react-spring/web";import{styled as i,css as t}from"styled-components";import{Typography as o}from"../../typography/index.js";const n=i.div.withConfig({displayName:"styled__SidebarMenuStyled",componentId:"sc-1lz7ko6-0"})(["z-index:",";"],({theme:e})=>e.zIndex.menu),a=i(e.ul).withConfig({displayName:"styled__SidebarMenuList",componentId:"sc-1lz7ko6-1"})(["transform-origin:top center;display:flex;flex-direction:column;margin:0;z-index:1;gap:20px;"," "," margin-top:20px;left:0;list-style-type:none;"],({$isOpen:e,theme:i})=>e&&`\n    position: absolute;\n    background: ${i.colors.grayScale.gray7};\n    border: 1px solid ${i.colors.grayScale.gray3};\n    padding: 20px;\n    border-radius: 8px;\n    width: 100%;\n  `,({$isOpen:e})=>!e&&"\n    gap: 10px;\n    margin: 0;\n    padding: 0;\n    width: fit-content;\n  "),d=i.li.withConfig({displayName:"styled__SidebarMenuListItem",componentId:"sc-1lz7ko6-2"})(["display:flex;position:relative;align-items:center;gap:10px;cursor:pointer;"]),l=i.div.withConfig({displayName:"styled__SidebarMenuItemIconBox",componentId:"sc-1lz7ko6-3"})(["display:flex;outline:1px solid ",";align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;opacity:",";background:",";svg path{",";}"],({theme:e})=>e.colors.grayScale.gray2,({$active:e})=>e?1:.75,({theme:e,$active:i})=>i?e.colors.grayScale.gray3:e.colors.grayScale.gray4,({theme:e,$active:i})=>i&&`fill: ${e.colors.accent.primary}`),r=i(o).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuItemText",componentId:"sc-1lz7ko6-4"})([""," opacity:",";@media (max-width:","){display:block;}"],({$isOpen:e})=>!e&&"display: none;",({$active:e})=>e?1:.75,({theme:e})=>e.dashboard.tablet.maxWidth),s=i.div.withConfig({displayName:"styled__SidebarMenuItemTooltipStyled",componentId:"sc-1lz7ko6-5"})(["transition:all 0.2s ease-in-out,left 150ms ease-in-out;position:fixed;display:flex;align-items:center;z-index:100;"," @media (max-width:","){display:none;}",""],({$isOpen:e})=>e?"\n    opacity: 0.8;\n    left: 90px;\n  ":"opacity: 0; pointer-events: none; visibility: hidden; left: 64px;",({theme:e})=>e.dashboard.tablet.maxWidth,({$isHovered:e})=>e&&t(["left:74px;opacity:1;"])),p=i.svg.withConfig({displayName:"styled__SidebarMenuTooltipArrow",componentId:"sc-1lz7ko6-6"})(["display:inline-flex;position:relative;rotate:90deg;"]),c=i(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__SidebarMenuTooltipText",componentId:"sc-1lz7ko6-7"})(["display:inline-flex;background:",";border-radius:8px;padding:8px 12px;margin-left:-2px;"],({theme:e})=>"light"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray3);export{l as SidebarMenuItemIconBox,r as SidebarMenuItemText,s as SidebarMenuItemTooltipStyled,a as SidebarMenuList,d as SidebarMenuListItem,n as SidebarMenuStyled,p as SidebarMenuTooltipArrow,c as SidebarMenuTooltipText};