@nimbus-ds/patterns 1.14.0 → 1.14.1-rc.1

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export interface CalloutCardProperties {
 }
 export type CalloutCardProps = CalloutCardProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const CalloutCard: React.FC<CalloutCardProps>;
-export interface DataListRowProperties extends Omit<BoxProperties, "padding"> {
+export interface DataListRowProperties {
 	/**
 	 * Optional padding for the row.
 	 * @default base
@@ -92,7 +92,7 @@ export interface DataListRowProperties extends Omit<BoxProperties, "padding"> {
 	 */
 	topDivider?: boolean;
 }
-export type DataListRowProps = DataListRowProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
+export type DataListRowProps = DataListRowProperties & Omit<BoxProperties, "padding"> & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const DataListRow: React.FC<DataListRowProps>;
 export interface DataListComponents {
 	Row: typeof DataListRow;
@@ -346,9 +346,11 @@ export interface InteractiveListCheckboxItemProperties extends InteractiveListSt
 	/**
 	 * Checkbox props inherited from Nimbus components.
 	 */
-	checkbox: CheckboxProps;
+	checkbox: any;
 }
-export type InteractiveListCheckboxItemProps = InteractiveListCheckboxItemProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
+export type InteractiveListCheckboxItemProps = InteractiveListCheckboxItemProperties & {
+	checkbox: CheckboxProps;
+} & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
 declare const InteractiveListCheckboxItem: React.FC<InteractiveListCheckboxItemProps>;
 export type InteractiveListCheckboxItemSkeletonProperties = InteractiveListStructureSkeletonProperties;
 export type InteractiveListCheckboxItemSkeletonProps = InteractiveListCheckboxItemSkeletonProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
@@ -357,9 +359,11 @@ export interface InteractiveListRadioItemProperties extends InteractiveListStruc
 	/**
 	 * Radio props inherited from Nimbus components.
 	 */
-	radio: RadioProps;
+	radio: any;
 }
-export type InteractiveListRadioItemProps = InteractiveListRadioItemProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
+export type InteractiveListRadioItemProps = InteractiveListRadioItemProperties & {
+	radio: RadioProps;
+} & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
 declare const InteractiveListRadioItem: React.FC<InteractiveListRadioItemProps>;
 export type InteractiveListRadioItemSkeletonProperties = InteractiveListStructureSkeletonProperties;
 export type InteractiveListRadioItemSkeletonProps = InteractiveListRadioItemSkeletonProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
@@ -368,18 +372,20 @@ export interface InteractiveListToggleItemProperties extends InteractiveListStru
 	/**
 	 * Toggle props inherited from Nimbus components.
 	 */
-	toggle: ToggleProps;
+	toggle: any;
 }
-export type InteractiveListToggleItemProps = InteractiveListToggleItemProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
+export type InteractiveListToggleItemProps = InteractiveListToggleItemProperties & {
+	toggle: ToggleProps;
+} & Omit<HTMLAttributes<HTMLElement>, "color"> & Pick<InteractiveListRowProps, "topDivider">;
 declare const InteractiveListToggleItem: React.FC<InteractiveListToggleItemProps>;
 export interface InteractiveListToggleItemSkeletonProperties extends InteractiveListStructureProperties {
 	/**
 	 * Toggle props inherited from Nimbus components.
 	 */
-	toggle: ToggleProperties;
+	toggle: any;
 }
 export type InteractiveListToggleItemSkeletonProps = InteractiveListToggleItemSkeletonProperties & {
-	toggle: ToggleProps;
+	toggle: ToggleProperties;
 } & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const InteractiveListToggleItemSkeleton: React.FC<InteractiveListToggleItemSkeletonProps>;
 export interface InteractiveListButtonItemProperties extends InteractiveListStructureProperties {
@@ -407,28 +413,22 @@ export interface InteractiveListComponents {
 	RadioItem: typeof InteractiveListRadioItem;
 	RadioItemSkeleton: typeof InteractiveListRadioItemSkeleton;
 }
-export interface InteractiveListProperties extends DataListProps {
-	/**
-	 * Content of the InteractiveList
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-}
+export type InteractiveListProperties = PropsWithChildren & Pick<DataListProps, "bottomDivider">;
 export type InteractiveListProps = InteractiveListProperties & HTMLAttributes<HTMLElement>;
 export declare const InteractiveList: React.FC<InteractiveListProps> & InteractiveListComponents;
-export interface LayoutSectionProperties extends Omit<BoxProperties, "children" | "boxSizing" | "display" | "flexDirection"> {
+export interface LayoutSectionProperties {
 	/**
 	 * Content of the section body.
 	 * @TJS-type React.ReactNode
 	 */
 	children: ReactNode;
 }
-export type LayoutSectionProps = LayoutSectionProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
+export type LayoutSectionProps = LayoutSectionProperties & Omit<BoxProperties, "children" | "boxSizing" | "display" | "flexDirection"> & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const LayoutSection: React.FC<LayoutSectionProps>;
 export interface LayoutComponents {
 	Section: typeof LayoutSection;
 }
-export interface LayoutProperties extends Omit<BoxProperties, "children" | "boxSizing" | "display" | "gridTemplateColumns"> {
+export interface LayoutProperties {
 	/**
 	 * Content to be rendered inside the layout.
 	 * @TJS-type React.ReactNode
@@ -439,7 +439,7 @@ export interface LayoutProperties extends Omit<BoxProperties, "children" | "boxS
 	 */
 	columns?: "1" | "2 - symmetric" | "2 - asymmetric" | "3";
 }
-export type LayoutProps = LayoutProperties & HTMLAttributes<HTMLElement>;
+export type LayoutProps = LayoutProperties & Omit<BoxProperties, "children" | "boxSizing" | "display" | "gridTemplateColumns"> & HTMLAttributes<HTMLElement>;
 export declare const Layout: React.FC<LayoutProps> & LayoutComponents;
 export interface MenuButtonAccordionProperties {
 	/**
@@ -551,7 +551,7 @@ export interface MenuProperties {
 }
 export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const Menu: React.FC<MenuProps> & MenuComponents;
-export interface NavTabsItemProperties extends BoxProperties {
+export interface NavTabsItemProperties {
 	/**
 	 * Icon element to be rendered inside the button.
 	 * @TJS-type React.ReactNode
@@ -575,7 +575,7 @@ export interface NavTabsItemProperties extends BoxProperties {
 	 */
 	ariaLabel: string;
 }
-export type NavTabsItemProps = NavTabsItemProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
+export type NavTabsItemProps = NavTabsItemProperties & Omit<BoxProperties, "onClick"> & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const NavTabsItem: React.FC<NavTabsItemProps>;
 export interface NavTabsComponents {
 	Item: typeof NavTabsItem;
@@ -589,7 +589,7 @@ export interface NavTabsProperties {
 }
 export type NavTabsProps = NavTabsProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const NavTabs: React.FC<NavTabsProps> & NavTabsComponents;
-export interface PageHeaderProperties extends Omit<BoxProperties, "display" | "flexDirection"> {
+export interface PageHeaderProperties {
 	/**
 	 * Main title of the page. Corresponds to an h1 HTML tag.
 	 */
@@ -611,7 +611,7 @@ export interface PageHeaderProperties extends Omit<BoxProperties, "display" | "f
 }
 export type PageHeaderProps = PageHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProps, "display" | "flexDirection">;
 declare const PageHeader: React.FC<PageHeaderProps>;
-export interface PageBodyProperties extends BoxProperties {
+export interface PageBodyProperties {
 	/**
 	 * Content of the page body.
 	 * @TJS-type React.ReactNode
@@ -624,18 +624,10 @@ export interface PageComponents {
 	Header: typeof PageHeader;
 	Body: typeof PageBody;
 }
-export interface PageProperties extends Omit<BoxProperties, "width" | "maxWidth" | "marginX"> {
-	/**
-	 * Content to be rendered inside the page body.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * Optional parameter to define a maximum width of the page content.
-	 */
+export type PageProperties = PropsWithChildren<{
 	maxWidth?: string;
-}
-export type PageProps = PageProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProps, "width" | "maxWidth" | "marginX">;
+}>;
+export type PageProps = PageProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProps, "width" | "maxWidth" | "marginX"> & Omit<BoxProperties, "width" | "maxWidth" | "marginX">;
 export declare const Page: React.FC<PageProps> & PageComponents;
 export interface ProductUpdatesProperties extends Omit<PopoverProperties, "content" | "appearance" | "padding" | "enabledDismiss"> {
 	/**
@@ -712,7 +704,7 @@ export type SideModalProps = SideModalProperties & {
 	};
 } & HTMLAttributes<HTMLElement>;
 export declare const SideModal: React.FC<SideModalProps>;
-export interface ThumbnailWithActionProperties extends BoxProperties {
+export interface ThumbnailWithActionProperties {
 	/**
 	 * Thumbnail component properties.
 	 */
@@ -729,7 +721,7 @@ export interface ThumbnailWithActionProperties extends BoxProperties {
 }
 export type ThumbnailWithActionProps = ThumbnailWithActionProperties & {
 	thumbnail: ThumbnailProps;
-} & Omit<HTMLAttributes<HTMLElement>, "color">;
+} & BoxProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const ThumbnailWithAction: React.FC<ThumbnailWithActionProps>;
 export type CalendarExtends = ComponentProps<typeof DayPicker>;
 export interface CalendarProperties {
@@ -738,10 +730,6 @@ export interface CalendarProperties {
 	 * @default false
 	 */
 	hideBorder?: boolean;
-	/**
-	 * Spreads the properties of the Box component to thˇe calendar wrapper.
-	 */
-	containerProps?: BoxProperties;
 	/**
 	 * If true will stick the weekday indicators to the top of the component. Useful for when creating scrolling calendars with a display of >1 months. Only works when property numberOfMonths is set to a number greater than 1.
 	 * @default false
@@ -755,13 +743,14 @@ export interface CalendarProperties {
 }
 export type CalendarProps = CalendarProperties & CalendarExtends & {
 	/**
-	 * Spreads the properties of the Box component to thˇe calendar wrapper.
+	 * Spreads the properties of the Box component to the calendar wrapper.
 	 */
 	containerProps?: BoxProps;
 };
 export declare const Calendar: React.FC<CalendarProps>;
-export type EmptyAppContentImageElementProperties = Pick<ThumbnailProps, "src" | "alt"> & Omit<HTMLAttributes<HTMLElement>, "color">;
-declare const EmptyAppContentImageElement: React.FC<EmptyAppContentImageElementProperties>;
+export type EmptyAppContentImageElementProperties = Pick<ThumbnailProps, "src" | "alt">;
+export type EmptyAppContentImageElementProps = EmptyAppContentImageElementProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
+declare const EmptyAppContentImageElement: React.FC<EmptyAppContentImageElementProps>;
 export interface EmptyAppContentSectionProperties {
 	title: string;
 	subtitle?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/patterns",
-  "version": "1.14.0",
+  "version": "1.14.1-rc.1",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -43,6 +43,10 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./components-props.json": {
+      "import": "./dist/components-props.json",
+      "require": "./dist/components-props.json"
+    },
     "./AppShell": {
       "import": "./dist/AppShell/index.js",
       "require": "./dist/AppShell/index.js"