@nimbus-ds/patterns 1.17.0 → 1.19.0-rc.1

package/dist/index.d.ts

@@ -2,7 +2,7 @@
 
 import { DndContextProps, DragEndEvent, DragOverEvent, DragOverlayProps, DragStartEvent, DraggableAttributes, PointerSensorOptions, UniqueIdentifier } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, CheckboxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, InputProperties, InputProps, PaginationProperties, PaginationProps, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProperties, TableCellProps, TableProperties, TableRowProperties, TextareaProperties, TextareaProps, ThumbnailProperties, ThumbnailProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
+import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, CheckboxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, InputProperties, InputProps, PaginationProperties, PaginationProps, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProps, TableCellProps, TableProperties, TableRowProperties, TextareaProperties, TextareaProps, ThumbnailProperties, ThumbnailProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
 import { IconProps } from '@nimbus-ds/icons';
 import { PolymorphicForwardRefComponent } from '@nimbus-ds/typings';
 import React from 'react';
@@ -23,8 +23,14 @@ export interface AppShellHeaderProperties {
 }
 export type AppShellHeaderProps = AppShellHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProperties, "display" | "justifyContent">;
 declare const AppShellHeader: React.FC<AppShellHeaderProps>;
+export type AppShellBodyProps = Omit<BoxProps, "display" | "flex">;
+declare const AppShellBody: React.FC<AppShellBodyProps>;
+export type AppShellChatProps = BoxProps;
+declare const AppShellChat: React.FC<AppShellChatProps>;
 export interface AppShellComponents {
 	Header: typeof AppShellHeader;
+	Body: typeof AppShellBody;
+	Chat: typeof AppShellChat;
 }
 /**
  * Configuration options for the AppShell flyout (popover) behavior when the menu is collapsed.
@@ -87,6 +93,9 @@ export type AppShellProps = AppShellProperties & {
 	menuFlyout?: AppShellMenuFlyoutOptions & Omit<BoxProps, "position" | "top" | "left" | "right" | "bottom" | "height" | "zIndex">;
 } & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;
+export declare const AppShellOverlayContext: React.Context<HTMLElement | null>;
+export declare const AppShellOverlayProvider: React.Provider<HTMLElement | null>;
+export declare const useAppShellOverlayContainer: () => HTMLElement | null;
 /**
  * Context value for AppShell's menu render mode.
  */
@@ -305,9 +314,13 @@ export type FormFieldTextareaProperties = Omit<FormFieldProperties, "children">
 export type FormFieldTextareaBaseProps = FormFieldTextareaProperties & Omit<TextareaProps, "appearance"> & HTMLAttributes<HTMLElement>;
 declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldTextareaBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap" | "appearance" | "helpText" | "helpIcon" | "showHelpText" | "lines"> & React.RefAttributes<HTMLTextAreaElement>>;
 export type FormFieldTextareaProps = ComponentPropsWithRef<typeof FormField.Textarea>;
-export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance">;
-export type FormFieldInputBaseProps = FormFieldInputProperties & Omit<InputProps, "appearance"> & HTMLAttributes<HTMLElement>;
-declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "data-testid" | "helpText" | "helpIcon" | "showHelpText" | "appendPosition" | "append"> & React.RefAttributes<HTMLInputElement>>;
+export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance"> & {
+	appearance?: FormFieldProperties["appearance"] | InputProperties["appearance"];
+};
+export type FormFieldInputBaseProps = Omit<FormFieldInputProperties, "appearance"> & Omit<InputProps, "appearance"> & {
+	appearance?: FormFieldProperties["appearance"] | InputProperties["appearance"];
+} & HTMLAttributes<HTMLElement>;
+declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "data-testid" | "helpText" | "helpIcon" | "showHelpText" | "aiGenerated" | "appendPosition" | "append"> & React.RefAttributes<HTMLInputElement>>;
 export type FormFieldInputProps = ComponentPropsWithRef<typeof FormField.Input>;
 export interface FormFieldComponents {
 	Select: typeof FormFieldSelect;
@@ -722,7 +735,10 @@ export interface ProductUpdatesProperties extends Omit<PopoverProperties, "conte
 export type ProductUpdatesProps = ProductUpdatesProperties & HTMLAttributes<HTMLElement>;
 export declare const ProductUpdates: React.FC<ProductUpdatesProps>;
 export type SideModalPadding = "none" | "base";
-export interface SideModalProperties extends Pick<SidebarProperties, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex"> {
+export interface SideModalProperties extends Pick<SidebarProps, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex" | "root" | "needRemoveScroll" | "ignoreAttributeName"> {
+	/**
+	 * Choose where the portal should render. Defaults to viewport (body).
+	 */
 	/**
 	 * Title.
 	 */