@bothub-chat/ui 2.60.0-fix-audit-810cea61-cd6c-485e-b15b-07c00e3d0402 → 2.60.0-fix-link-1375382a-1126-4fdc-acfb-35309a6ce93b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o}from"styled-components";import{Typography as
|
|
1
|
+
import{styled as o}from"styled-components";import{Typography as e}from"../typography/index.js";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const r=o.div.withConfig({displayName:"styled__DateBadgeStyled",componentId:"sc-1rw2vj0-0"})(["display:flex;width:fit-content;padding:4px 34px;border-radius:8px;border:1px solid ",";background-color:",";pointer-events:none;"],({theme:o})=>o.colors.grayScale.gray2,({theme:o})=>t(o.colors.grayScale.gray4,.75)),a=o(e).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DateBadgeText",componentId:"sc-1rw2vj0-1"})(["color:",";"],({theme:o})=>"light"===o.mode?o.default.colors.base.black:o.colors.grayScale.gray6);export{r as DateBadgeStyled,a as DateBadgeText};
|
|
@@ -3,6 +3,7 @@ type SidebarMenuItemProps = {
|
|
|
3
3
|
icon: React.ReactNode;
|
|
4
4
|
active?: boolean;
|
|
5
5
|
to?: string;
|
|
6
|
+
href?: string;
|
|
6
7
|
as?: React.ElementType;
|
|
7
8
|
} & React.PropsWithChildren & React.HTMLAttributes<HTMLElement>;
|
|
8
9
|
export declare const SidebarMenuItem: React.FC<SidebarMenuItemProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useRef as r,useState as i}from"react";import{SidebarMenuListItem as n,SidebarMenuItemIconBox as s,SidebarMenuItemText as c}from"../styled.js";import{useSidebar as m}from"../../context.js";import{useSidebarMenu as a}from"../context.js";import{SidebarMenuItemTooltip as d}from"./tooltip.js";const h=h=>{var{icon:l,children:p,active:f,as:v,to:j,href:u}=h,x=e(h,["icon","children","active","as","to","href"]);const{isOpen:b}=m(),{isShowTooltips:O}=a(),$=r(null),[M,g]=i(!1);return t(n,Object.assign({},x,{as:v,to:j,href:u,ref:$,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},"data-test":"sidebar-menu-item",children:[o(s,{$active:!!f,children:l}),o(c,{$isOpen:b,$active:!!f,children:p}),o(d,{hovered:M,hidden:b||!O,children:p})]}))};export{h as SidebarMenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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;
|
|
1
|
+
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;border: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};
|