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

package/dist/Calendar/index.d.ts

@@ -1,6 +1,6 @@
 // Generated by dts-bundle-generator v8.0.0
 
-import { BoxProperties, BoxProps } from '@nimbus-ds/components';
+import { BoxProps } from '@nimbus-ds/components';
 import React from 'react';
 import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { CaptionLabelProps, DayPicker, DayPickerProviderProps, DayProps } from 'react-day-picker';
@@ -12,10 +12,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
@@ -29,7 +25,7 @@ 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;
 };

package/dist/DataList/index.d.ts

@@ -4,7 +4,7 @@ import { BoxProperties } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-export interface DataListRowProperties extends Omit<BoxProperties, "padding"> {
+export interface DataListRowProperties {
 	/**
 	 * Optional padding for the row.
 	 * @default base
@@ -21,7 +21,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">;
 export declare const DataListRow: React.FC<DataListRowProps>;
 export interface DataListComponents {
 	Row: typeof DataListRow;

package/dist/EmptyApp/index.d.ts

@@ -4,8 +4,9 @@ import { BoxProps, ThumbnailProps } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-export type EmptyAppContentImageElementProperties = Pick<ThumbnailProps, "src" | "alt"> & Omit<HTMLAttributes<HTMLElement>, "color">;
-export declare const EmptyAppContentImageElement: React.FC<EmptyAppContentImageElementProperties>;
+export type EmptyAppContentImageElementProperties = Pick<ThumbnailProps, "src" | "alt">;
+export type EmptyAppContentImageElementProps = EmptyAppContentImageElementProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
+export declare const EmptyAppContentImageElement: React.FC<EmptyAppContentImageElementProps>;
 export interface EmptyAppContentSectionProperties {
 	title: string;
 	subtitle?: string;

package/dist/InteractiveList/index.d.ts

@@ -2,7 +2,7 @@
 
 import { BoxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, RadioProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
 import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface DataListProperties {
 	/**
@@ -58,9 +58,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">;
 export declare const InteractiveListCheckboxItem: React.FC<InteractiveListCheckboxItemProps>;
 export type InteractiveListCheckboxItemSkeletonProperties = InteractiveListStructureSkeletonProperties;
 export type InteractiveListCheckboxItemSkeletonProps = InteractiveListCheckboxItemSkeletonProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
@@ -69,9 +71,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">;
 export declare const InteractiveListRadioItem: React.FC<InteractiveListRadioItemProps>;
 export type InteractiveListRadioItemSkeletonProperties = InteractiveListStructureSkeletonProperties;
 export type InteractiveListRadioItemSkeletonProps = InteractiveListRadioItemSkeletonProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
@@ -80,18 +84,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">;
 export 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">;
 export declare const InteractiveListToggleItemSkeleton: React.FC<InteractiveListToggleItemSkeletonProps>;
 export interface InteractiveListButtonItemProperties extends InteractiveListStructureProperties {
@@ -120,13 +126,7 @@ 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;
 

package/dist/Layout/index.d.ts

@@ -4,19 +4,19 @@ import { BoxProperties } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-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">;
 export 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
@@ -27,7 +27,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 {};

package/dist/NavTabs/index.d.ts

@@ -4,7 +4,7 @@ import { BoxProperties } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-export interface NavTabsItemProperties extends BoxProperties {
+export interface NavTabsItemProperties {
 	/**
 	 * Icon element to be rendered inside the button.
 	 * @TJS-type React.ReactNode
@@ -28,7 +28,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">;
 export declare const NavTabsItem: React.FC<NavTabsItemProps>;
 export interface NavTabsComponents {
 	Item: typeof NavTabsItem;

package/dist/Page/index.d.ts

@@ -2,9 +2,9 @@
 
 import { BoxProperties, BoxProps } from '@nimbus-ds/components';
 import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
-export interface PageHeaderProperties extends Omit<BoxProperties, "display" | "flexDirection"> {
+export interface PageHeaderProperties {
 	/**
 	 * Main title of the page. Corresponds to an h1 HTML tag.
 	 */
@@ -26,7 +26,7 @@ export interface PageHeaderProperties extends Omit<BoxProperties, "display" | "f
 }
 export type PageHeaderProps = PageHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & Omit<BoxProps, "display" | "flexDirection">;
 export declare const PageHeader: React.FC<PageHeaderProps>;
-export interface PageBodyProperties extends BoxProperties {
+export interface PageBodyProperties {
 	/**
 	 * Content of the page body.
 	 * @TJS-type React.ReactNode
@@ -39,18 +39,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 {};

package/dist/ThumbnailWithAction/index.d.ts

@@ -4,7 +4,7 @@ import { BoxProperties, ThumbnailProperties, ThumbnailProps } from '@nimbus-ds/c
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-export interface ThumbnailWithActionProperties extends BoxProperties {
+export interface ThumbnailWithActionProperties {
 	/**
 	 * Thumbnail component properties.
 	 */
@@ -21,7 +21,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 {