@equisoft/design-elements-react 9.9.7-snapshot.20260114204630 → 9.10.0

package/dist/bundle.js.LICENSE.txt

@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.
@@ -5,7 +11,7 @@
 */
 
 /*!
-  react-datepicker v8.8.0
+  react-datepicker v7.5.0
   https://github.com/Hacker0x01/react-datepicker
   Released under the MIT License.
 */
@@ -22,6 +28,11 @@
  * http://api.jqueryui.com/category/ui-core/
  */
 
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+
 /**
    * react-table
    *
@@ -44,18 +55,7 @@
    * @license MIT
    */
 
-/**
- * @license React
- * react-dom-server-legacy.browser.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
+/** @license React v17.0.2
  * react-dom-server.browser.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -64,8 +64,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @license React
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/dist/components/accordion/accordion-item.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type HeadingTag, type HeadingType } from '../heading';
+import { Type, Tag } from '../heading/heading';
 export interface AccordionItemProps {
     title: string;
     id?: string;
-    headingType?: HeadingType | undefined;
-    headingTag?: HeadingTag | undefined;
+    headingType?: Type | undefined;
+    headingTag?: Tag | undefined;
     expanded?: boolean | undefined;
     disabled?: boolean | undefined;
     onToggle?: () => void;

package/dist/components/accordion/accordion.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { type HeadingTag, type HeadingType } from '../heading';
+import { Type, Tag } from '../heading/heading';
 export interface ItemsProps {
     title: string;
     content: React.ReactNode | React.ReactElement;
     id?: string;
-    headingType?: HeadingType | undefined;
-    headingTag?: HeadingTag | undefined;
+    headingType?: Type | undefined;
+    headingTag?: Tag | undefined;
     expanded?: boolean | undefined;
     disabled?: boolean | undefined;
     buttonRef?: React.RefObject<HTMLButtonElement> | undefined;

package/dist/components/accordion/index.d.ts

@@ -1,2 +1,3 @@
-export { Accordion, type ItemsProps as AccordionItem } from './accordion';
+export { AccordionItem } from './accordion-item';
+export { Accordion, ItemsProps } from './accordion';
 export { accordionClasses, type AccordionClasses } from './accordion-classes';

package/dist/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import { VoidFunctionComponent } from 'react';
 export type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large';
 export interface AvatarProps {
     className?: string;
@@ -7,4 +7,4 @@ export interface AvatarProps {
     imgSrc?: string;
     size?: AvatarSize;
 }
-export declare const Avatar: FC<AvatarProps>;
+export declare const Avatar: VoidFunctionComponent<AvatarProps>;

package/dist/components/badge/badge.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-export type BadgePosition = 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left';
+type BadgePosition = 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left';
 export declare const BadgeCircle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     $animate?: boolean;
     $position: BadgePosition;
@@ -12,7 +12,7 @@ export declare const BadgeDot: import("styled-components").StyledComponent<"span
     $offsetX: number;
     $offsetY: number;
 }, never>;
-export interface BadgeProps {
+interface BadgeProps {
     animate?: boolean;
     className?: string;
     /** The largest value to display, beyond which a + sign is shown */
@@ -29,3 +29,4 @@ export interface BadgeProps {
     value: number;
 }
 export declare const Badge: FunctionComponent<PropsWithChildren<BadgeProps>>;
+export {};

package/dist/components/bento-menu-button/bento-menu-button.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
 import { ExternalItemProps, NavItemProps } from '../dropdown-menu/list-items';
 import { ProductGroupProps } from './product-group';
-export interface BentoMenuButtonProps {
+interface BentoMenuButtonProps {
     ariaLabel?: string;
     buttonAriaLabel?: string;
     externalLinks: ExternalItemProps[];
@@ -14,3 +14,4 @@ export interface BentoMenuButtonProps {
     title?: string;
 }
 export declare const BentoMenuButton: FunctionComponent<PropsWithChildren<BentoMenuButtonProps>>;
+export {};

package/dist/components/bento-menu-button/product-group.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren, RefObject } from 'react';
-import { type NavItemProps } from '../dropdown-menu/list-items';
+import { NavItemProps } from '../dropdown-menu/list-items';
 export interface ProductGroupProps {
     onClick?(): void;
     firstItemRef?: RefObject<HTMLAnchorElement>;

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,8 +1,9 @@
-import { type FC } from 'react';
-import { type NavListOption } from '../nav-list';
+import { VoidFunctionComponent } from 'react';
+import { NavListOption } from '../nav-list/nav-list-option';
 export type BreadcrumbElement = NavListOption;
-export interface BreadcrumbProps {
+interface BreadcrumbProps {
     className?: string;
     history: BreadcrumbElement[];
 }
-export declare const Breadcrumb: FC<BreadcrumbProps>;
+export declare const Breadcrumb: VoidFunctionComponent<BreadcrumbProps>;
+export {};

package/dist/components/breadcrumb/use-breadcrumb-layout-effect.d.ts

@@ -1,5 +1,5 @@
-import { type Overflow } from '../../hooks/use-overflow';
-import { type NavListOption } from '../nav-list';
+import { Overflow } from '../../hooks/use-overflow';
+import { NavListOption } from '../nav-list/nav-list-option';
 interface UseBreadcrumbLayoutEffectRequest {
     overflow: Overflow;
     shownRoutes: NavListOption[];

package/dist/components/breadcrumb/use-breadcrumb-overflow.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { type NavListOption } from '../nav-list';
+import { NavListOption } from '../nav-list/nav-list-option';
 export interface Overflow {
     vertical: boolean;
     horizontal: boolean;

package/dist/components/breadcrumb/use-breadcrumb-routes.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
-import { type NavListOption } from '../nav-list';
-import { type Overflow } from './use-breadcrumb-overflow';
+import { NavListOption } from '../nav-list/nav-list-option';
+import { Overflow } from './use-breadcrumb-overflow';
 interface BreadcrumbRoutes {
     shownRoutes: NavListOption[];
     hiddenRoutes: NavListOption[];

package/dist/components/buttons/abstract/abstract-button.d.ts

@@ -1,13 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
-import { type BaseButtonStyles } from './styles';
-export declare const StyledAbstractButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, BaseButtonStyles, never>;
-export type ButtonSize = 'small' | 'medium';
-export interface AbstractButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    focusable?: boolean;
-    isMobile: boolean;
-    size?: ButtonSize;
-    tabIndex?: number;
-}
+import { AbstractButtonProps } from './types';
 export declare const AbstractButton: import("react").ForwardRefExoticComponent<AbstractButtonProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/buttons/abstract/{styles.d.ts → styled.d.ts}

@@ -1,10 +1,11 @@
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import type { ResolvedTheme } from '../../../themes';
-import type { ButtonSize } from './abstract-button';
+import { ResolvedTheme } from '../../../themes/theme';
+import { Size } from './types';
 export interface BaseButtonStyles {
-    $size?: ButtonSize;
+    $size?: Size;
     $isMobile: boolean;
     $focusable?: boolean;
     $inverted?: boolean;
 }
 export declare const getBaseButtonStyles: ({ $size, $isMobile, $focusable, $inverted, }: BaseButtonStyles) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;
+export declare const StyledAbstractButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, BaseButtonStyles, never>;

package/dist/components/buttons/abstract/types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes } from 'react';
+export type Size = 'small' | 'medium';
+export interface AbstractButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    focusable?: boolean;
+    isMobile: boolean;
+    size?: Size;
+}

package/dist/components/buttons/button.d.ts

@@ -1,44 +1,4 @@
-import { FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler } from 'react';
-import { type IconName } from '../icon';
-import { type ButtonSize } from './abstract';
-export type Type = 'submit' | 'button' | 'reset';
-export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary';
-export interface ButtonProps {
-    id?: string;
-    autofocus?: boolean;
-    /**
-     * Visual style
-     * @default primary
-     */
-    buttonType: ButtonType;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * @default true
-     */
-    focusable?: boolean;
-    inverted?: boolean;
-    label?: string;
-    loading?: boolean;
-    /**
-     * @default Loading...
-     */
-    loadingLabel?: string;
-    /**
-     * Size variant
-     * @default medium
-     */
-    size?: ButtonSize;
-    tabIndex?: number;
-    title?: string;
-    type?: Type;
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
-}
+import { ButtonProps } from './types';
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/buttons/icon-button.d.ts

@@ -1,14 +1,14 @@
 import { ReactElement } from 'react';
-import { type AvatarProps } from '../avatar';
-import { type IconName, type IconProps } from '../icon';
-import { type ButtonSize } from './abstract';
-import { type ButtonProps } from './button';
+import { AvatarProps } from '../avatar/avatar';
+import { IconName, IconProps } from '../icon/icon';
+import { Size } from './abstract/types';
+import { ButtonProps } from './types';
 export interface IconButtonProps extends ButtonProps {
     children?: ReactElement<IconProps | AvatarProps>;
     /**
      * Name of the desired icon (refer to icon library)
      */
     iconName: IconName;
-    size?: ButtonSize;
+    size?: Size;
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/buttons/index.d.ts

@@ -1,8 +1,8 @@
-export type { ButtonSize } from './abstract';
+export { Size } from './abstract/types';
+export { ButtonProps, ButtonType, Type } from './types';
+export { getBaseButtonStyles } from './abstract/styled';
+export { getButtonTypeStyles, getButtonStyles } from './styled';
 export { AbstractButton } from './abstract/abstract-button';
-export { getBaseButtonStyles } from './abstract/styles';
 export { Button } from './button';
-export type { ButtonProps, ButtonType, Type } from './button';
-export { IconButton } from './icon-button';
 export { SearchButton } from './search-button';
-export { getButtonTypeStyles, getButtonStyles } from './styled';
+export { IconButton } from './icon-button';

package/dist/components/buttons/search-button.d.ts

@@ -1,8 +1,8 @@
-import { type FC, MouseEvent } from 'react';
+import { MouseEvent, VoidFunctionComponent } from 'react';
 interface ButtonProps {
-    className?: string;
+    className: string;
     disabled?: boolean;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-export declare const SearchButton: FC<ButtonProps>;
+export declare const SearchButton: VoidFunctionComponent<ButtonProps>;
 export {};

package/dist/components/buttons/styled.d.ts

@@ -1,7 +1,7 @@
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { ResolvedTheme } from '../../themes';
-import { type BaseButtonStyles } from './abstract/styles';
-import type { ButtonProps, ButtonType } from './button';
+import { ResolvedTheme } from '../../themes/theme';
+import { BaseButtonStyles } from './abstract/styled';
+import { ButtonProps, ButtonType } from './types';
 interface ButtonTypeStyles {
     buttonType: ButtonType;
     focusable?: boolean;
@@ -12,12 +12,12 @@ export declare function getButtonTypeStyles({ focusable, inverted, buttonType, t
 interface ButtonStylesProps extends ButtonTypeStyles, BaseButtonStyles {
 }
 export declare const getButtonStyles: ({ buttonType, inverted, focusable, $size, $isMobile, theme, }: ButtonStylesProps) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./abstract").AbstractButtonProps & {
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./abstract/types").AbstractButtonProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     theme: ResolvedTheme;
 } & ButtonProps, never>;
 export declare const StyledSpinner: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
-export declare const LeftIcon: import("styled-components").StyledComponent<import("react").FC<import("../icon").IconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightIcon: import("styled-components").StyledComponent<import("react").FC<import("../icon").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftIcon: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../icon/icon").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightIcon: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../icon/icon").IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/buttons/types.d.ts

@@ -0,0 +1,40 @@
+import { FocusEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
+import { IconName } from '../icon/icon';
+import { Size } from './abstract/types';
+export type Type = 'submit' | 'button' | 'reset';
+export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary';
+export interface ButtonProps {
+    id?: string;
+    autofocus?: boolean;
+    /**
+     * Visual style
+     * @default primary
+     */
+    buttonType: ButtonType;
+    className?: string;
+    disabled?: boolean;
+    /**
+     * @default true
+     */
+    focusable?: boolean;
+    inverted?: boolean;
+    label?: string;
+    loading?: boolean;
+    /**
+     * @default Loading...
+     */
+    loadingLabel?: string;
+    /**
+     * Size variant
+     * @default medium
+     */
+    size?: Size;
+    title?: string;
+    type?: Type;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onFocus?: FocusEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+}

package/dist/components/card/card.d.ts

@@ -1,6 +1,7 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-export interface CardProps {
+interface Props {
     className?: string;
     noPadding?: boolean;
 }
-export declare const Card: FunctionComponent<PropsWithChildren<CardProps>>;
+export declare const Card: FunctionComponent<PropsWithChildren<Props>>;
+export {};

package/dist/components/card-link/card-link.d.ts

@@ -1,9 +1,10 @@
-import { type FC } from 'react';
-export interface CardLinkProps {
+import { VoidFunctionComponent } from 'react';
+interface CardLinkProps {
     className?: string;
     href: string;
     label: string;
     /** When true, clicking the link will replace the current entry in the history stack instead of adding a new one. */
     replace?: boolean;
 }
-export declare const CardLink: FC<CardLinkProps>;
+export declare const CardLink: VoidFunctionComponent<CardLinkProps>;
+export {};

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -1,15 +1,15 @@
-import { ChangeEvent, type FC } from 'react';
-export interface CheckboxGroupItem {
-    label: string;
-    name: string;
-    value: string;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-}
-export interface CheckboxGroupProps {
+import { ChangeEvent, VoidFunctionComponent } from 'react';
+interface CheckboxProps {
     label?: string;
     checkedValues?: string[];
-    checkboxGroup: CheckboxGroupItem[];
+    checkboxGroup: {
+        label: string;
+        name: string;
+        value: string;
+        defaultChecked?: boolean;
+        disabled?: boolean;
+    }[];
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const CheckboxGroup: FC<CheckboxGroupProps>;
+export declare const CheckboxGroup: VoidFunctionComponent<CheckboxProps>;
+export {};

package/dist/components/chooser-button/chooser-button.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, ReactNode } from 'react';
-export interface ChooserButtonProps {
+interface ChooserButtonProps {
     defaultChecked?: boolean;
     checked?: boolean;
     children: ReactNode;
@@ -9,3 +9,4 @@ export interface ChooserButtonProps {
     onChange(event: ChangeEvent<HTMLInputElement>): void;
 }
 export declare const ChooserButton: import("react").ForwardRefExoticComponent<ChooserButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/chooser-button/styles/choose.d.ts

@@ -0,0 +1 @@
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/chooser-button-group/chooser-button-group.d.ts

@@ -1,9 +1,9 @@
-import { type FC } from 'react';
+import { VoidFunctionComponent } from 'react';
 export interface ChooserButtonOption {
     label: string;
     value?: string;
 }
-export interface ChooserButtonGroupProps {
+interface ChooserButtonGroupProps {
     groupName: string;
     options: ChooserButtonOption[];
     /** Optional button to allow user to skip question */
@@ -14,4 +14,5 @@ export interface ChooserButtonGroupProps {
     value?: string | null;
     onChange?(option: ChooserButtonOption): void;
 }
-export declare const ChooserButtonGroup: FC<ChooserButtonGroupProps>;
+export declare const ChooserButtonGroup: VoidFunctionComponent<ChooserButtonGroupProps>;
+export {};

package/dist/components/combobox/combobox.d.ts

@@ -1,10 +1,9 @@
-import { type FC } from 'react';
-import { ListboxOption } from '../listbox';
-import { type ToggletipProps } from '../toggletip';
-import { type TooltipProps } from '../tooltip';
-type Value = string | string[];
+import { VoidFunctionComponent } from 'react';
+import { ListboxOption } from '../listbox/listbox';
+import { ToggletipProps } from '../toggletip/toggletip';
+import { TooltipProps } from '../tooltip/tooltip';
 export type ComboboxOption = ListboxOption;
-export interface ComboboxProps {
+interface ComboboxProps {
     /**
      * If true, the input can have a value not included in the list of options
      */
@@ -13,10 +12,6 @@ export interface ComboboxProps {
      * Aria label for the input (used when no visual label is present)
      */
     ariaLabel?: string;
-    /**
-     * If true, when the input value matches an option, that option is automatically selected
-     */
-    autoSelectMatchingOption?: boolean;
     className?: string;
     /**
      * @default false
@@ -25,7 +20,7 @@ export interface ComboboxProps {
     /**
      * The default value and selected option
      */
-    defaultValue?: Value;
+    defaultValue?: string;
     /**
      * Disables the input
      */
@@ -52,14 +47,9 @@ export interface ComboboxProps {
     inlineAutoComplete?: boolean;
     isLoading?: boolean;
     label?: string;
-    /**
-     * If true, multiple options can be selected and displayed as tags
-     */
-    multiselect?: boolean;
     name?: string;
     options: ComboboxOption[];
     placeholder?: string;
-    readOnly?: boolean;
     required?: boolean;
     tooltip?: TooltipProps;
     toggletip?: ToggletipProps;
@@ -75,13 +65,12 @@ export interface ComboboxProps {
     /**
      * Sets the selected value (makes the component controlled)
      */
-    value?: Value;
+    value?: string;
     hint?: string;
     /**
-     * OnChange callback function, invoked when value/options change
+     * OnChange callback function, invoked when the value is changed
      */
-    onChange?(value: string | ComboboxOption | ComboboxOption[]): void;
-    onInputChange?(value: string): void;
+    onChange?(value: string): void;
 }
-export declare const Combobox: FC<ComboboxProps>;
+export declare const Combobox: VoidFunctionComponent<ComboboxProps>;
 export {};

package/dist/components/date-picker/calendar-header.d.ts

@@ -1,5 +1,5 @@
-import { type FC } from 'react';
-import { type DropdownListOption } from '../dropdown-list';
+import { VoidFunctionComponent } from 'react';
+import { DropdownListOption } from '../dropdown-list/dropdown-list-option';
 interface CalendarHeaderProps {
     date: Date;
     months: string[];
@@ -12,5 +12,5 @@ interface CalendarHeaderProps {
     decreaseMonth(): void;
     increaseMonth(): void;
 }
-export declare const CalendarHeader: FC<CalendarHeaderProps>;
+export declare const CalendarHeader: VoidFunctionComponent<CalendarHeaderProps>;
 export {};

package/dist/components/date-picker/date-picker.d.ts

@@ -1,12 +1,12 @@
 import { FocusEvent } from 'react';
-import { type ToggletipProps } from '../toggletip';
-import { type TooltipProps } from '../tooltip';
-import { DayOfWeek, SupportedLocale } from './utils';
+import { ToggletipProps } from '../toggletip/toggletip';
+import { TooltipProps } from '../tooltip/tooltip';
+import { DayOfWeek, SupportedLocale } from './utils/datepicker-utils';
 export interface DatepickerHandles {
     reset(): void;
     setDate(date: Date): void;
 }
-export interface DatepickerProps {
+interface DatepickerProps {
     className?: string;
     /** Sets default selected date */
     defaultDate?: Date;
@@ -55,7 +55,8 @@ export interface DatepickerProps {
     onBlur?(event: FocusEvent<HTMLInputElement>): void;
     onCalendarClose?(): void;
     onCalendarOpen?(): void;
-    onChange?(date: Date | null): void;
+    onChange?(date: Date): void;
     onFocus?(event: FocusEvent<HTMLInputElement>): void;
 }
 export declare const Datepicker: import("react").ForwardRefExoticComponent<DatepickerProps & import("react").RefAttributes<DatepickerHandles>>;
+export {};

package/dist/components/date-picker/utils/datepicker-utils.d.ts

@@ -1,5 +1,5 @@
 import type { Locale } from 'date-fns';
-import { type DropdownListOption } from '../../dropdown-list';
+import { DropdownListOption } from '../../dropdown-list/dropdown-list-option';
 export type SupportedLocale = 'fr-CA' | 'en-CA' | 'en-US';
 export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare function getLocale(localeArray: Locale[], localeCode?: SupportedLocale): Locale;
@@ -9,4 +9,8 @@ export declare function getLocaleDatePlaceholder(locale?: Locale): string;
 export declare function getLocaleMonthsOptions(locale: Locale): DropdownListOption[];
 export declare function getYearsOptions(minDate?: Date | null, maxDate?: Date | null): DropdownListOption[];
 export declare function setLocaleFirstDayOfWeek(locale: Locale, dayOfWeek?: DayOfWeek): void;
-export declare function getAlternateDateFormats(dateFormat: string): string[];
+/**
+ * The version of format as only numbers (ex: "yyyy-MM-dd" would become "yyyyMMdd").
+ * Note that Month and Day are always converted to the 2 digits format.
+ */
+export declare function getNumericalDateFormat(dateFormat: string): string | null;

package/dist/components/design-system.d.ts

@@ -1,7 +1,6 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { DeviceContextProviderProps } from './device-context-provider';
-import { IntlProviderProps } from './internationalization-provider';
-import { ThemeWrapperProps } from './theme-wrapper';
-export type { DeviceType } from './device-context-provider';
+import { DeviceContextProviderProps } from './device-context-provider/device-context-provider';
+import { IntlProviderProps } from './internationalization-provider/internationalization-provider';
+import { ThemeWrapperProps } from './theme-wrapper/theme-wrapper';
 export type DesignSystemProps = ThemeWrapperProps & DeviceContextProviderProps & IntlProviderProps;
 export declare const DesignSystem: FunctionComponent<PropsWithChildren<DesignSystemProps>>;