@digital-ai/dot-components 2.19.1 → 2.20.1

package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsResizer.d.ts

@@ -1,18 +1,18 @@
-import { MutableRefObject } from 'react';
-import { BreadcrumbItem } from '../Breadcrumbs';
-export interface MaxVisibleItems {
-    lastRemovedItemWidth?: number;
-    maxVisibleItems: number;
-}
-interface BreadcrumbsResizerRefs {
-    firstItemRef: MutableRefObject<HTMLDivElement>;
-    lastItemRef: MutableRefObject<HTMLSpanElement>;
-}
-interface BreadcrumbItemsProps {
-    items: Array<BreadcrumbItem>;
-    maxItems?: number;
-}
-export declare const MIN_AVAILABLE_SPACE = 60;
-export declare const ITEMS_SEPARATOR_SPACE = 20;
-export declare const useBreadcrumbsResizer: (breadcrumbsRightCoord: number, breadcrumbItemsProps: BreadcrumbItemsProps, refs: BreadcrumbsResizerRefs) => [MaxVisibleItems];
-export {};
+import { MutableRefObject } from 'react';
+import { BreadcrumbItem } from '../Breadcrumbs';
+export interface MaxVisibleItems {
+    lastRemovedItemWidth?: number;
+    maxVisibleItems: number;
+}
+interface BreadcrumbsResizerRefs {
+    firstItemRef: MutableRefObject<HTMLDivElement>;
+    lastItemRef: MutableRefObject<HTMLSpanElement>;
+}
+interface BreadcrumbItemsProps {
+    items: Array<BreadcrumbItem>;
+    maxItems?: number;
+}
+export declare const MIN_AVAILABLE_SPACE = 60;
+export declare const ITEMS_SEPARATOR_SPACE = 20;
+export declare const useBreadcrumbsResizer: (breadcrumbsRightCoord: number, breadcrumbItemsProps: BreadcrumbItemsProps, refs: BreadcrumbsResizerRefs) => [MaxVisibleItems];
+export {};

package/{lib → src/lib}/components/button/Button.d.ts

@@ -1,13 +1,13 @@
-import { KeyboardEventHandler, ReactNode } from 'react';
-import { BaseButtonProps } from '../BaseButtonProps';
-export interface ButtonProps extends BaseButtonProps {
-    /** The text for the button. Button text should be in sentence case. */
-    children: ReactNode;
-    /** Icon placed after the children. */
-    endIcon?: ReactNode;
-    onKeyDown?: KeyboardEventHandler;
-    /** Icon placed before the children. */
-    startIcon?: ReactNode;
-}
-/** This component wraps the Button component from @material-ui. */
-export declare const DotButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { KeyboardEventHandler, ReactNode } from 'react';
+import { BaseButtonProps } from '../BaseButtonProps';
+export interface ButtonProps extends BaseButtonProps {
+    /** The text for the button. Button text should be in sentence case. */
+    children: ReactNode;
+    /** Icon placed after the children. */
+    endIcon?: ReactNode;
+    onKeyDown?: KeyboardEventHandler;
+    /** Icon placed before the children. */
+    startIcon?: ReactNode;
+}
+/** This component wraps the Button component from @material-ui. */
+export declare const DotButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/{lib → src/lib}/components/button/Button.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-button";
-export declare const StyledButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonTypeMap<{}, "button">>, any, {}, never>;
+export declare const rootClassName = "dot-button";
+export declare const StyledButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonTypeMap<{}, "button">>, any, {}, never>;

package/{lib → src/lib}/components/button/CopyButton.d.ts

@@ -1,14 +1,14 @@
-import { CommonIconButtonProps } from '../button/IconButton';
-export interface CopyButtonProps extends CommonIconButtonProps {
-    /** Tooltip shown briefly after the value has been copied. */
-    copiedTooltip?: string;
-    /** DEPRECATED Use tooltip instead */
-    copyTooltip?: string;
-    /** The icon to display on the button, defaults to 'duplicate' */
-    iconId?: string;
-    /** By default a check icon will briefly display after the content is copied */
-    showCopiedIcon?: boolean;
-    /** The content which will be copied to the clipboard */
-    value: string;
-}
-export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => JSX.Element;
+import { CommonIconButtonProps } from '../button/IconButton';
+export interface CopyButtonProps extends CommonIconButtonProps {
+    /** Tooltip shown briefly after the value has been copied. */
+    copiedTooltip?: string;
+    /** DEPRECATED Use tooltip instead */
+    copyTooltip?: string;
+    /** The icon to display on the button, defaults to 'duplicate' */
+    iconId?: string;
+    /** By default a check icon will briefly display after the content is copied */
+    showCopiedIcon?: boolean;
+    /** The content which will be copied to the clipboard */
+    value: string;
+}
+export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/button/CopyButton.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-copy-button";
-export declare const StyledCopyButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const rootClassName = "dot-copy-button";
+export declare const StyledCopyButton: import("styled-components").StyledComponent<"span", any, {}, never>;

package/{lib → src/lib}/components/button/IconButton.d.ts

@@ -1,29 +1,29 @@
-import { MouseEvent } from 'react';
-import { CommonProps } from '../CommonProps';
-import { IconFontSize } from '../icon/Icon';
-export declare type IconButtonColor = 'default' | 'inherit' | 'primary' | 'secondary';
-export declare type IconButtonSize = 'small' | 'medium';
-export declare type IconButtonShape = 'circle' | 'square';
-export interface CommonIconButtonProps extends CommonProps {
-    /** 'default', 'inherit', 'primary', 'secondary' */
-    color?: IconButtonColor;
-    /** If true, the ripple effect is disabled. */
-    disableRipple?: boolean;
-    /** If true, the button will be disabled. */
-    disabled?: boolean;
-    /** Determines the size of the icon itself and spacing around it */
-    iconSize?: IconFontSize;
-    /** Event callback */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** Controls the shape of icon, can be 'circle' or 'square' */
-    shape?: IconButtonShape;
-    /** Determines the size of the button and padding around the icon */
-    size?: IconButtonSize;
-    /** Help text to be displayed on icon hover */
-    tooltip?: string;
-}
-export interface IconButtonProps extends CommonIconButtonProps {
-    /** The icon to display on the button */
-    iconId: string;
-}
-export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, shape, size, }: IconButtonProps) => JSX.Element;
+import { MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+import { IconFontSize } from '../icon/Icon';
+export type IconButtonColor = 'default' | 'inherit' | 'primary' | 'secondary';
+export type IconButtonSize = 'small' | 'medium';
+export type IconButtonShape = 'circle' | 'square';
+export interface CommonIconButtonProps extends CommonProps {
+    /** 'default', 'inherit', 'primary', 'secondary' */
+    color?: IconButtonColor;
+    /** If true, the ripple effect is disabled. */
+    disableRipple?: boolean;
+    /** If true, the button will be disabled. */
+    disabled?: boolean;
+    /** Determines the size of the icon itself and spacing around it */
+    iconSize?: IconFontSize;
+    /** Event callback */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** Controls the shape of icon, can be 'circle' or 'square' */
+    shape?: IconButtonShape;
+    /** Determines the size of the button and padding around the icon */
+    size?: IconButtonSize;
+    /** Help text to be displayed on icon hover */
+    tooltip?: string;
+}
+export interface IconButtonProps extends CommonIconButtonProps {
+    /** The icon to display on the button */
+    iconId: string;
+}
+export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, shape, size, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/button/IconButton.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-icon-btn";
-export declare const StyledIconButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").IconButtonTypeMap<{}, "button">>, any, {}, never>;
+export declare const rootClassName = "dot-icon-btn";
+export declare const StyledIconButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").IconButtonTypeMap<{}, "button">>, any, {}, never>;

package/{lib → src/lib}/components/button/index.d.ts

@@ -1,6 +1,6 @@
-export type { ButtonProps } from './Button';
-export type { CopyButtonProps } from './CopyButton';
-export type { IconButtonProps, IconButtonColor, IconButtonSize, } from './IconButton';
-export { DotButton } from './Button';
-export { DotCopyButton } from './CopyButton';
-export { DotIconButton } from './IconButton';
+export type { ButtonProps } from './Button';
+export type { CopyButtonProps } from './CopyButton';
+export type { IconButtonProps, IconButtonColor, IconButtonSize, } from './IconButton';
+export { DotButton } from './Button';
+export { DotCopyButton } from './CopyButton';
+export { DotIconButton } from './IconButton';

package/{lib → src/lib}/components/button-toggle/ButtonToggle.d.ts

@@ -1,24 +1,24 @@
-import { MouseEvent } from 'react';
-import { CommonProps } from '../CommonProps';
-import { ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSize, ButtonToggleValue } from './utils/models';
-export declare type ButtonToggleColor = 'standard' | 'primary';
-export interface ButtonToggleProps extends CommonProps {
-    /** button props for each toggle button options*/
-    buttonOptions: ButtonToggleOption[];
-    color?: ButtonToggleColor;
-    /** If true, the keyboard focus ripple will be disabled */
-    disableFocusRipple?: boolean;
-    /** If true, the ripple effect will be disabled. */
-    disableRipple?: boolean;
-    /** If true, only allow one of the values to be selected. */
-    exclusive?: boolean;
-    /** callback function that is executed when the value changes */
-    onChange: (event: MouseEvent, value: ButtonToggleValue) => void;
-    /** The group orientation (layout flow direction)*/
-    orientation?: ButtonToggleOrientation;
-    /** The size of the buttons.*/
-    size?: ButtonToggleSize;
-    /** The value to associate with the button when selected in a ToggleButtonGroup */
-    value?: ButtonToggleValue;
-}
-export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
+import { MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+import { ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSize, ButtonToggleValue } from './utils/models';
+export type ButtonToggleColor = 'standard' | 'primary';
+export interface ButtonToggleProps extends CommonProps {
+    /** button props for each toggle button options*/
+    buttonOptions: ButtonToggleOption[];
+    color?: ButtonToggleColor;
+    /** If true, the keyboard focus ripple will be disabled */
+    disableFocusRipple?: boolean;
+    /** If true, the ripple effect will be disabled. */
+    disableRipple?: boolean;
+    /** If true, only allow one of the values to be selected. */
+    exclusive?: boolean;
+    /** callback function that is executed when the value changes */
+    onChange: (event: MouseEvent, value: ButtonToggleValue) => void;
+    /** The group orientation (layout flow direction)*/
+    orientation?: ButtonToggleOrientation;
+    /** The size of the buttons.*/
+    size?: ButtonToggleSize;
+    /** The value to associate with the button when selected in a ToggleButtonGroup */
+    value?: ButtonToggleValue;
+}
+export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/button-toggle/ButtonToggle.styles.d.ts

@@ -1,3 +1,3 @@
-import { ToggleButtonGroup } from '@mui/material';
-export declare const rootClassName = "dot-button-toggle";
-export declare const StyledToggleButtonGroup: import("styled-components").StyledComponent<typeof ToggleButtonGroup, any, {}, never>;
+import { ToggleButtonGroup } from '@mui/material';
+export declare const rootClassName = "dot-button-toggle";
+export declare const StyledToggleButtonGroup: import("styled-components").StyledComponent<typeof ToggleButtonGroup, any, {}, never>;

package/{lib → src/lib}/components/button-toggle/index.d.ts

@@ -1,3 +1,3 @@
-export type { ButtonToggleOrientation, ButtonToggleOption, ButtonToggleSingleValue, ButtonToggleSize, ButtonToggleValue, } from './utils/models';
-export type { ButtonToggleProps } from './ButtonToggle';
-export { DotButtonToggle } from './ButtonToggle';
+export type { ButtonToggleOrientation, ButtonToggleOption, ButtonToggleSingleValue, ButtonToggleSize, ButtonToggleValue, } from './utils/models';
+export type { ButtonToggleProps } from './ButtonToggle';
+export { DotButtonToggle } from './ButtonToggle';

package/src/lib/components/button-toggle/utils/models.d.ts

@@ -0,0 +1,13 @@
+import { CommonProps } from '../../CommonProps';
+export type ButtonToggleSingleValue = string | number | boolean;
+export type ButtonToggleSize = 'small' | 'medium' | 'large';
+export type ButtonToggleOrientation = 'horizontal' | 'vertical';
+export type ButtonToggleValue = ButtonToggleSingleValue | Array<ButtonToggleSingleValue>;
+export interface ButtonToggleOption extends CommonProps {
+    ariaLabel: string;
+    disabled?: boolean;
+    iconId?: string;
+    text?: string;
+    tooltip?: string;
+    value: ButtonToggleValue;
+}

package/{lib → src/lib}/components/card/Card.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface CardProps extends CommonProps {
-    /** The content for the Card.*/
-    children: ReactNode;
-}
-export declare const DotCard: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface CardProps extends CommonProps {
+    /** The content for the Card.*/
+    children: ReactNode;
+}
+export declare const DotCard: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/card/CardContent.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface CardContentProps extends CommonProps {
-    /** The content for the CardContent.*/
-    children: ReactNode;
-}
-export declare const DotCardContent: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardContentProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface CardContentProps extends CommonProps {
+    /** The content for the CardContent.*/
+    children: ReactNode;
+}
+export declare const DotCardContent: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardContentProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/card/CardFooter.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface CardFooterProps extends CommonProps {
-    /** The content for the CardFooter.*/
-    children: ReactNode;
-}
-export declare const DotCardFooter: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardFooterProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface CardFooterProps extends CommonProps {
+    /** The content for the CardFooter.*/
+    children: ReactNode;
+}
+export declare const DotCardFooter: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/card/CardFooter.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-card-footer";
-export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const rootClassName = "dot-card-footer";
+export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;

package/{lib → src/lib}/components/card/CardHeader.d.ts

@@ -1,19 +1,19 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type TitleSize = 'small' | 'medium' | 'large';
-export declare type SubheaderSize = 'small' | 'large';
-export interface CardHeaderProps extends CommonProps {
-    /** Card header action */
-    action?: ReactNode;
-    /** Card header avatar */
-    avatar?: ReactNode;
-    /** Card subheader */
-    subheader?: string;
-    /** Card subheader size */
-    subheaderSize?: SubheaderSize;
-    /** Card title */
-    title?: string;
-    /** Card title size */
-    titleSize?: TitleSize;
-}
-export declare const DotCardHeader: ({ action, ariaLabel, avatar, className, "data-testid": dataTestId, subheader, subheaderSize, title, titleSize, }: CardHeaderProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type TitleSize = 'small' | 'medium' | 'large';
+export type SubheaderSize = 'small' | 'large';
+export interface CardHeaderProps extends CommonProps {
+    /** Card header action */
+    action?: ReactNode;
+    /** Card header avatar */
+    avatar?: ReactNode;
+    /** Card subheader */
+    subheader?: string;
+    /** Card subheader size */
+    subheaderSize?: SubheaderSize;
+    /** Card title */
+    title?: string;
+    /** Card title size */
+    titleSize?: TitleSize;
+}
+export declare const DotCardHeader: ({ action, ariaLabel, avatar, className, "data-testid": dataTestId, subheader, subheaderSize, title, titleSize, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/carousel/Carousel.d.ts

@@ -1,31 +1,31 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type CarouselAnimationVariant = 'fade' | 'slide';
-export declare type CarouselNavigationButtonDisplayOption = 'none' | 'top' | 'bottom' | 'center';
-export interface CarouselProps extends CommonProps {
-    /** The animation shown when the carousel pages are changing. Default is `fade`. */
-    animation?: CarouselAnimationVariant;
-    /** If true, the pages of the carousel are changed automatically. */
-    autoPlay?: boolean;
-    /** Background color for the carousel. */
-    backgroundColor?: string;
-    /** The index of currently selected page. Use in controlled mode. */
-    currentPage?: number;
-    /** The option for displaying the arrow buttons. Default is `center`. */
-    displayNavigationButtons?: CarouselNavigationButtonDisplayOption;
-    /** Used with `autoPlay`. Duration in seconds for auto changing the carousel pages. Default is 3 s. */
-    duration?: number;
-    /** The index of initial selected page. Default is 0 (the first page). */
-    initialPage?: number;
-    /** Callback fired when the carousel page changes. Use in controlled mode (see `currentPage`). */
-    onPageChange?: (page: number) => void;
-    /** The array of pages to display in carousel. */
-    pagesContent: Array<ReactNode>;
-    /** Used with `autoPlay`. If true, the auto changing pages is paused when mouse is hovering the component. */
-    pauseAutoPlayOnHover?: boolean;
-    /** Used with `autoPlay`. If true, the linear progress bar is displayed on the bottom of carousel. */
-    progressIndicator?: boolean;
-    /** Determines whether you can see the pages buttons on bottom. True by default. */
-    showPagesButtons?: boolean;
-}
-export declare const DotCarousel: ({ animation, ariaLabel, autoPlay, backgroundColor, className, currentPage, "data-testid": dataTestId, displayNavigationButtons, duration, initialPage, onPageChange, pagesContent, pauseAutoPlayOnHover, progressIndicator, showPagesButtons, }: CarouselProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type CarouselAnimationVariant = 'fade' | 'slide';
+export type CarouselNavigationButtonDisplayOption = 'none' | 'top' | 'bottom' | 'center';
+export interface CarouselProps extends CommonProps {
+    /** The animation shown when the carousel pages are changing. Default is `fade`. */
+    animation?: CarouselAnimationVariant;
+    /** If true, the pages of the carousel are changed automatically. */
+    autoPlay?: boolean;
+    /** Background color for the carousel. */
+    backgroundColor?: string;
+    /** The index of currently selected page. Use in controlled mode. */
+    currentPage?: number;
+    /** The option for displaying the arrow buttons. Default is `center`. */
+    displayNavigationButtons?: CarouselNavigationButtonDisplayOption;
+    /** Used with `autoPlay`. Duration in seconds for auto changing the carousel pages. Default is 3 s. */
+    duration?: number;
+    /** The index of initial selected page. Default is 0 (the first page). */
+    initialPage?: number;
+    /** Callback fired when the carousel page changes. Use in controlled mode (see `currentPage`). */
+    onPageChange?: (page: number) => void;
+    /** The array of pages to display in carousel. */
+    pagesContent: Array<ReactNode>;
+    /** Used with `autoPlay`. If true, the auto changing pages is paused when mouse is hovering the component. */
+    pauseAutoPlayOnHover?: boolean;
+    /** Used with `autoPlay`. If true, the linear progress bar is displayed on the bottom of carousel. */
+    progressIndicator?: boolean;
+    /** Determines whether you can see the pages buttons on bottom. True by default. */
+    showPagesButtons?: boolean;
+}
+export declare const DotCarousel: ({ animation, ariaLabel, autoPlay, backgroundColor, className, currentPage, "data-testid": dataTestId, displayNavigationButtons, duration, initialPage, onPageChange, pagesContent, pauseAutoPlayOnHover, progressIndicator, showPagesButtons, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/carousel/Carousel.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const rootClassName = "dot-carousel";
-interface StyledCarouselProps {
-    backgroundColor?: string;
-}
-export declare const StyledCarousel: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
-export {};
+export declare const rootClassName = "dot-carousel";
+interface StyledCarouselProps {
+    backgroundColor?: string;
+}
+export declare const StyledCarousel: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
+export {};

package/{lib → src/lib}/components/checkbox/Checkbox.d.ts

@@ -1,12 +1,12 @@
-import { RadioButtonProps } from '../radio/RadioButton';
-export declare type CheckboxSize = 'medium' | 'small';
-export declare type CheckboxLabelPlacement = 'bottom' | 'end' | 'start';
-export interface CheckboxProps extends RadioButtonProps {
-    /** accessibility labelled by */
-    ariaLabelledby?: string;
-    /** If true, the ripple effect will be disabled. */
-    disableRipple?: boolean;
-    /** if true the checkbox will display with intermediate */
-    indeterminate?: boolean;
-}
-export declare function DotCheckbox({ ariaLabel, ariaLabelledby, checked, className, 'data-testid': dataTestId, disabled, disableRipple, id, indeterminate, inputRef, label, labelPlacement, name, onChange, required, size, value, }: CheckboxProps): JSX.Element;
+import { RadioButtonProps } from '../radio/RadioButton';
+export type CheckboxSize = 'medium' | 'small';
+export type CheckboxLabelPlacement = 'bottom' | 'end' | 'start';
+export interface CheckboxProps extends RadioButtonProps {
+    /** accessibility labelled by */
+    ariaLabelledby?: string;
+    /** If true, the ripple effect will be disabled. */
+    disableRipple?: boolean;
+    /** if true the checkbox will display with intermediate */
+    indeterminate?: boolean;
+}
+export declare function DotCheckbox({ ariaLabel, ariaLabelledby, checked, className, 'data-testid': dataTestId, disabled, disableRipple, id, indeterminate, inputRef, label, labelPlacement, name, onChange, required, size, value, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/checkbox/Checkbox.styles.d.ts

@@ -1,3 +1,3 @@
-import { Checkbox } from '@mui/material';
-export declare const rootClassName = "dot-checkbox";
-export declare const StyledCheckbox: import("styled-components").StyledComponent<typeof Checkbox, any, {}, never>;
+import { Checkbox } from '@mui/material';
+export declare const rootClassName = "dot-checkbox";
+export declare const StyledCheckbox: import("styled-components").StyledComponent<typeof Checkbox, any, {}, never>;

package/{lib → src/lib}/components/checkbox/CheckboxGroup.d.ts

@@ -1,16 +1,16 @@
-import { ChangeEvent } from 'react';
-import { RadioGroupBaseProps } from '../radio/RadioGroup';
-import { CheckboxProps } from './Checkbox';
-export interface CheckboxGroupProps extends RadioGroupBaseProps {
-    /** Array of CheckboxProps to set by default */
-    defaultValues?: CheckboxProps[];
-    /** A function that should be executed when the value of the checkbox changes */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: CheckboxProps[]) => void;
-    /** Array of CheckboxProps used to create the checkboxes */
-    options: CheckboxProps[];
-    /** select all label */
-    selectAllLabel?: string;
-    /** if true use parent for selecting/deselecting all */
-    showSelectAll?: boolean;
-}
-export declare function DotCheckboxGroup({ ariaLabel, className, 'data-testid': dataTestId, defaultValues, disableGroup, endIcon, error, groupLabel, helperText, name, labelPlacement, onChange, options, showSelectAll, required, row, selectAllLabel, startIcon, size, }: CheckboxGroupProps): JSX.Element;
+import { ChangeEvent } from 'react';
+import { RadioGroupBaseProps } from '../radio/RadioGroup';
+import { CheckboxProps } from './Checkbox';
+export interface CheckboxGroupProps extends RadioGroupBaseProps {
+    /** Array of CheckboxProps to set by default */
+    defaultValues?: CheckboxProps[];
+    /** A function that should be executed when the value of the checkbox changes */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: CheckboxProps[]) => void;
+    /** Array of CheckboxProps used to create the checkboxes */
+    options: CheckboxProps[];
+    /** select all label */
+    selectAllLabel?: string;
+    /** if true use parent for selecting/deselecting all */
+    showSelectAll?: boolean;
+}
+export declare function DotCheckboxGroup({ ariaLabel, className, 'data-testid': dataTestId, defaultValues, disableGroup, endIcon, error, groupLabel, helperText, name, labelPlacement, onChange, options, showSelectAll, required, row, selectAllLabel, startIcon, size, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/checkbox/CheckboxGroup.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const rootClassName = "dot-checkbox-group";
-export declare const wrapperClassName = "dot-checkbox-group-wrapper";
-export declare const checkboxListClassName = "dot-checkbox-list";
-export declare const checkboxListItemClassName = "dot-checkbox-list-item";
-export declare const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const rootClassName = "dot-checkbox-group";
+export declare const wrapperClassName = "dot-checkbox-group-wrapper";
+export declare const checkboxListClassName = "dot-checkbox-list";
+export declare const checkboxListItemClassName = "dot-checkbox-list-item";
+export declare const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/{lib → src/lib}/components/chip/Chip.d.ts

@@ -1,29 +1,29 @@
-import { MouseEvent, ReactElement } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type ChipSize = 'medium' | 'small';
-export declare const DEFAULT_CHARACTERS_LIMIT = 32;
-export interface ChipProps extends CommonProps {
-    /** If provided, will display an avatar which takes precedence over icon */
-    avatar?: ReactElement;
-    /** Maximum number of characters until the label gets truncated. Default is 32. */
-    charactersLimit?: number;
-    /** The text for the chip. */
-    children: string;
-    /** If true, the chip is disabled */
-    disabled?: boolean;
-    /** If true, the chip is in error */
-    error?: boolean;
-    /** If true, the chip is clickable */
-    isClickable?: boolean;
-    /** If true, the chip is deletable */
-    isDeletable?: boolean;
-    /** Event callback on click */
-    onClick?: (event: MouseEvent) => void;
-    /** Event callback when delete icon is clicked */
-    onDelete?: (event: MouseEvent) => void;
-    /** Determines the size of the chip 'medium' or 'small' */
-    size?: ChipSize;
-    /** The icon to display on the chip */
-    startIcon?: ReactElement;
-}
-export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element;
+import { MouseEvent, ReactElement } from 'react';
+import { CommonProps } from '../CommonProps';
+export type ChipSize = 'medium' | 'small';
+export declare const DEFAULT_CHARACTERS_LIMIT = 32;
+export interface ChipProps extends CommonProps {
+    /** If provided, will display an avatar which takes precedence over icon */
+    avatar?: ReactElement;
+    /** Maximum number of characters until the label gets truncated. Default is 32. */
+    charactersLimit?: number;
+    /** The text for the chip. */
+    children: string;
+    /** If true, the chip is disabled */
+    disabled?: boolean;
+    /** If true, the chip is in error */
+    error?: boolean;
+    /** If true, the chip is clickable */
+    isClickable?: boolean;
+    /** If true, the chip is deletable */
+    isDeletable?: boolean;
+    /** Event callback on click */
+    onClick?: (event: MouseEvent) => void;
+    /** Event callback when delete icon is clicked */
+    onDelete?: (event: MouseEvent) => void;
+    /** Determines the size of the chip 'medium' or 'small' */
+    size?: ChipSize;
+    /** The icon to display on the chip */
+    startIcon?: ReactElement;
+}
+export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/chip/Chip.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-chip";
-export declare const StyledChip: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ChipTypeMap<{}, "div">>, any, {}, never>;
+export declare const rootClassName = "dot-chip";
+export declare const StyledChip: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ChipTypeMap<{}, "div">>, any, {}, never>;

package/{lib → src/lib}/components/click-away-listener/ClickAwayListener.d.ts

@@ -1,10 +1,10 @@
-import { ReactElement } from 'react';
-export interface ClickAwayListenerProps {
-    /** The wrapped element. */
-    children: ReactElement;
-    /** If true, the React tree is ignored and only the DOM tree is considered. This prop changes how portaled elements are handled.  */
-    disableReactTree?: boolean;
-    /** Callback fired when a "click away" event is detected. */
-    onClickAway: (event: MouseEvent | TouchEvent) => void;
-}
-export declare const DotClickAwayListener: ({ children, disableReactTree, onClickAway, }: ClickAwayListenerProps) => JSX.Element;
+import { ReactElement } from 'react';
+export interface ClickAwayListenerProps {
+    /** The wrapped element. */
+    children: ReactElement;
+    /** If true, the React tree is ignored and only the DOM tree is considered. This prop changes how portaled elements are handled.  */
+    disableReactTree?: boolean;
+    /** Callback fired when a "click away" event is detected. */
+    onClickAway: (event: MouseEvent | TouchEvent) => void;
+}
+export declare const DotClickAwayListener: ({ children, disableReactTree, onClickAway, }: ClickAwayListenerProps) => import("react/jsx-runtime").JSX.Element;