@peculiar/react-components 0.0.2-alpha.89 → 0.1.0

package/dist/esnext/styles/utils.js

@@ -1,57 +1,42 @@
-import { injectGlobal } from './css';
-import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, } from './colors';
-const prefix = 'pv';
-const palettePrefix = `${prefix}-color`;
-const shadowPrefix = `${prefix}-shadow`;
-const typographyPrefix = `${prefix}-text`;
-export const createCSSVariablesFromTheme = (theme) => {
-    const variables = {};
-    /**
-     * Palette
-     */
-    if (theme.palette) {
-        Object.keys(theme.palette)
-            .forEach((paletteName) => {
-            variables[`--${palettePrefix}-${paletteName}`] = theme.palette[paletteName];
-        });
+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';
+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) {
+        const contrastRatio = new Color(background)
+            .getContrastRatio(defaultTheme.color.white);
+        return contrastRatio > contrastThreshold
+            ? defaultTheme.color.white
+            : defaultTheme.color.black;
     }
-    /**
-     * Shadow
-     */
-    if (theme.shadows) {
-        Object.keys(theme.shadows)
-            .forEach((shadowName) => {
-            variables[`--${shadowPrefix}-${shadowName}`] = theme.shadows[shadowName];
-        });
-    }
-    /**
-     * Typography
-     */
-    if (theme.typography) {
-        Object.keys(theme.typography)
-            .forEach((typographyName) => {
-            Object.keys(theme.typography[typographyName])
-                .forEach((propertyName) => {
-                variables[`--${typographyPrefix}-${typographyName}-${propertyName}`] = theme.typography[typographyName][propertyName];
-            });
-        });
-    }
-    return variables;
-};
-export const setTheme = (theme) => {
-    injectGlobal({
-        html: createCSSVariablesFromTheme(theme),
+    const partialTheme = deepmerge(options, {
+        color: {
+            ...primary,
+            ...secondary,
+            ...wrong,
+            ...attention,
+            'primary-contrast': getContrastText(primary.primary),
+            'secondary-contrast': getContrastText(secondary.secondary),
+            'wrong-contrast': getContrastText(wrong.wrong),
+        },
+        size,
     });
+    return deepmerge(defaultTheme, partialTheme);
 };
-export const setThemeFromBaseColors = (colors) => {
-    injectGlobal({
-        html: createCSSVariablesFromTheme({
-            palette: {
-                ...(colors.primary && generatePrimaryColors(colors.primary)),
-                ...(colors.secondary && generateSecondaryColors(colors.secondary)),
-                ...(colors.wrong && generateWrongColors(colors.wrong)),
-            },
-        }),
-    });
+export const createThemeCSSVariablesFromObject = (object) => {
+    const flatted = flat({
+        [`--${themeCSSVariablePrefix}`]: object,
+    }, { delimiter: '-' });
+    return flatted;
 };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,GAAG,IAAI,CAAC;AACpB,MAAM,aAAa,GAAG,GAAG,MAAM,QAAQ,CAAC;AACxC,MAAM,YAAY,GAAG,GAAG,MAAM,SAAS,CAAC;AACxC,MAAM,gBAAgB,GAAG,GAAG,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC9D,MAAM,SAAS,GAA2B,EAAE,CAAC;IAE7C;;OAEG;IACH,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,CAAC,WAAsB,EAAE,EAAE;YAClC,SAAS,CAAC,KAAK,aAAa,IAAI,WAAW,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;KACN;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,CAAC,UAAsB,EAAE,EAAE;YAClC,SAAS,CAAC,KAAK,YAAY,IAAI,UAAU,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;KACN;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;aAC1B,OAAO,CAAC,CAAC,cAA8B,EAAE,EAAE;YAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;iBAC1C,OAAO,CAAC,CAAC,YAA4C,EAAE,EAAE;gBACxD,SAAS,CAAC,KAAK,gBAAgB,IAAI,cAAc,IAAI,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;YACxH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;KACN;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC3C,YAAY,CAAC;QACX,IAAI,EAAE,2BAA2B,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC;AACL,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAsB,EAAE,EAAE;IAC/D,YAAY,CAAC;QACX,IAAI,EAAE,2BAA2B,CAAC;YAChC,OAAO,EAAE;gBACP,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC5D,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,uBAAuB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBAClE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACvD;SACK,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"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;SACT;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"}

package/dist/esnext/utils/owner_document.js

@@ -0,0 +1,4 @@
+export function ownerDocument(node) {
+    return (node && node.ownerDocument) || document;
+}
+//# sourceMappingURL=owner_document.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"owner_document.js","sourceRoot":"","sources":["../../../src/utils/owner_document.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAA6B;IACzD,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;AAClD,CAAC"}

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+declare type BaseProps = {
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The type of the component.
+     */
+    variant?: ('wrong' | 'attention' | 'success' | 'pending');
+    /**
+     * If `true`, the start icon will be hidden.
+     */
+    disableIcon?: boolean;
+    /**
+     * 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 {};

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

@@ -0,0 +1 @@
+export { Alert, AlertProps } from './alert';

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

@@ -0,0 +1,94 @@
+import React from 'react';
+import { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue } from '../hooks';
+/**
+ * Types.
+ */
+export declare type AutocompleteRenderGroupParams = {
+    key: string | number;
+    group: string;
+    children?: React.ReactNode;
+};
+export declare type AutocompleteProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: string;
+    /**
+     * Text to display when there are no options.
+     */
+    noOptionsText?: React.ReactNode;
+    /**
+     * If `true`, the component is in a loading state.
+     * This shows the `loadingText` in place of suggestions (only if there are no
+     * suggestions to show, e.g. `options` are empty).
+     */
+    loading?: boolean;
+    /**
+     * Text to display when in a loading state.
+     */
+    loadingText?: React.ReactNode;
+    /**
+     * The maximum number of tags that will be visible when not focused.
+     */
+    limitTags?: number;
+    /**
+     * If `true`, the popup search input will be hidden.
+     */
+    disableSearch?: boolean;
+    /**
+     * If `true`, the autocomplete will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Name attribute of the `input` element.
+     */
+    name?: string;
+    /**
+     * If `true`, the `input` element is required.
+     */
+    required?: boolean;
+    /**
+     * Text to display when in the create button element.
+     */
+    createOptionText?: string;
+    /**
+     * If `true`, the create button element will be shown.
+     */
+    allowCreateOption?: boolean;
+    /**
+     * Render the root element.
+     */
+    renderRoot?: (props: object, value: AutocompleteValue<T, Multiple>, getTagProps: UseAutocompleteReturnType<T, Multiple>['getTagProps']) => React.ReactNode;
+    /**
+     * Render the option, use `getOptionLabel` by default.
+     */
+    renderOption?: (props: object, option: T) => React.ReactNode;
+    /**
+     * The label to display when the tags are truncated (`limitTags`).
+     */
+    getLimitTagsText?: (more: number) => string;
+    /**
+     * Callback fired when the create button clicked.
+     */
+    onCreate?: (event: React.SyntheticEvent, value: string) => void;
+};
+/**
+ *
+ */
+export declare const Autocomplete: {
+    <T, Multiple extends boolean = undefined>(props: AutocompleteProps<T, Multiple>): JSX.Element;
+    defaultProps: {
+        disableSearch: boolean;
+        noOptionsText: string;
+        loading: boolean;
+        loadingText: string;
+        limitTags: number;
+        required: boolean;
+        allowCreateOption: boolean;
+        createOptionText: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { Autocomplete } from './autocomplete';

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

@@ -1,23 +1,43 @@
 import * as React from 'react';
 import { ColorType } from '../styles';
+import { TypographyProps } from '../Typography';
 declare type BaseProps = {
     /**
-     * Used to render icon or text elements inside the Avatar
-     * if `src` is not set. This can be an element, or just a string.
+     * The name of the person in the avatar.
+     *
+     * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`.
+     * - If `src` is not loaded, the name will be used to create the initials.
      */
-    children?: React.ReactNode;
-    className?: string;
-    size?: ('small' | 'medium' | 'large');
+    name?: string;
     /**
-     * Used in combination with `src` to provide an alt attribute for the rendered `img` element.
+     * Function to get the initials to display.
      */
-    alt?: string;
+    getInitials?: (name: string) => string;
     /**
      * The `src` attribute for the `img` element.
      */
     src?: string;
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * Props applied to the `Typography` element.
+     */
+    typographyProps?: Partial<TypographyProps>;
+    /**
+     * The size of the avatar.
+     */
+    size?: ('small' | 'medium' | 'large');
+    /**
+     * The color of component background.
+     */
     background?: ColorType;
-    dataTestId?: string;
+    /**
+     * The color of initials text.
+     */
+    color?: ColorType;
+    'data-testid'?: string;
 };
-export declare const Avatar: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -5,6 +5,9 @@ declare type BaseProps = {
      * If `true`, the backdrop is open.
      */
     open: boolean;
+    /**
+     * The className of the component.
+     */
     className?: string;
     /**
      * If `true`, the backdrop is invisible.
@@ -16,5 +19,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 {};

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

@@ -1 +1 @@
-export { Backdrop } from './backdrop';
+export { Backdrop, BackdropProps } from './backdrop';

package/dist/types/Box/box.d.ts

@@ -1,22 +1,29 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ColorType } from '../styles';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+export interface BoxOwnProps {
     /**
      * The content of the component.
      */
     children?: React.ReactNode;
-    className?: string;
-    /**
-     * The component used for the root node. Either a string to use a DOM element or a component.
-     */
-    as?: React.ElementType;
     background?: ColorType;
     borderColor?: ColorType;
     borderWidth?: number;
     borderStyle?: ('solid' | 'dashed');
     borderPosition?: ('horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left');
     borderRadius?: number;
-    dataTestId?: string;
+}
+export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & BoxOwnProps;
+    defaultComponent: D;
+}
+export declare type BoxProps<D extends React.ElementType = BoxTypeMap['defaultComponent']> = OverrideProps<BoxTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const Box: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-export {};
+/**
+ *
+ */
+export declare const Box: OverridableComponent<BoxTypeMap<{}, "div">>;

package/dist/types/Box/index.d.ts

@@ -1 +1 @@
-export { Box } from './box';
+export { Box, BoxOwnProps, BoxProps, } from './box';

package/dist/types/Button/button.d.ts

@@ -1,13 +1,32 @@
 import * as React from 'react';
-declare type BaseProps = {
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { ButtonBaseOwnProps } from '../ButtonBase';
+/**
+ * Types.
+ */
+export interface ButtonOwnProps extends ButtonBaseOwnProps {
     circled?: boolean;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactNode;
+    /**
+     * Specify if the button doesn't have padding.
+     */
+    withoutPadding?: boolean;
+}
+export interface ButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & ButtonOwnProps;
+    defaultComponent: D;
+}
+export declare type ButtonProps<D extends React.ElementType = ButtonTypeMap['defaultComponent']> = OverrideProps<ButtonTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const Button: React.ForwardRefExoticComponent<BaseProps & {
-    children: React.ReactNode;
-    disabled?: boolean;
-    variant?: "primary" | "secondary" | "wrong" | "tertiary";
-    size?: "small" | "medium" | "large";
-    className?: string;
-    dataTestId?: string;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+/**
+ *
+ */
+export declare const Button: OverridableComponent<ButtonTypeMap<{}, "button">>;

package/dist/types/Button/index.d.ts

@@ -1 +1 @@
-export { Button } from './button';
+export { Button, ButtonOwnProps, ButtonProps, } from './button';

package/dist/types/ButtonBase/button_base.d.ts

@@ -1,5 +1,10 @@
 import * as React from 'react';
-declare type BaseProps = {
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { TypographyType } from '../styles';
+/**
+ * Types.
+ */
+export interface ButtonBaseOwnProps {
     /**
      * The content of the component.
      */
@@ -11,14 +16,28 @@ declare type BaseProps = {
     /**
      * The variant to use.
      */
-    variant?: ('primary' | 'secondary' | 'tertiary' | 'wrong');
+    variant?: ('contained' | 'outlined' | 'text');
+    /**
+     * The variant of text to use.
+     */
+    textVariant?: TypographyType;
+    /**
+     * The color of the component.
+     */
+    color?: ('primary' | 'secondary' | 'wrong' | 'white' | 'default');
     /**
      * The size of the button.
      */
     size?: ('small' | 'medium' | 'large');
-    className?: string;
-    dataTestId?: string;
+}
+export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & ButtonBaseOwnProps;
+    defaultComponent: D;
+}
+export declare type ButtonBaseProps<D extends React.ElementType = ButtonBaseTypeMap['defaultComponent']> = OverrideProps<ButtonBaseTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare type ButtonBaseProps = BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const ButtonBase: React.ForwardRefExoticComponent<BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+/**
+ *
+ */
+export declare const ButtonBase: OverridableComponent<ButtonBaseTypeMap<{}, "button">>;

package/dist/types/ButtonBase/index.d.ts

@@ -1 +1 @@
-export { ButtonBase, ButtonBaseProps } from './button_base';
+export { ButtonBase, ButtonBaseOwnProps, ButtonBaseProps, } from './button_base';

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+declare type BaseProps = {
+    /**
+     * If `true`, the component is checked.
+     */
+    checked?: boolean;
+    /**
+     * If `true`, the component is checked by default.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Attributes applied to the input element.
+     */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'>;
+    /**
+     * The content of the component.
+     */
+    className?: string;
+    /**
+     * If `true`, the checkbox will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The `id` of the input element.
+     */
+    id?: string;
+    /**
+     * If `true`, the `input` element will be required.
+     */
+    required?: boolean;
+    /**
+     * The icon to display when the component is checked.
+     */
+    checkedIcon?: React.ReactElement;
+    /**
+     * 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 const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Checkbox } from './checkbox';

package/dist/types/Chip/chip.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+/**
+ * Types.
+ */
+export interface ChipOwnProps {
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * If `true`, the chip will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the default delete icon element. Shown only if `onDelete` is set.
+     */
+    deleteIcon?: React.ReactElement;
+    /**
+     * The variant to use.
+     */
+    variant?: ('contained' | 'outlined');
+    /**
+     * The color of the component.
+     */
+    color?: ('secondary' | 'wrong' | 'default');
+    /**
+     * Element placed before the children.
+     */
+    startContent?: React.ReactElement;
+    /**
+     * Callback function fired when the delete icon is clicked. If set, the delete icon will be shown.
+     */
+    onDelete?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Callback function fired when the component is clicked. If set, the component will be clickable.
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & ChipOwnProps;
+    defaultComponent: D;
+}
+export declare type ChipProps<D extends React.ElementType = ChipTypeMap['defaultComponent']> = OverrideProps<ChipTypeMap<{}, D>, D> & {
+    component?: D;
+};
+/**
+ *
+ */
+export declare const Chip: OverridableComponent<ChipTypeMap<{}, "div">>;

package/dist/types/Chip/index.d.ts

@@ -0,0 +1 @@
+export { Chip, ChipOwnProps, ChipProps, } from './chip';

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

@@ -0,0 +1,21 @@
+import React from 'react';
+declare type BaseProps = {
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: ('primary' | 'secondary' | 'white');
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The size of the progress.
+     */
+    size?: ('small' | 'large');
+};
+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 {};

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

@@ -0,0 +1 @@
+export { CircularProgress, CircularProgressProps } from './circular_progress';

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { CircularProgressProps } from '../CircularProgress';
+declare type BaseProps = {
+    /**
+     * If `true`, the Dialog is open.
+     */
+    open: boolean;
+    /**
+     * Dialog children, usually the included sub-components.
+     */
+    children: React.ReactNode;
+    /**
+     * The className of Dialog container.
+     */
+    className?: string;
+    /**
+     * The duration for the transition, in milliseconds.
+     */
+    transitionDuration?: number;
+    /**
+     * If `true`, the dialog will be full-screen.
+     */
+    fullScreen?: boolean;
+    /**
+     * If `true`, clicking the backdrop will not fire the `onClose` callback.
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * If `true`, hitting escape will not fire the `onClose` callback.
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: () => void;
+    /**
+     * The size of the dialog.
+     */
+    size?: ('small' | 'medium' | 'large');
+    'data-testid'?: string;
+    /**
+     * If `true`, the dialog will be show CircularProgress component and disable all interactions.
+     */
+    loading?: boolean;
+    /**
+     * The color of the CircularProgress component.
+     */
+    loadingColor?: CircularProgressProps['color'];
+};
+export declare const Dialog: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export {};