tcce-design-system 0.3.26 → 0.3.28

package/dist/tcce-design-system-components.d.ts

@@ -73,6 +73,7 @@ export declare type AllowedInputType = (typeof ALLOWED_INPUT_TYPES)[number];
 
 /**
  * Sidebar container.
+ * On desktop it sits below the header; on mobile it covers the full height as a drawer.
  * @param $collapsed - Whether the sidebar is collapsed.
  * @param $open - Whether the sidebar is open (mobile).
  */
@@ -1165,7 +1166,7 @@ export declare const Layout: (props: LayoutProps) => JSX.Element;
  * Provides the main content area with responsive spacing and scrolling.
  */
 export declare const LayoutMainContent: {
-    ({ children, className }: LayoutMainContentProps): JSX.Element;
+    ({ children, className, id, inert, "aria-hidden": ariaHidden, }: LayoutMainContentProps): JSX.Element;
     displayName: string;
 };
 
@@ -1175,6 +1176,9 @@ export declare const LayoutMainContent: {
 export declare interface LayoutMainContentProps {
     children: ReactNode;
     className?: string;
+    id?: string;
+    inert?: boolean;
+    'aria-hidden'?: boolean;
 }
 
 /**
@@ -1280,6 +1284,7 @@ export declare function mergeFilters(...filterStates: ColumnFiltersState[]): Col
 
 /**
  * Button to open sidebar on mobile devices.
+ * Sits above the header so it is always tappable.
  * @param $hidden - Whether the button is hidden.
  */
 export declare const MobileOpenBtn: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
@@ -1591,7 +1596,7 @@ export declare type SetDigits = Dispatch<SetStateAction<string[]>>;
  * @param logoImgCollapsed - Logo when sidebar is collapsed.
  */
 export declare const Sidebar: {
-    ({ navigationConfig, activePath, logoImgExpanded, logoImgCollapsed, onNavigate, userPermissions, }: SidebarProps): JSX.Element;
+    ({ navigationConfig, activePath, logoImgExpanded, logoImgCollapsed, onNavigate, userPermissions, hideLogo, }: SidebarProps): JSX.Element;
     displayName: string;
 };
 
@@ -1614,9 +1619,11 @@ export declare interface SidebarContextValue {
 /**
  * Sidebar header container.
  * @param $collapsed - Whether the sidebar is collapsed.
+ * @param $hideLogo - Whether the logo is hidden (centers the toggle button).
  */
 export declare const SidebarHeader: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
 $collapsed: boolean;
+$hideLogo: boolean;
 }>> & string;
 
 /**
@@ -1628,6 +1635,7 @@ $collapsed: boolean;
  * @property logoImgExpanded - Optional React node for the logo when sidebar is expanded.
  * @property logoImgCollapsed - Optional React node for the logo when sidebar is collapsed.
  * @property onNavigate - Optional callback function for handling navigation events.
+ * @property hideLogo - When true, hides the logo inside the sidebar (useful when the logo lives in the Header instead).
  */
 export declare interface SidebarProps {
     navigationConfig: NavigationItem[];
@@ -1636,6 +1644,7 @@ export declare interface SidebarProps {
     logoImgExpanded?: ReactNode;
     logoImgCollapsed?: ReactNode;
     onNavigate?: (href: string) => void;
+    hideLogo?: boolean;
 }
 
 export declare const SidebarProvider: ({ children }: PropsWithChildren) => JSX.Element;