@nulogy/components 10.2.4 → 10.2.5

package/dist/src/BrandedNavBar/MobileMenu.d.ts

@@ -15,5 +15,5 @@ type BaseMobileMenuProps = {
     themeColorObject?: ThemeColorObject;
     showNulogyLogo?: boolean;
 };
-declare const MobileMenu: import("styled-components").StyledComponent<React.FC<BaseMobileMenuProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const MobileMenu: import("styled-components").StyledComponent<React.FC<React.PropsWithChildren<BaseMobileMenuProps>>, import("styled-components").DefaultTheme, {}, never>;
 export default MobileMenu;

package/dist/src/Branding/BrandingText.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const BrandingText: React.FC<any>;
+declare const BrandingText: React.FC<React.PropsWithChildren<any>>;
 export default BrandingText;

package/dist/src/Branding/LettermarkLogo.d.ts

@@ -3,5 +3,5 @@ type LettermarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const LettermarkLogo: React.FC<LettermarkLogoProps>;
+declare const LettermarkLogo: React.FC<React.PropsWithChildren<LettermarkLogoProps>>;
 export default LettermarkLogo;

package/dist/src/Branding/WordmarkLogo.d.ts

@@ -4,5 +4,5 @@ type WordmarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const WordmarkLogo: React.FC<WordmarkLogoProps>;
+declare const WordmarkLogo: React.FC<React.PropsWithChildren<WordmarkLogoProps>>;
 export default WordmarkLogo;

package/dist/src/Button/Button.d.ts

@@ -13,5 +13,5 @@ export type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"button"> & {
     theme?: DefaultNDSThemeType;
     href?: string;
 };
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React.FC<React.PropsWithChildren<ButtonProps>>;
 export default Button;

package/dist/src/Button/DangerButton.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const DangerButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const DangerButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;
 export default DangerButton;

package/dist/src/Button/PrimaryButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PrimaryButton: React.FC<any>;
+declare const PrimaryButton: React.FC<React.PropsWithChildren<any>>;
 export default PrimaryButton;

package/dist/src/Button/QuietButton.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const QuietButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const QuietButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;
 export default QuietButton;

package/dist/src/ButtonGroup/ButtonGroup.d.ts

@@ -4,5 +4,5 @@ type ButtonGroupProps = FlexProps & {
     alignment?: "left" | "spaced" | "right";
     className?: string;
 };
-declare const ButtonGroup: React.FC<ButtonGroupProps>;
+declare const ButtonGroup: React.FC<React.PropsWithChildren<ButtonGroupProps>>;
 export default ButtonGroup;

package/dist/src/Card/Card.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box/Box";
-declare const Card: React.FC<BoxProps>;
+declare const Card: React.FC<React.PropsWithChildren<BoxProps>>;
 export default Card;

package/dist/src/Checkbox/Checkbox.d.ts

@@ -13,5 +13,5 @@ type CheckboxProps = NativeInputProps & SpaceProps & {
     indeterminate?: boolean;
     theme?: DefaultNDSThemeType;
 };
-declare const Checkbox: React.FC<CheckboxProps>;
+declare const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>>;
 export default Checkbox;

package/dist/src/Checkbox/CheckboxGroup.d.ts

@@ -14,5 +14,5 @@ interface CheckboxGroupProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+declare const CheckboxGroup: React.FC<React.PropsWithChildren<CheckboxGroupProps>>;
 export default CheckboxGroup;

package/dist/src/DatePicker/DatePickerHeader.d.ts

@@ -7,5 +7,5 @@ type DatePickerHeaderProps = {
     nextMonthButtonDisabled: boolean;
     locale?: string;
 };
-declare const DatePickerHeader: React.FC<DatePickerHeaderProps>;
+declare const DatePickerHeader: React.FC<React.PropsWithChildren<DatePickerHeaderProps>>;
 export default DatePickerHeader;

package/dist/src/DateRange/DateRange.d.ts

@@ -32,5 +32,5 @@ type DateRangeProps = FieldProps & {
     startTimeProps?: any;
     size?: ComponentSize;
 };
-declare const DateRange: React.FC<DateRangeProps>;
+declare const DateRange: React.FC<React.PropsWithChildren<DateRangeProps>>;
 export default DateRange;

package/dist/src/DateRange/EndTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: import("../NDSProvider/ComponentSizeContext").ComponentSize;
     disabled?: boolean;
     value?: string;
@@ -20,5 +20,5 @@ declare const EndTime: import("styled-components").StyledComponent<import("react
     onBlur?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onClick?: (...args: any[]) => any;
-}>, import("styled-components").DefaultTheme, {}, never>;
+}>>, import("styled-components").DefaultTheme, {}, never>;
 export default EndTime;

package/dist/src/DateRange/StartTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: import("../NDSProvider/ComponentSizeContext").ComponentSize;
     disabled?: boolean;
     value?: string;
@@ -20,5 +20,5 @@ declare const StartTime: import("styled-components").StyledComponent<import("rea
     onBlur?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onClick?: (...args: any[]) => any;
-}>, import("styled-components").DefaultTheme, {}, never>;
+}>>, import("styled-components").DefaultTheme, {}, never>;
 export default StartTime;

package/dist/src/DropdownMenu/DropdownItem.d.ts

@@ -6,5 +6,5 @@ type DropdownItemProps = {
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownItem: React.FC<DropdownItemProps>;
+declare const DropdownItem: React.FC<React.PropsWithChildren<DropdownItemProps>>;
 export default DropdownItem;

package/dist/src/DropdownMenu/DropdownMenu.d.ts

@@ -18,5 +18,5 @@ type DropdownMenuProps = {
     closeAriaLabel?: string;
     openOnHover?: boolean;
 } & StyledProps;
-declare const DropdownMenu: React.FC<DropdownMenuProps>;
+declare const DropdownMenu: React.FC<React.PropsWithChildren<DropdownMenuProps>>;
 export default DropdownMenu;

package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts

@@ -8,5 +8,5 @@ type DropdownMenuContainerProps = {
     dataPlacement?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const DropdownMenuContainer: React.FC<DropdownMenuContainerProps>;
+declare const DropdownMenuContainer: React.FC<React.PropsWithChildren<DropdownMenuContainerProps>>;
 export default DropdownMenuContainer;

package/dist/src/DropdownMenu/DropdownText.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TextProps } from "../Type/Text";
-declare const DropdownText: React.FC<TextProps>;
+declare const DropdownText: React.FC<React.PropsWithChildren<TextProps>>;
 export default DropdownText;

package/dist/src/Form/Fieldset.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Fieldset: React.FC<any>;
+declare const Fieldset: React.FC<React.PropsWithChildren<any>>;
 export default Fieldset;

package/dist/src/Form/FormSection.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 type BaseFormSectionProps = React.ComponentPropsWithRef<"fieldset"> & {
     title?: string;
 };
-declare const FormSection: import("styled-components").StyledComponent<React.FC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FormSection: import("styled-components").StyledComponent<React.FC<React.PropsWithChildren<BaseFormSectionProps>>, import("styled-components").DefaultTheme, {}, never>;
 export default FormSection;

package/dist/src/Icon/LoadingIcon.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 type LoadingIconProps = React.ComponentPropsWithoutRef<"svg">;
-declare const LoadingIcon: React.FC<LoadingIconProps>;
+declare const LoadingIcon: React.FC<React.PropsWithChildren<LoadingIconProps>>;
 export default LoadingIcon;

package/dist/src/Layout/Header.d.ts

@@ -13,5 +13,5 @@ type HeaderProps = BoxProps & {
         medium?: Breakpoint;
     };
 };
-declare const Header: React.FC<HeaderProps>;
+declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
 export default Header;

package/dist/src/Layout/Page.d.ts

@@ -8,5 +8,5 @@ type PageProps = FlexProps & {
     fullHeight?: boolean;
     renderHeader?: () => JSX.Element;
 };
-export declare const Page: React.FC<PageProps>;
+export declare const Page: React.FC<React.PropsWithChildren<PageProps>>;
 export default Page;

package/dist/src/List/List.d.ts

@@ -8,5 +8,5 @@ type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
     leftAlign?: boolean;
     listStyle?: string;
 };
-declare const List: React.FC<ListProps>;
+declare const List: React.FC<React.PropsWithChildren<ListProps>>;
 export default List;

package/dist/src/List/ListItem.d.ts

@@ -3,5 +3,5 @@ import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
 type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
     className?: string;
 };
-declare const ListItem: React.FC<ListItemProps>;
+declare const ListItem: React.FC<React.PropsWithChildren<ListItemProps>>;
 export default ListItem;

package/dist/src/LoadingAnimation/LoadingAnimation.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
     inactive?: boolean;
 };
-declare const LoadingAnimation: React.FC<LoadingAnimationProps>;
+declare const LoadingAnimation: React.FC<React.PropsWithChildren<LoadingAnimationProps>>;
 export default LoadingAnimation;

package/dist/src/Modal/Modal.d.ts

@@ -19,7 +19,7 @@ type ModalProps = {
     footerContent?: React.ReactNode;
     parentSelector?: (...args: any) => HTMLElement;
 };
-declare const Modal: React.FC<ModalProps> & {
+declare const Modal: React.FC<React.PropsWithChildren<ModalProps>> & {
     setAppElement: (element: string | HTMLElement) => void;
 };
 export default Modal;

package/dist/src/Modal/ModalContent.d.ts

@@ -4,5 +4,5 @@ type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const ModalContent: React.FC<ModalContentProps>;
+declare const ModalContent: React.FC<React.PropsWithChildren<ModalContentProps>>;
 export default ModalContent;

package/dist/src/NDSProvider/ComponentSizeContext.d.ts

@@ -5,5 +5,5 @@ type ComponentSizeContextValue = {
 };
 export declare const ComponentSizeContext: React.Context<ComponentSizeContextValue>;
 export declare function useComponentSize(selectedSize?: ComponentSize): ComponentSize;
-declare const ComponentSizeContextProvider: React.FC<ComponentSizeContextValue>;
+declare const ComponentSizeContextProvider: React.FC<React.PropsWithChildren<ComponentSizeContextValue>>;
 export default ComponentSizeContextProvider;

package/dist/src/NDSProvider/NDSProvider.d.ts

@@ -16,5 +16,5 @@ type NDSProviderProps = {
     children?: any;
     size?: ComponentSize;
 };
-declare const NDSProvider: React.FC<NDSProviderProps>;
+declare const NDSProvider: React.FC<React.PropsWithChildren<NDSProviderProps>>;
 export default NDSProvider;

package/dist/src/Overlay/Overlay.d.ts

@@ -5,5 +5,5 @@ type OverlayProps = FlexProps & {
     dark?: boolean;
     theme?: DefaultNDSThemeType;
 };
-declare const Overlay: React.FC<OverlayProps>;
+declare const Overlay: React.FC<React.PropsWithChildren<OverlayProps>>;
 export default Overlay;

package/dist/src/Popper/Popper.d.ts

@@ -16,5 +16,5 @@ type PopperProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
 };
-declare const Popper: React.FC<PopperProps>;
+declare const Popper: React.FC<React.PropsWithChildren<PopperProps>>;
 export default Popper;

package/dist/src/Radio/Radio.d.ts

@@ -10,5 +10,5 @@ type RadioProps = NativeInputProps & SpaceProps & {
     defaultChecked?: boolean;
     error?: boolean;
 };
-declare const Radio: React.FC<RadioProps>;
+declare const Radio: React.FC<React.PropsWithChildren<RadioProps>>;
 export default Radio;

package/dist/src/RangeContainer/RangeContainer.d.ts

@@ -7,5 +7,5 @@ type RangeContainerProps = {
     size?: ComponentSize;
     errorMessages?: (string | undefined)[];
 };
-declare const RangeContainer: React.FC<RangeContainerProps>;
+declare const RangeContainer: React.FC<React.PropsWithChildren<RangeContainerProps>>;
 export default RangeContainer;

package/dist/src/Summary/Summary.d.ts

@@ -3,5 +3,5 @@ import { BoxProps } from "../Box/Box";
 type SummaryProps = Omit<BoxProps, "as"> & {
     breakpoint?: number | string;
 };
-declare const Summary: React.FC<SummaryProps>;
+declare const Summary: React.FC<React.PropsWithChildren<SummaryProps>>;
 export default Summary;

package/dist/src/Summary/SummaryContext.d.ts

@@ -3,5 +3,5 @@ type SummaryContextValue = {
     breakpoint: number;
 };
 export declare function useSummaryContext(): SummaryContextValue;
-export declare const SummaryContextProvider: React.FC<SummaryContextValue>;
+export declare const SummaryContextProvider: React.FC<React.PropsWithChildren<SummaryContextValue>>;
 export {};

package/dist/src/Summary/SummaryItem.d.ts

@@ -4,5 +4,5 @@ type SummaryItemProps = Omit<FlexProps, "as"> & {
     value: number | string;
     status: React.ReactNode;
 };
-declare const SummaryItem: React.FC<SummaryItemProps>;
+declare const SummaryItem: React.FC<React.PropsWithChildren<SummaryItemProps>>;
 export default SummaryItem;

package/dist/src/Switcher/Switcher.d.ts

@@ -7,5 +7,5 @@ type SwitcherProps = {
     selected?: string;
     onChange?: (value: string) => void;
 };
-declare const Switcher: React.FC<SwitcherProps>;
+declare const Switcher: React.FC<React.PropsWithChildren<SwitcherProps>>;
 export default Switcher;

package/dist/src/Table/TableCell.d.ts

@@ -6,5 +6,5 @@ type TableCellProps = {
     cellData?: object | React.ReactNode | boolean;
     compact?: boolean;
 };
-declare const TableCell: React.FC<TableCellProps>;
+declare const TableCell: React.FC<React.PropsWithChildren<TableCellProps>>;
 export default TableCell;

package/dist/src/Tabs/Tab.d.ts

@@ -8,5 +8,5 @@ type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
 type TabProps = TabButtonProps & {
     label?: React.ReactNode;
 };
-declare const Tab: React.FC<TabProps>;
+declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
 export default Tab;

package/dist/src/Tabs/TabScrollIndicator.d.ts

@@ -6,5 +6,5 @@ type TabScrollIndicatorProps = {
     ariaLabelLeft?: string;
     ariaLabelRight?: string;
 };
-declare const TabScrollIndicator: React.FC<TabScrollIndicatorProps>;
+declare const TabScrollIndicator: React.FC<React.PropsWithChildren<TabScrollIndicatorProps>>;
 export default TabScrollIndicator;

package/dist/src/TimePicker/TimePicker.d.ts

@@ -38,5 +38,5 @@ export declare const getTimeOptions: (interval: any, timeFormat: any, minTime: a
     value: string;
     label: string;
 }[];
-declare const TimePicker: React.FC<TimePickerProps>;
+declare const TimePicker: React.FC<React.PropsWithChildren<TimePickerProps>>;
 export default TimePicker;

package/dist/src/Toggle/ToggleButton.d.ts

@@ -7,5 +7,5 @@ type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     name?: string;
     theme?: DefaultNDSThemeType;
 };
-declare const ToggleButton: React.FC<ToggleButtonProps>;
+declare const ToggleButton: React.FC<React.PropsWithChildren<ToggleButtonProps>>;
 export default ToggleButton;

package/dist/src/Tooltip/Tooltip.d.ts

@@ -9,5 +9,5 @@ export type TooltipProps = {
     maxWidth?: string;
     children?: React.ReactNode;
 };
-declare const Tooltip: React.FC<TooltipProps>;
+declare const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>>;
 export default Tooltip;

package/dist/src/Validation/InlineValidation.d.ts

@@ -6,5 +6,5 @@ type InlineValidationProps = SpaceProps & {
     errorList?: string[];
     children?: React.ReactNode;
 };
-declare const InlineValidation: React.FC<InlineValidationProps>;
+declare const InlineValidation: React.FC<React.PropsWithChildren<InlineValidationProps>>;
 export default InlineValidation;

package/dist/src/utils/PopperArrow.d.ts

@@ -5,5 +5,5 @@ type PopperArrowProps = ReactPopperArrowProps & {
     borderColor?: string;
     backgroundColor?: string;
 };
-declare const PopperArrow: React.FC<PopperArrowProps>;
+declare const PopperArrow: React.FC<React.PropsWithChildren<PopperArrowProps>>;
 export default PopperArrow;

package/dist/src/utils/ts/FocusManager.d.ts

@@ -13,5 +13,5 @@ type FocusManagerProps = {
     defaultFocusedIndex: number | null;
     children: (handlers: ChildrenHandlers) => ReactNode;
 };
-declare const FocusManager: React.FC<FocusManagerProps>;
+declare const FocusManager: React.FC<React.PropsWithChildren<FocusManagerProps>>;
 export default FocusManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.2.4",
+  "version": "10.2.5",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {