@peculiar/react-components 0.3.14 → 0.4.0

package/dist/esnext/styles/utils.js

@@ -1,38 +1,59 @@
 import flat from 'flat';
 import deepmerge from 'deepmerge';
 import { Color } from '@peculiar/color';
-import { defaultTheme } from './default_theme';
-import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
-import { generateBaseSize, } from './sizes';
+import { defaultThemeLight, defaultThemeDark } from './default_theme';
+import { colors, generateSize, } from './foundations';
 export const themeCSSVariablePrefix = 'pv';
 export const contrastThreshold = 2;
-export const createTheme = (options) => {
-    const primary = generatePrimaryColors(options?.color?.primary);
-    const secondary = generateSecondaryColors(options?.color?.secondary);
-    const wrong = generateWrongColors(options?.color?.wrong);
-    const attention = generateAttentionColors(options?.color?.attention);
-    const size = generateBaseSize(options?.size);
-    function getContrastText(background) {
+export const createTheme = (mode, options) => {
+    const defaultTheme = mode === 'dark' ? defaultThemeDark : defaultThemeLight;
+    const getContrastText = (background) => {
         const contrastRatio = new Color(background)
             .getContrastRatio(defaultTheme.color.white);
         return contrastRatio > contrastThreshold
             ? defaultTheme.color.white
             : defaultTheme.color.black;
-    }
-    const partialTheme = deepmerge(options, {
-        color: {
-            ...primary,
-            ...secondary,
-            ...wrong,
-            ...attention,
-            'primary-contrast': getContrastText(primary.primary),
-            'secondary-contrast': getContrastText(secondary.secondary),
-            'wrong-contrast': getContrastText(wrong.wrong),
-            ...options?.color,
-        },
-        size,
-    });
-    return deepmerge(defaultTheme, partialTheme);
+    };
+    const primary = options?.color?.primary
+        ? colors.generateColorPalette('primary', options.color.primary)
+        : undefined;
+    const secondary = options?.color?.secondary
+        ? colors.generateColorPalette('secondary', options.color.secondary)
+        : undefined;
+    const wrong = options?.color?.wrong
+        ? colors.generateColorPalette('wrong', options.color.wrong)
+        : undefined;
+    const attention = options?.color?.attention
+        ? colors.generateColorPalette('attention', options.color.attention)
+        : undefined;
+    const success = options?.color?.success
+        ? colors.generateColorPalette('success', options.color.success)
+        : undefined;
+    return {
+        color: deepmerge.all([
+            defaultTheme.color,
+            {
+                ...primary || {},
+                ...secondary || {},
+                ...wrong || {},
+                ...attention || {},
+                ...success || {},
+                ...(primary ? {
+                    'primary-contrast': getContrastText(primary.primary),
+                } : {}),
+                ...(secondary ? {
+                    'secondary-contrast': getContrastText(secondary.secondary),
+                } : {}),
+                ...(wrong ? {
+                    'wrong-contrast': getContrastText(wrong.wrong),
+                } : {}),
+            },
+            options?.color || {},
+        ]),
+        shadow: deepmerge(defaultTheme.shadow, options?.shadow || {}),
+        text: deepmerge(defaultTheme.text, options?.text || {}),
+        size: generateSize(options?.size),
+    };
 };
 export const createThemeCSSVariablesFromObject = (object) => {
     const flatted = flat({

package/dist/esnext/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,GAAG,SAAS;YACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC9C,GAAG,OAAO,EAAE,KAAK;SACoB;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"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"}

package/dist/types/Alert/alert.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type AlertOwnProps = {
     /**
      * The content of the component.
      */
@@ -20,8 +23,10 @@ declare type BaseProps = {
      * Callback fired when the component requests to be closed.
      */
     onClose?: () => void;
-    'data-testid'?: string;
 };
-export declare type AlertProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-export declare const Alert: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare type AlertProps = AlertOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ *
+ */
+export declare const Alert: React.ForwardRefExoticComponent<AlertOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Autocomplete/autocomplete.d.ts

@@ -8,7 +8,7 @@ export declare type AutocompleteRenderGroupParams = {
     group: string;
     children?: React.ReactNode;
 };
-export declare type AutocompleteProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
+export declare type AutocompleteOwnProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
     /**
      * The className of the component.
      */
@@ -89,7 +89,7 @@ export declare type AutocompleteProps<T, Multiple extends boolean | undefined =
  *
  */
 export declare const Autocomplete: {
-    <T, Multiple extends boolean = undefined>(props: AutocompleteProps<T, Multiple>): JSX.Element;
+    <T, Multiple extends boolean = undefined>(props: AutocompleteOwnProps<T, Multiple>): JSX.Element;
     defaultProps: {
         disableSearch: boolean;
         noOptionsText: string;

package/dist/types/Avatar/avatar.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { ColorType } from '../styles';
-import { TypographyProps } from '../Typography';
-declare type BaseProps = {
+import { Typography } from '../Typography';
+/**
+ * Types.
+ */
+declare type AvatarOwnProps = {
     /**
      * Used to render badge inside the avatar.
      */
@@ -28,7 +31,7 @@ declare type BaseProps = {
     /**
      * Props applied to the `Typography` element.
      */
-    typographyProps?: Partial<TypographyProps>;
+    typographyProps?: Partial<React.ComponentProps<typeof Typography>>;
     /**
      * The size of the avatar.
      */
@@ -41,7 +44,6 @@ declare type BaseProps = {
      * The color of initials text.
      */
     color?: ColorType;
-    'data-testid'?: string;
 };
-export declare const Avatar: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Backdrop/backdrop.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { BaseTransitionProps } from '../Fade';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type BackdropOwnProps = {
     /**
      * If `true`, the backdrop is open.
      */
@@ -19,6 +22,6 @@ declare type BaseProps = {
     transitionDuration?: number;
     variant?: ('light' | 'medium' | 'heavy');
 };
-export declare type BackdropProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
-export declare const Backdrop: React.ForwardRefExoticComponent<BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare type BackdropProps = BackdropOwnProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: React.ForwardRefExoticComponent<BackdropOwnProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Checkbox/checkbox.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type BaseProps = {
+declare type CheckboxOwnProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -34,16 +34,15 @@ declare type BaseProps = {
     /**
      * The icon to display when the component is checked.
      */
-    checkedIcon?: React.ReactElement;
+    checkedIcon?: React.ElementType<any>;
     /**
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    'data-testid'?: string;
 };
-export declare type CheckboxProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare type CheckboxProps = CheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
 /**
  *
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/CircularProgress/circular_progress.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type CircularProgressOwnProps = {
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
      */
@@ -23,9 +26,6 @@ declare type BaseProps = {
      */
     value?: number;
 };
-export declare type CircularProgressProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-/**
- *
- */
-export declare const CircularProgress: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare type CircularProgressProps = CircularProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Collapse/collapse.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
-declare type BaseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type CollapseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
+declare type CollapseOwnProps = {
     /**
      * If `true`, the component will transition in.
      */
@@ -19,6 +22,9 @@ declare type BaseProps = {
      */
     children: React.ReactNode;
 };
-declare type CollapseProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+declare type CollapseProps = CollapseOwnProps & CollapseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+/**
+ *
+ */
 export declare const Collapse: React.FC<CollapseProps>;
 export {};

package/dist/types/Dialog/dialog.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import type { CircularProgressProps } from '../CircularProgress';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type DialogOwnProps = {
     /**
      * If `true`, the Dialog is open.
      */
@@ -47,5 +50,8 @@ declare type BaseProps = {
      */
     loadingColor?: CircularProgressProps['color'];
 };
-export declare const Dialog: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const Dialog: React.ForwardRefExoticComponent<DialogOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_actions.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type DialogActionsOwnProps = {
     /**
      * The content of the component.
      */
@@ -9,5 +12,8 @@ declare type BaseProps = {
      */
     className?: string;
 };
-export declare const DialogActions: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const DialogActions: React.ForwardRefExoticComponent<DialogActionsOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_content.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * Types.
  */
-declare type BaseProps = {
+declare type DialogContentOwnProps = {
     /**
      * The content of the component.
      */
@@ -27,5 +27,5 @@ declare type BaseProps = {
 /**
  *
  */
-export declare const DialogContent: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Dialog/dialog_title.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type DialogTitleOwnProps = {
     /**
      * The content of the component.
      */
@@ -13,5 +16,8 @@ declare type BaseProps = {
      */
     onClose?: () => void;
 };
-export declare const DialogTitle: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Drawer/drawer.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type DrawerOwnProps = {
     /**
      * If `true`, the component is shown.
      */
@@ -30,5 +33,8 @@ declare type BaseProps = {
     onClose?: () => void;
     'data-testid'?: string;
 };
-export declare const Drawer: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/IconButton/icon_button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ButtonOwnProps } from '../Button';
-import { TooltipBaseProps } from '../Tooltip';
+import { TooltipOwnProps } from '../Tooltip';
 /**
  * Types.
  */
@@ -13,7 +13,7 @@ export interface IconButtonOwnProps extends Omit<ButtonOwnProps, 'variant' | 'wi
     /**
      * Props applied to the `Tooltip` element.
      */
-    tooltipProps?: Omit<TooltipBaseProps, 'open' | 'title' | 'children'>;
+    tooltipProps?: Omit<TooltipOwnProps, 'open' | 'title' | 'children'>;
 }
 export interface IconButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
     props: P & IconButtonOwnProps;

package/dist/types/Image/image.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type ImageOwnProps = {
     /**
      * The `src` attribute for the `img` element.
      */
@@ -16,7 +19,9 @@ declare type BaseProps = {
      * The className of the component.
      */
     className?: string;
-    'data-testid'?: string;
 };
-export declare const Image: React.ForwardRefExoticComponent<BaseProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading"> & React.RefAttributes<HTMLImageElement>>;
+/**
+ *
+ */
+export declare const Image: React.ForwardRefExoticComponent<ImageOwnProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading"> & React.RefAttributes<HTMLImageElement>>;
 export {};

package/dist/types/LinearProgress/linear_progress.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type LinearProgressOwnProps = {
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
      */
@@ -13,5 +16,8 @@ declare type BaseProps = {
      */
     className?: string;
 };
-export declare const LinearProgress: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const LinearProgress: React.ForwardRefExoticComponent<LinearProgressOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Menu/menu.d.ts

@@ -4,7 +4,7 @@ import { TypographyType } from '../styles';
 /**
  * Types.
  */
-declare type OptionBaseProps = {
+declare type OptionOwnProps = {
     label: string;
     disabled?: boolean;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
@@ -22,11 +22,11 @@ declare type OptionBaseProps = {
      */
     endIcon?: React.ReactNode;
 };
-declare type OptionProps = OptionBaseProps & Omit<React.AllHTMLAttributes<HTMLElement>, 'children'>;
+declare type OptionProps = OptionOwnProps & Omit<React.AllHTMLAttributes<HTMLElement>, 'children'>;
 declare type MenuOptionProps = OptionProps & {
     subOptions?: OptionProps[];
 };
-declare type BaseProps = {
+declare type MenuOwnProps = {
     /**
      * Menu reference element.
      */
@@ -44,9 +44,9 @@ declare type BaseProps = {
      */
     popoverProps?: Partial<PopoverProps>;
 };
-export declare type MenuProps = BaseProps;
+export declare type MenuProps = MenuOwnProps;
 /**
  *
  */
-export declare const Menu: React.ForwardRefExoticComponent<BaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<MenuOwnProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Modal/modal.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { BackdropProps } from '../Backdrop';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type ModalOwnProps = {
     /**
      * A single child content element.
      */
@@ -47,8 +50,10 @@ declare type BaseProps = {
      * and replace it to the last focused element when it closes.
      */
     disableAutoFocus?: boolean;
-    'data-testid'?: string;
 };
-export declare type ModalProps = BaseProps & React.HTMLAttributes<HTMLDivElement>;
-export declare const Modal: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare type ModalProps = ModalOwnProps & React.HTMLAttributes<HTMLDivElement>;
+/**
+ *
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalOwnProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Popover/popover.d.ts

@@ -32,5 +32,8 @@ declare type BaseProps = {
     allowUseSameWidth?: boolean;
 };
 export declare type PopoverProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ *
+ */
 export declare const Popover: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Radio/radio.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type RadioOwnProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -31,7 +34,7 @@ declare type BaseProps = {
     /**
      * The icon to display when the component is checked.
      */
-    checkedIcon?: React.ReactElement;
+    checkedIcon?: React.ElementType<any>;
     /**
      * Name attribute of the `input` element.
      */
@@ -40,11 +43,10 @@ declare type BaseProps = {
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    'data-testid'?: string;
 };
-export declare type RadioProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare type RadioProps = RadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
 /**
  *
  */
-export declare const Radio: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Select/select.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type SelectOwnProps = {
     options: {
         value: string;
         label: string;
@@ -65,7 +68,9 @@ declare type BaseProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-    'data-testid'?: string;
 };
-export declare const Select: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Slider/slider.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type SliderOwnProps = {
     className?: string;
     /**
      * The default element value. Use when the component is not controlled.
@@ -33,8 +36,10 @@ declare type BaseProps = {
      * Callback function that is fired when the slider's value changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    'data-testid'?: string;
 };
-export declare type SliderProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
-export declare const Slider: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
+export declare type SliderProps = SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
+/**
+ *
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Switch/switch.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type SwitchOwnProps = {
     /**
      * If `true`, the component is checked.
      */
@@ -40,8 +43,10 @@ declare type BaseProps = {
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    'data-testid'?: string;
 };
-export declare type SwitchProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
-export declare const Switch: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare type SwitchProps = SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+/**
+ *
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Tabs/tabs.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { Tab, TabProps } from './tab';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type TabsOwnProps = {
     /**
      * The content of the component.
      */
@@ -18,5 +21,8 @@ declare type BaseProps = {
      */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => void;
 };
-export declare const Tabs: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};