@nimbus-ds/patterns 1.19.0 → 1.20.1

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.
package/dist/index.d.ts CHANGED
@@ -21,10 +21,16 @@ export interface AppShellHeaderProperties {
21
21
  */
22
22
  rightSlot?: ReactNode;
23
23
  }
24
- export type AppShellHeaderProps = AppShellHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProperties, "display" | "justifyContent">;
24
+ export type AppShellHeaderProps = AppShellHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProperties, "display" | "justifyContent" | "position" | "top">;
25
25
  declare const AppShellHeader: React.FC<AppShellHeaderProps>;
26
+ export type AppShellBodyProps = Omit<BoxProps, "display" | "flex">;
27
+ declare const AppShellBody: React.FC<AppShellBodyProps>;
28
+ export type AppShellChatProps = Omit<BoxProps, "position">;
29
+ declare const AppShellChat: React.FC<AppShellChatProps>;
26
30
  export interface AppShellComponents {
27
31
  Header: typeof AppShellHeader;
32
+ Body: typeof AppShellBody;
33
+ Chat: typeof AppShellChat;
28
34
  }
29
35
  /**
30
36
  * Configuration options for the AppShell flyout (popover) behavior when the menu is collapsed.
@@ -32,7 +38,7 @@ export interface AppShellComponents {
32
38
  * while keeping individual top-level props for backward compatibility.
33
39
  */
34
40
  export type AppShellMenuFlyoutOptions = {
35
- /** How the popover opens. Defaults to 'hover'. */
41
+ /** How the popover opens. Defaults to 'manual'. */
36
42
  trigger?: "hover" | "manual";
37
43
  /** Controlled open state for the flyout. */
38
44
  open?: boolean;
@@ -61,15 +67,15 @@ export interface AppShellProperties {
61
67
  */
62
68
  menuProperties?: Pick<BoxBaseProps, "display">;
63
69
  /**
64
- * Controls whether the left sidebar (menu) is expanded (true) or collapsed (false).
70
+ * Controls whether the left sidebar (menu) is expanded (true) or collapsed (false). Defaults to true.
65
71
  */
66
72
  menuExpanded?: boolean;
67
73
  /**
68
- * Sidebar width when expanded. Defaults to "18rem".
74
+ * Sidebar width when expanded. Defaults to "240px".
69
75
  */
70
76
  menuExpandedWidth?: BoxBaseProps["width"];
71
77
  /**
72
- * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "4.5rem".
78
+ * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "48px".
73
79
  */
74
80
  menuCollapsedWidth?: BoxBaseProps["width"];
75
81
  /**
@@ -82,6 +88,10 @@ export interface AppShellProperties {
82
88
  * Consolidated configuration for the popover/flyout behavior when `menuBehavior` is 'popover'.
83
89
  */
84
90
  menuFlyout?: AppShellMenuFlyoutOptions;
91
+ /**
92
+ * Consolidated configuration for the content container.
93
+ */
94
+ contentProperties?: BoxBaseProps;
85
95
  }
86
96
  export type AppShellProps = AppShellProperties & {
87
97
  menuFlyout?: AppShellMenuFlyoutOptions & Omit<BoxProps, "position" | "top" | "left" | "right" | "bottom" | "height" | "zIndex">;
@@ -726,7 +736,10 @@ export interface ProductUpdatesProperties extends Omit<PopoverProperties, "conte
726
736
  export type ProductUpdatesProps = ProductUpdatesProperties & HTMLAttributes<HTMLElement>;
727
737
  export declare const ProductUpdates: React.FC<ProductUpdatesProps>;
728
738
  export type SideModalPadding = "none" | "base";
729
- export interface SideModalProperties extends Pick<SidebarProperties, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex"> {
739
+ export interface SideModalProperties extends Pick<SidebarProperties, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex" | "needRemoveScroll" | "ignoreAttributeName"> {
740
+ /**
741
+ * Choose where the portal should render. Defaults to viewport (body).
742
+ */
730
743
  /**
731
744
  * Title.
732
745
  */
@@ -776,6 +789,11 @@ export type SideModalProps = SideModalProperties & {
776
789
  primaryAction: ButtonProps;
777
790
  secondaryAction: ButtonProps;
778
791
  };
792
+ /**
793
+ * Choose where the portal should render. Defaults to the viewport (document.body).
794
+ * Useful to scope the modal within a specific container (e.g., AppShell.Chat).
795
+ */
796
+ root?: HTMLElement | null;
779
797
  } & HTMLAttributes<HTMLElement>;
780
798
  export declare const SideModal: React.FC<SideModalProps>;
781
799
  export interface ThumbnailWithActionProperties {