@erxes/ui 3.3.0 → 3.3.1-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erxes/ui",
-  "version": "3.3.0",
+  "version": "3.3.1-next.2",
   "description": "erxes design system: UI primitives, business modules, hooks and shared frontend state",
   "license": "AGPL-3.0-only",
   "repository": {

package/src/components/sheet.tsx

@@ -111,7 +111,7 @@ const SheetHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      'flex px-5 h-14 items-center bg-background border-b flex-none',
+      'flex px-5 h-10 items-center bg-background border-b flex-none',
       className,
     )}
     {...props}

package/src/components/sidebar/panel.tsx

@@ -154,7 +154,7 @@ export const SidebarPanel = React.forwardRef<
       )}
       <SidebarPanelInnerTriggerHiddenContext.Provider value={triggerInSlot}>
         {open && label && (
-          <div className="flex h-12 shrink-0 items-center gap-1 px-2">
+          <div className="flex h-10 shrink-0 items-center gap-1 px-2">
             <span className="min-w-0 flex-1 truncate px-2 text-sm font-medium">
               {label}
             </span>

package/src/modules/focus-sheet/components/focus-sheet.tsx

@@ -210,7 +210,7 @@ const FocusSheetSideContentHeader = forwardRef<
       <div
         ref={ref}
         className={cn(
-          'h-11 px-5 flex items-center gap-2 flex-none bg-background',
+          'h-10 px-4 flex items-center gap-2 flex-none bg-background',
           className,
         )}
         {...props}
@@ -237,7 +237,7 @@ const FocusSheetSideTabsList = forwardRef<
     <Tabs.List
       ref={ref}
       className={cn(
-        'w-16 flex-none border-l bg-sidebar h-full py-3 flex flex-col items-center justify-start gap-3 border-b-0',
+        'w-16 flex-none border-l bg-sidebar h-full py-2 flex flex-col items-center justify-start gap-1.5 border-b-0',
         className,
       )}
       {...props}
@@ -263,7 +263,7 @@ const FocusSheetSideTabsTrigger = forwardRef<
         <Tabs.Trigger
           ref={ref}
           className={cn(
-            'size-10 bg-sidebar data-[state=active]:bg-primary/10 data-[state=active]:text-foreground data-[state=active]:shadow-none [&_svg]:size-5 data-[state=active]:after:hidden [&_svg]:text-primary hover:bg-primary/10 data-[state=active]:hover:bg-primary/10 rounded group/side-tabs-trigger',
+            'size-8 bg-sidebar data-[state=active]:bg-primary/10 data-[state=active]:text-foreground data-[state=active]:shadow-none [&_svg]:size-4 data-[state=active]:after:hidden [&_svg]:text-primary hover:bg-primary/10 data-[state=active]:hover:bg-primary/10 rounded group/side-tabs-trigger',
             className,
           )}
           value={value}
@@ -276,14 +276,14 @@ const FocusSheetSideTabsTrigger = forwardRef<
           {!!Icon && (
             <Icon
               className={cn(
-                'size-5 flex-none',
+                'size-4 flex-none',
                 activeSideTab === value &&
                   'group-hover/side-tabs-trigger:hidden',
               )}
             />
           )}
           {activeSideTab === value && (
-            <IconX className="size-5 flex-none hidden group-hover/side-tabs-trigger:block" />
+            <IconX className="size-4 flex-none hidden group-hover/side-tabs-trigger:block" />
           )}
         </Tabs.Trigger>
       </Tooltip.Trigger>
@@ -306,7 +306,10 @@ const FocusSheetHeader = ({
 }) => {
   const { hasSidebar } = useFocusSheet();
   return (
-    <Sheet.Header className={cn('gap-2', className)} {...props}>
+    <Sheet.Header
+      className={cn('gap-2', description && 'h-auto py-2', className)}
+      {...props}
+    >
       {hasSidebar && <FocusSheetSidebarTrigger />}
       <div className="flex flex-col">
         <Sheet.Title>{title}</Sheet.Title>

package/src/modules/layout/components/AppLayout.tsx

@@ -154,7 +154,7 @@ const AppLayoutFloatingButton = ({
   icon: React.ReactNode;
   onClick: () => void;
 }) => (
-  <div className="absolute top-0 left-0 z-30 flex h-12 w-10 items-center justify-center bg-sidebar">
+  <div className="absolute top-0 left-0 z-30 flex h-10 w-10 items-center justify-center bg-sidebar">
     <Button
       aria-expanded={false}
       aria-label={label}
@@ -296,7 +296,7 @@ const AppLayoutDesktop = ({
           className="flex h-full flex-col"
           style={{ minWidth: currentWidth }}
         >
-          <div className="flex h-12 shrink-0 items-center px-2">
+          <div className="flex h-10 shrink-0 items-center px-2">
             <div className="min-w-0 flex-1 truncate px-2 text-sm font-medium">
               {title}
             </div>

package/src/modules/layout/components/Page.tsx

@@ -26,7 +26,7 @@ export const PageSubHeader = React.forwardRef<
     <div
       ref={ref}
       className={cn(
-        'flex-none bg-background px-3 py-2 border-b flex gap-3 h-auto',
+        'flex-none bg-background px-3 py-1 border-b flex gap-3 h-auto',
         className,
       )}
       {...props}

package/src/modules/report/components/report-page-container.tsx

@@ -56,7 +56,7 @@ export const ReportPageContainer = ({
 
   return (
     <PageContainer className="h-dvh print:h-auto print:block">
-      <header className="flex items-center justify-between h-13 px-3 box-border shrink-0 bg-sidebar overflow-auto styled-scroll print:hidden">
+      <header className="flex items-center justify-between h-10 px-3 box-border shrink-0 bg-sidebar overflow-auto styled-scroll print:hidden">
         <div className="flex items-center gap-2 flex-none pr-8">
           <Button variant="ghost">Report</Button>
           <Separator.Inline />

package/src/modules/side-menu/components/SideMenu.tsx

@@ -66,7 +66,7 @@ export const SideMenuContentHeader = forwardRef<
       <div
         ref={ref}
         className={cn(
-          'h-11 px-5 flex items-center gap-2 flex-none bg-background',
+          'h-10 px-4 flex items-center gap-2 flex-none bg-background',
           className,
         )}
         {...props}
@@ -91,7 +91,7 @@ export const SideMenuSidebar = forwardRef<
     <Tabs.List
       ref={ref}
       className={cn(
-        'w-16 flex-none border-l bg-sidebar h-full py-3 flex flex-col items-center justify-start gap-3',
+        'w-16 flex-none border-l bg-sidebar h-full py-2 flex flex-col items-center justify-start gap-1.5',
         className,
       )}
       {...props}
@@ -115,7 +115,7 @@ export const SideMenuTrigger = forwardRef<
       <Tabs.Trigger
         ref={ref}
         className={cn(
-          'size-10 bg-sidebar data-[state=active]:bg-primary/10 data-[state=active]:text-foreground data-[state=active]:shadow-none [&_svg]:size-5 data-[state=active]:after:hidden [&_svg]:text-primary hover:bg-primary/10 data-[state=active]:hover:bg-primary/10 rounded',
+          'size-8 bg-sidebar data-[state=active]:bg-primary/10 data-[state=active]:text-foreground data-[state=active]:shadow-none [&_svg]:size-4 data-[state=active]:after:hidden [&_svg]:text-primary hover:bg-primary/10 data-[state=active]:hover:bg-primary/10 rounded',
           className,
         )}
         onClick={(e) => {
@@ -126,7 +126,7 @@ export const SideMenuTrigger = forwardRef<
         asChild
       >
         <Tooltip.Trigger>
-          {!!Icon && <Icon className="size-5 flex-none" />}
+          {!!Icon && <Icon className="size-4 flex-none" />}
         </Tooltip.Trigger>
       </Tabs.Trigger>