@digital-ai/dot-components 2.4.0 → 2.5.1

package/lib/Typography.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("./components/typography/Typography").TypographyProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story;

package/lib/components/accordion/Accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AccordionProps } from './Accordion';
+declare const _default: ComponentMeta<({ actions, ariaLabel, children, className, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AccordionProps>;
+export declare const WithExpanded: Story<AccordionProps>;
+export declare const WithStartIcons: Story<AccordionProps>;
+export declare const WithNoWrap: Story<AccordionProps>;

package/lib/components/action-toolbar/ActionToolbar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotActionBarProps } from './ActionToolbar';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, variant, }: DotActionBarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DotActionBarProps>;

package/lib/components/alert-banner/AlertBanner.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AlertBannerProps } from './AlertBanner';
+declare const _default: ComponentMeta<({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, roundedCorners, severity, textVariant, }: AlertBannerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AlertBannerProps>;

package/lib/components/app-switcher/AppSwitcher.d.ts

@@ -9,6 +9,7 @@ interface CommonAppSwitcherProps extends CommonProps {
     activeApp: ActiveAppInfo;
     noAppTypeLabel?: string;
     onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    searchInstancesThreshold?: number;
     yOffset?: number;
     zIndex?: number;
 }
@@ -18,7 +19,7 @@ interface AppSwitcherViewProps extends CommonAppSwitcherProps {
     platformConsoleUrl?: string;
     selectedAppType: string;
 }
-export declare const DotAppSwitcherView: ({ activeApp, apps, className, noAppTypeLabel, platformConsoleUrl, onClose, open, selectedAppType, yOffset, zIndex, }: AppSwitcherViewProps) => JSX.Element;
+export declare const DotAppSwitcherView: ({ activeApp, apps, className, noAppTypeLabel, platformConsoleUrl, onClose, open, searchInstancesThreshold, selectedAppType, yOffset, zIndex, }: AppSwitcherViewProps) => JSX.Element;
 interface AppSwitcherProps extends CommonAppSwitcherProps {
     accountId?: string;
     includePlatformConsole?: boolean;

package/lib/components/app-switcher/utils/helpers.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { MenuItemProps } from '../../menu/Menu';
 export declare const getLogoForAppType: (appType: string) => string;
-export declare const daiAppsHeaderMenuItem: {
+export declare const daiAppsHeaderMenuItem: (count?: number) => {
     children: JSX.Element;
     key: string;
     disabled: boolean;

package/lib/components/app-toolbar/AppToolbar.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { AppToolbarProps } from './AppToolbar';
+declare const _default: ComponentMeta<({ ariaLabel, appLogo, appLogoHref, appLogoSmall, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, mainMenu, mainMenuItems, mainMenuWidth, menuCloseOnClickAway, navItems, onClickAway, primaryLogoHref, }: AppToolbarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AppToolbarProps>;
+export declare const WithoutMenu: Story<AppToolbarProps>;
+export declare const WithCustomMenu: Story<AppToolbarProps>;
+export declare const WithCustomMenuClose: Story<AppToolbarProps>;

package/lib/components/auto-complete/AutoComplete.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEvent, FocusEvent, HTMLAttributes, ReactNode, Ref, JSXElementConstructor } from 'react';
 import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState } from '@mui/material';
 import { CommonProps } from '../CommonProps';
+import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
 export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
 export interface ActionItem {
     /** The icon to display on the button */
@@ -12,7 +13,6 @@ export interface ActionItem {
     /** Text/Node displayed */
     text?: string | ReactNode;
 }
-export declare type autoCompleteSize = 'medium' | 'small';
 export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
 export interface AutoCompleteOption {
     error?: boolean;
@@ -32,7 +32,7 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     autoFocus?: boolean;
     /** default option that is selected */
     defaultValue?: AutoCompleteValue;
-    /** When `true` input textbox will be small size, when `false` it will be medium size. Default value is `true`. **/
+    /** Controls size of chip spacing within the autocomplete **/
     dense?: boolean;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
@@ -88,7 +88,7 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the input will be required and label will display accordingly */
     required?: boolean;
     /** Determines the padding within the input field 'medium' or 'small' */
-    size?: autoCompleteSize;
+    size?: inputSizeOptions;
     /** value if this is a controlled component */
     value?: AutoCompleteValue;
     /** If true, the label will be displayed in a warning state. */

package/lib/components/auto-complete/AutoComplete.stories.d.ts

@@ -0,0 +1,22 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { AutoCompleteOption, AutoCompleteProps } from './AutoComplete';
+import { AutoCompleteWithRenderOption } from './Autocomplete.stories.data';
+declare const _default: ComponentMeta<(<T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterSelectedOptions, freesolo, group, helperText, inputId, inputRef, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element)>;
+export default _default;
+export declare const Default: any;
+export declare const WithActionItem: any;
+export declare const WithCustomActionItem: Story<AutoCompleteProps>;
+export declare const WithAsyncLoad: Story<AutoCompleteProps>;
+declare type AutoCompleteWithRenderOptionProps = AutoCompleteProps<AutoCompleteWithRenderOption>;
+export declare const WithRenderOption: Story<AutoCompleteWithRenderOptionProps>;
+export declare const WithChipError: Story<AutoCompleteProps>;
+export declare const WithoutChips: Story<AutoCompleteWithRenderOptionProps>;
+export declare const WithNullAsValue: Story<AutoCompleteProps>;
+export declare const WithMaxHeight: any;
+export declare const WithCustomBlur: Story<AutoCompleteProps>;
+export declare const WithReadOnly: any;
+export declare const WithWarning: any;
+export declare const WithError: any;
+export declare const WithLabel: any;
+export declare const WithPersistentLabel: any;
+export declare const WithFixedVirtualList: Story<AutoCompleteProps>;

package/lib/components/avatar/Avatar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AvatarProps } from './Avatar';
+declare const _default: ComponentMeta<({ alt, ariaLabel, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AvatarProps>;
+export declare const AvatarButton: Story<AvatarProps>;
+export declare const WithTooltip: Story<AvatarProps>;

package/lib/components/avatar-group/AvatarGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AvatarGroupProps } from './AvatarGroup';
+declare const _default: ComponentMeta<({ ariaLabel, avatars, className, "data-testid": dataTestId, max, spacing, }: AvatarGroupProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AvatarGroupProps>;

package/lib/components/badge/Badge.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { BadgeProps } from './Badge';
+declare const _default: ComponentMeta<({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<BadgeProps>;
+export declare const WithNotification: Story<BadgeProps>;
+export declare const WithNotificationNumber: Story<BadgeProps>;
+export declare const WithMaxNumber: Story<BadgeProps>;

package/lib/components/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { BreadcrumbProps } from './Breadcrumbs';
+declare const _default: ComponentMeta<({ className, "data-testid": dataTestId, expansionMenu, items, maxItems, }: BreadcrumbProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<BreadcrumbProps>;

package/lib/components/button/Button.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+import { ButtonProps } from './Button';
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Default: any;
+export declare const WithStartIcon: any;
+export declare const WithEndIcon: any;
+export declare const WithDestructiveType: any;
+export declare const WithOutlinedType: any;
+export declare const WithTextType: any;

package/lib/components/button/CopyButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import { CopyButtonProps } from './CopyButton';
+declare const _default: ComponentMeta<({ ariaLabel, copiedTooltip, copyTooltip, "data-testid": dataTestId, value, }: CopyButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;

package/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<"div", any, {}, never>;
+export declare const StyledCopyButton: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/button/IconButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentMeta } from '@storybook/react';
+import { IconButtonProps } from './IconButton';
+declare const _default: ComponentMeta<({ ariaLabel, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, size, }: IconButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithPrimaryColor: any;
+export declare const WithSecondaryColor: any;
+export declare const WithSmallSize: any;
+export declare const WithDisabledState: any;
+export declare const WithDisabledRipple: any;

package/lib/components/button-toggle/ButtonToggle.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { ButtonToggleProps } from './';
+declare const _default: ComponentMeta<({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ButtonToggleProps>;
+export declare const WithTooltip: Story<ButtonToggleProps>;
+export declare const WithDifferentValueTypes: Story<ButtonToggleProps>;
+export declare const WithExclusivity: Story<ButtonToggleProps>;
+export declare const WithSmallSize: Story<ButtonToggleProps>;
+export declare const WithLargeSize: Story<ButtonToggleProps>;
+export declare const WithPrimaryColor: Story<ButtonToggleProps>;

package/lib/components/card/Card.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { CardProps } from './Card';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<CardProps>;
+export declare const ComplexCardWithMedia: Story<CardProps>;

package/lib/components/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { CheckboxProps, DotCheckbox } from './Checkbox';
+declare const _default: ComponentMeta<typeof DotCheckbox>;
+export default _default;
+export declare const Default: Story<CheckboxProps>;
+export declare const WithSmallSize: Story<CheckboxProps>;
+export declare const WithStartLabelPlacement: Story<CheckboxProps>;
+export declare const WithBottomLabelPlacement: Story<CheckboxProps>;
+export declare const WithIndeterminateOption: Story<CheckboxProps>;

package/lib/components/checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotCheckboxGroup, CheckboxGroupProps } from './CheckboxGroup';
+declare const _default: ComponentMeta<typeof DotCheckboxGroup>;
+export default _default;
+export declare const Default: Story<CheckboxGroupProps>;
+export declare const WithHelperText: any;

package/lib/components/chip/Chip.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { ChipProps } from './Chip';
+declare const _default: ComponentMeta<({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ChipProps>;
+export declare const ChipWithAvatar: Story<ChipProps>;
+export declare const ChipWithIcon: Story<ChipProps>;
+export declare const ChipWithLongText: Story<ChipProps>;

package/lib/components/confirmation-dialog/ConfirmationDialog.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import { ConfirmationDialogProps } from './ConfirmationDialog';
+declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, className, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomTitleAndMessage: any;

package/lib/components/css-grid/CssGrid.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { CssGridProps } from './CssGrid';
+declare const _default: ComponentMeta<(props: CssGridProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<CssGridProps>;
+export declare const DebugCssGrid: Story<CssGridProps>;
+export declare const CssGridCell: Story<CssGridProps>;

package/lib/components/dialog/Dialog.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DialogProps } from './Dialog';
+declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DialogProps>;

package/lib/components/divider/Divider.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { DividerProps } from './Divider';
+declare const _default: ComponentMeta<({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DividerProps>;
+export declare const WithVerticalOrientation: (args: any) => JSX.Element;

package/lib/components/draggable-list/DraggableList.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentMeta } from '@storybook/react';
+import { DraggableListProps } from './';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomWidth: any;
+export declare const WithAvatar: any;
+export declare const WithIcons: any;
+export declare const WithDisabledDrag: any;
+export declare const WithDraggableHandle: any;

package/lib/components/drawer/Drawer.d.ts

@@ -4,6 +4,7 @@ export declare type DrawerAnchor = 'bottom' | 'left' | 'right' | 'top';
 export declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
 export declare type DrawerModalProps = {
     container?: Element;
+    hideBackdrop?: boolean;
     style?: CSSProperties;
 };
 export declare type DrawerPaperProps = {

package/lib/components/drawer/Drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DrawerProps } from './Drawer';
+declare const _default: ComponentMeta<({ anchor, ariaLabel, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DrawerProps>;
+export declare const WithHeader: Story<DrawerProps>;
+export declare const WithBodyOnly: Story<DrawerProps>;
+export declare const WithFooter: Story<DrawerProps>;
+export declare const WithHeaderBodyFooter: Story<DrawerProps>;

package/lib/components/dynamic-form/DynamicForm.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { DynamicFormProps } from './DynamicForm';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DynamicFormProps>;

package/lib/components/dynamic-form/utils/helpers.d.ts

@@ -1,5 +1,5 @@
 import { ControlCondition, DisabledControlCondition, DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData } from '../models';
-export declare const getControlValue: <T extends unknown>(controlName: string, data: DynamicFormStateData) => T;
+export declare const getControlValue: <T>(controlName: string, data: DynamicFormStateData) => T;
 export declare const getOutputFormData: (formState: DynamicFormState) => DynamicFormOutputData;
 export declare const checkIfHiddenControl: (hidden: ControlCondition, formValues: DynamicFormOutputData) => boolean;
 export declare const checkIfDisabledControl: (disabled: DisabledControlCondition, formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;

package/lib/components/empty-state/EmptyState.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { EmptyStateProps } from './EmptyState';
+declare const _default: ComponentMeta<({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<EmptyStateProps>;

package/lib/components/file-upload/FileUpload.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { FileUploadProps } from './';
+declare const _default: ComponentMeta<({ accept, ariaLabel, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<FileUploadProps>;
+export declare const WithSingleFileLimit: Story<FileUploadProps>;
+export declare const WithCustomFileUploadList: Story<FileUploadProps>;
+export declare const WithUploadErrors: Story<FileUploadProps>;

package/lib/components/form/Form.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { FormProps } from './Form';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: FormProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<FormProps>;

package/lib/components/form-group/FormGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotFormGroup, FormGroupProps } from './FormGroup';
+declare const _default: ComponentMeta<typeof DotFormGroup>;
+export default _default;
+export declare const Default: Story<FormGroupProps>;

package/lib/components/helpers.d.ts

@@ -5,6 +5,7 @@ export declare const calculateNumberFromText: (text: string) => number;
 export declare const calculateWidth: (width: number | string) => string | undefined;
 export declare const getAvatarColorForInputText: (value: string) => AvatarColor;
 export declare const isString: (str: unknown) => boolean;
+export declare const isLowerCase: (str: string) => boolean;
 export declare const isNumber: (num: unknown) => boolean;
 export declare const renderNodeOrTypography: (content: string | ReactNode, typographyVariant?: TypographyVariant) => ReactNode;
 export declare const searchString: (needle: string, haystack: string) => boolean;

package/lib/components/icon/Icon.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { IconProps } from './Icon';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<IconProps>;

package/lib/components/inline-edit/InlineEdit.stories.d.ts

@@ -0,0 +1,15 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { InlineEditProps } from './InlineEdit';
+declare const _default: ComponentMeta<({ ariaLabel, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, readOnly, selectTextOnEdit, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InlineEditProps>;
+export declare const WithCharactersLimit: any;
+export declare const WithMultipleLines: any;
+export declare const WithReadOnlyMode: any;
+export declare const WithoutActionButtons: any;
+export declare const WithTooltip: any;
+export declare const WithSaveError: Story<InlineEditProps>;
+export declare const WithCustomTypography: Story<InlineEditProps>;
+export declare const WithSingleBinding: any;
+export declare const WithMultipleBindings: Story<InlineEditProps>;
+export declare const WithSelectOnEdit: any;

package/lib/components/input-form-fields/InputSelect.stories.d.ts

@@ -0,0 +1,10 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { InputSelectProps } from './InputSelect';
+declare const _default: ComponentMeta<({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InputSelectProps>;
+export declare const WithPersistentLabel: Story<InputSelectProps>;
+export declare const WithError: Story<InputSelectProps>;
+export declare const WithSuccess: Story<InputSelectProps>;
+export declare const WithWarning: Story<InputSelectProps>;
+export declare const WithReadOnly: Story<InputSelectProps>;

package/lib/components/input-form-fields/InputText.stories.d.ts

@@ -0,0 +1,14 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { InputTextProps } from './InputText';
+declare const _default: ComponentMeta<({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, maxRows, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InputTextProps>;
+export declare const WithPersistentLabel: Story<InputTextProps>;
+export declare const WithHelperText: Story<InputTextProps>;
+export declare const WithError: Story<InputTextProps>;
+export declare const WithSuccess: Story<InputTextProps>;
+export declare const WithWarning: Story<InputTextProps>;
+export declare const WithErrorTooltip: Story<InputTextProps>;
+export declare const WithWarningTooltip: Story<InputTextProps>;
+export declare const WithReadOnly: Story<InputTextProps>;
+export declare const WithMultiline: Story<InputTextProps>;

package/lib/components/linear-progress/LinearProgress.stories.d.ts

@@ -0,0 +1,13 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { LinearProgressProps } from './LinearProgress';
+declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<LinearProgressProps>;
+export declare const WithDeterminateVariant: any;
+export declare const WithBufferVariant: any;
+export declare const WithQueryVariant: any;
+export declare const WithPrimaryColor: any;
+export declare const WithSecondaryColor: any;
+export declare const WithErrorColor: any;
+export declare const WithWarningColor: any;
+export declare const WithPurpleColor: any;

package/lib/components/link/Link.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { LinkProps } from './Link';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, rel, tabIndex, target, tooltip, underline, }: LinkProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<LinkProps>;
+export declare const LinkInParagraph: Story<LinkProps>;

package/lib/components/list/List.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { ListProps } from './utils/models';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ListProps>;
+export declare const WithoutIcons: Story<ListProps>;

package/lib/components/menu/Menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { MenuProps } from './Menu';
+declare const _default: ComponentMeta<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<MenuProps>;
+export declare const ButtonMenu: Story<MenuProps>;
+export declare const TableMenu: Story<MenuProps>;
+export declare const WithCustomHeight: Story<MenuProps>;
+export declare const WithMultiLevelMenu: Story<MenuProps>;

package/lib/components/navigation-rail/NavigationRail.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { NavigationRailProps } from './NavigationRail';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<NavigationRailProps>;
+export declare const WithProgrammaticNavigation: Story<NavigationRailProps>;
+export declare const WithBadges: Story<NavigationRailProps>;

package/lib/components/pill/Pill.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { PillProps } from './Pill';
+declare const _default: ComponentMeta<({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<PillProps>;

package/lib/components/popper/Popper.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { PopperProps } from './Popper';
+declare const _default: ComponentMeta<({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, onClickAway, open, placement, }: PopperProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<PopperProps>;
+export declare const WithButtonAnchor: Story<PopperProps>;

package/lib/components/progress/Progress.stories.d.ts

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { ProgressProps } from './Progress';
+declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, size, thickness, tooltip, value, variant, }: ProgressProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ProgressProps>;
+export declare const WithPrimaryColor: any;
+export declare const WithCustomSizeAndThickness: any;
+export declare const WithDeterminateVariant: any;
+export declare const WithPercentageSimulation: (args: ProgressProps) => JSX.Element;

package/lib/components/progress-button/ProgressButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { ProgressButtonProps } from './ProgressButton';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, tooltip, type, }: ProgressButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ProgressButtonProps>;

package/lib/components/radio/RadioButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotRadioButton, RadioButtonProps } from './RadioButton';
+declare const _default: ComponentMeta<typeof DotRadioButton>;
+export default _default;
+export declare const Default: Story<RadioButtonProps>;

package/lib/components/radio/RadioGroup.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { RadioGroupProps } from './RadioGroup';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, defaultValue, disableGroup, endIcon, error, helperText, groupLabel, name, labelPlacement, onChange, value, options, startIcon, required, row, size, }: RadioGroupProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<RadioGroupProps>;
+export declare const WithHelperText: any;
+export declare const WithRowAndHelperText: any;

package/lib/components/search-input/SearchInput.d.ts

@@ -0,0 +1,11 @@
+import { CommonProps } from '../CommonProps';
+export interface SearchInputProps extends CommonProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    onChange?: (searchText: string) => void;
+    onClear?: () => void;
+    placeholder?: string;
+    tooltip?: string;
+    value: string;
+}
+export declare function SearchInput({ 'data-testid': dataTestId, autoFocus, className, disabled, onChange, onClear, placeholder, tooltip, value, }: SearchInputProps): JSX.Element;

package/lib/components/search-input/SearchInput.styles.d.ts

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

package/lib/components/sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { SidebarProps } from './Sidebar';
+declare const _default: ComponentMeta<({ appLogo, appLogoSmall, ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayAppLogo, displayBrand, goBack, navItems, nestedListType, onCollapseChange, open, title, titleAvatarProps, width, }: SidebarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SidebarProps>;
+export declare const WithReactRouter: Story<SidebarProps>;
+export declare const WithTooltipsWhenCollapsed: Story<SidebarProps>;
+export declare const WithBackItem: Story<SidebarProps>;

package/lib/components/skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { SkeletonProps } from './Skeleton';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, height, width, variant, }: SkeletonProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SkeletonProps>;

package/lib/components/snackbar/Snackbar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { SnackbarProps } from './';
+declare const _default: ComponentMeta<({ action, anchorOrigin, ariaLabel, children, className, "data-testid": dataTestId, onClose, open, severity, width, }: SnackbarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SnackbarProps>;
+export declare const WithBottomCenterAnchor: Story<SnackbarProps>;

package/lib/components/split-button/SplitButton.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { SplitButtonProps } from './SplitButton';
+declare const _default: ComponentMeta<({ autoFocus, ariaLabel, className, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, type, }: SplitButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SplitButtonProps>;
+export declare const WithSelectedKey: Story<SplitButtonProps>;
+export declare const WithMainOptionDisabled: Story<SplitButtonProps>;
+export declare const WithMenuOptionDisabled: Story<SplitButtonProps>;
+export declare const WithMenuButtonDisabled: Story<SplitButtonProps>;

package/lib/components/switch/Switch.stories.d.ts

@@ -0,0 +1,12 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { SwitchProps } from './';
+declare const _default: ComponentMeta<({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SwitchProps>;
+export declare const WithSecondaryColor: Story<SwitchProps>;
+export declare const WithDisabledState: Story<SwitchProps>;
+export declare const WithSmallSize: Story<SwitchProps>;
+export declare const WithStartLabelPlacement: Story<SwitchProps>;
+export declare const WithBottomLabelPlacement: Story<SwitchProps>;
+export declare const WithTopLabelPlacement: Story<SwitchProps>;
+export declare const WithoutLabel: Story<SwitchProps>;

package/lib/components/table/Table.stories.d.ts

@@ -0,0 +1,10 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { TableProps } from './Table';
+declare const _default: ComponentMeta<({ ariaLabel, bodyTypography, className, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<TableProps>;
+export declare const LocallyPaginatedTable: Story<TableProps>;
+export declare const RemotelyPaginatedTable: Story<TableProps>;
+export declare const WithActionMenu: Story<TableProps>;
+export declare const WithCheckboxSelection: Story<TableProps>;
+export declare const EmptyTable: Story<TableProps>;