@veeqo/ui 0.1.18 → 0.1.20

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

@@ -0,0 +1,5 @@
+export declare const NonScrollableBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const MainSection: import("styled-components").StyledComponent<"section", any, {
+    isScrollable: boolean;
+    fullBleed: boolean;
+}, never>;

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

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

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/types';
+export type ModalVariants = 'xs' | 'sm' | 'base' | 'lg';
+type BaseModalProps = {
+    shouldShow: boolean;
+    showHeaderCloseButton?: boolean;
+    fullBleed?: boolean;
+    variant?: ModalVariants;
+    onClose: () => void;
+    children: React.ReactNode;
+};
+type WithHeaderSlot = {
+    headerSlot: React.ReactNode;
+};
+type WithFooterSlot = {
+    footerSlot: React.ReactNode;
+};
+type DefaultHeaderOptions = {
+    headerTitle: string;
+    headerSubtitle?: string;
+};
+type ModalAction = {
+    label: string;
+} & ButtonProps;
+type DefaultFooterOptions = {
+    leftActions?: ModalAction[];
+    rightActions?: ModalAction[];
+};
+type HeaderOptions = WithHeaderSlot | DefaultHeaderOptions;
+type FooterOptions = WithFooterSlot | DefaultFooterOptions;
+export type ModalProps = BaseModalProps & HeaderOptions & FooterOptions;
+/**
+ * Type guard to check if a header slot has been passed to the component.
+ */
+export declare const hasHeaderSlot: (props: ModalProps) => props is BaseModalProps & WithHeaderSlot & FooterOptions;
+/**
+ * Type guard to check if a footer slot has been passed to the component.
+ */
+export declare const hasFooterSlot: (props: ModalProps) => props is BaseModalProps & HeaderOptions & WithFooterSlot;
+export {};

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { ActionListSection } from '../ActionList/types';
+import { ButtonVariant } from '../Button/types';
+import { ShadowPropType } from './styled';
+type QuickAction = {
+    title: string;
+    icon: ReactElement;
+    variant: ButtonVariant;
+    onClick: () => void;
+};
+type BackAction = {
+    title: string;
+    onClick: () => void;
+};
+export type PageHeaderProps = {
+    title: string;
+    subtitle?: string;
+    imageSrc?: string;
+    actions?: ActionListSection[];
+    quickActions?: QuickAction[];
+    backAction?: BackAction;
+    Accessory?: ReactNode;
+    shadow?: ShadowPropType;
+    onClickPrevious?: () => void;
+    onClickNext?: () => void;
+    onClickToggleSidebar?: () => void;
+};
+export declare const PageHeader: ({ title, subtitle, imageSrc, actions, quickActions, backAction, Accessory, shadow, onClickPrevious, onClickNext, onClickToggleSidebar, }: PageHeaderProps) => React.JSX.Element;
+export {};

package/dist/components/PageHeader/PageHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare const shadows: typeof import("../../theme/modules/shadows").Shadows;
+export type ShadowPropType = keyof typeof shadows | 'none';
+interface HeaderProps {
+    shadow: ShadowPropType;
+}
+export declare const Header: import("styled-components").StyledComponent<"header", any, HeaderProps, never>;
+export declare const Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SidebarToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    variant: "unstyled";
+}, "variant">;
+export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
+export {};

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationProps } from './types';
+export declare const Pagination: ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }: PaginationProps) => React.JSX.Element;

package/dist/components/Pagination/Pagination.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/Pagination/components.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageCount: ({ count }: {
+    count: number;
+}) => React.JSX.Element;

package/dist/components/Pagination/hooks/usePagination.d.ts

@@ -0,0 +1,13 @@
+import { FormEvent } from 'react';
+import { UsePaginationInputs } from '../types';
+/**
+ * A hook to handle pagination state.
+ */
+export declare const usePagination: ({ currentPage, totalPagesCount, handleChangePage, }: UsePaginationInputs) => {
+    pageInputValue: string;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+    handleInputChange: (newValue: string) => void;
+    handleSubmit: () => void;
+    handleFormSubmit: (event: FormEvent<HTMLFormElement>) => void;
+};

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

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

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const PageLimitContainer: import("styled-components").StyledComponent<"div", any, import("../Stack/types").StackProps, never>;
+export declare const PaginationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: "base" | "sm" | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;

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

@@ -0,0 +1,8 @@
+export type PaginationProps = {
+    testId?: string;
+    e2eClassName?: string;
+    currentPage: number;
+    totalPagesCount: number;
+    handleChangePage: (newPageIndex: number) => void;
+};
+export type UsePaginationInputs = Omit<PaginationProps, 'testId'>;

package/dist/components/PaginationRange/Items/Item/Item.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationListItemProps } from './types';
+export declare const Item: ({ item, handleRangeListChange }: PaginationListItemProps) => React.JSX.Element;

package/dist/components/PaginationRange/Items/Item/index.d.ts

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

package/dist/components/PaginationRange/Items/Item/styled.d.ts

@@ -0,0 +1,3 @@
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
+export { StyledText as Text, Container };

package/dist/components/PaginationRange/Items/Item/types.d.ts

@@ -0,0 +1,5 @@
+import { PaginationRangeOption } from '../../types';
+export interface PaginationListItemProps {
+    item: PaginationRangeOption;
+    handleRangeListChange: (item: PaginationRangeOption) => void;
+}

package/dist/components/PaginationRange/Items/Items.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PaginationListItemProps } from './Item/types';
+import { PaginationRangeProps } from '../types';
+export type PaginationRangeItemsOwnProps = Pick<PaginationRangeProps, 'paginationRange'>;
+export type PaginationListItemOwnProps = Pick<PaginationListItemProps, 'handleRangeListChange'>;
+export type PaginationRangeItemsProps = PaginationRangeItemsOwnProps & PaginationListItemOwnProps;
+export declare const Items: (props: PaginationRangeItemsProps) => React.JSX.Element;

package/dist/components/PaginationRange/Items/index.d.ts

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

package/dist/components/PaginationRange/PaginationRange.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+import { PaginationRangeOption, PaginationRangeProps, PaginationRangeState } from './types';
+export declare class PaginationRange extends Component<PaginationRangeProps, PaginationRangeState> {
+    constructor(props: PaginationRangeProps);
+    handleRangeListChange: (item: PaginationRangeOption) => void;
+    setDropdownValue: (currentValue: PaginationRangeOption) => void;
+    toggleShouldShow: () => void;
+    render(): React.JSX.Element;
+}

package/dist/components/PaginationRange/PaginationRange.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Text } from '../Text';
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Dropdown: import("styled-components").StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import("../AnimatedDropdown/types").AnimatedDropdownProps) => import("react").JSX.Element, any, {}, never>;
+declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
+export { Container, Dropdown, Button, Text };

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

@@ -0,0 +1,15 @@
+export interface PaginationRangeOption {
+    label: string;
+    value: number;
+}
+export interface PaginationRangeProps {
+    className?: string;
+    dropdownValue?: PaginationRangeOption;
+    paginationRange?: PaginationRangeOption[];
+    reversedDropdown?: boolean;
+    onPaginationRangeChange: (currentItem: PaginationRangeOption) => void;
+}
+export interface PaginationRangeState {
+    dropdownValue: PaginationRangeOption;
+    shouldShowDropdown: boolean;
+}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '@popperjs/core';
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, {
+    zIndex: number;
+}, never>;
+export type PopoverProps = {
+    children: ReactNode;
+    className?: string;
+    anchorElement: HTMLElement | null;
+    rootElementRef?: HTMLElement;
+    placement?: Placement;
+    onShouldClose?: () => void;
+    zIndex?: number;
+};
+export declare const Popover: ({ children, className, anchorElement, rootElementRef, placement, onShouldClose, zIndex, }: PopoverProps) => React.JSX.Element;

package/dist/components/Popover/Popover.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/Popover/PopoverDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PopoverDefaultDemo: () => React.JSX.Element;
+export declare const PopoverCustomPlacementDemo: () => React.JSX.Element;

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

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

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,20 @@
+import { PureComponent, ReactNode } from 'react';
+type PortalProps = {
+    children: ReactNode;
+    rootElementRef?: HTMLElement;
+};
+type PortalState = {
+    isMounted: boolean;
+};
+/**
+ * The portal component renders content on the document `body` unless `rootElementRef` is passed.
+ */
+export declare class Portal extends PureComponent<PortalProps, PortalState> {
+    id: string;
+    portalNode: HTMLElement | null;
+    constructor(props: PortalProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal | null;
+}
+export {};

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

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

package/dist/components/PriceInput/PriceInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CurrencyProps } from './types';
+export declare const PriceInput: React.FC<CurrencyProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/PriceInput/PriceInput.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentSize } from '../types';
+export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: "base" | "sm" | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
+export declare const PrefixContainer: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+    size?: ComponentSize | undefined;
+}, never>;
+export declare const PrefixText: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+export declare const PriceInputGroup: import("styled-components").StyledComponent<"div", any, {
+    hasError?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,12 @@
+import { ComponentSize } from '../types';
+export interface CurrencyProps {
+    className?: string;
+    disabled?: boolean;
+    size?: ComponentSize;
+    currency: string;
+    step?: string;
+    hasError?: boolean;
+    priceValue: string;
+    onChange: (value: string) => void;
+    onPriceChange: (value: string) => void;
+}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ForwardedChoiceProps } from '../Choice';
+type RadioValue = string | number;
+export interface RadioProps extends ForwardedChoiceProps {
+    checked: boolean;
+    value?: RadioValue;
+    disabled?: boolean;
+    name?: string;
+    onChange: (checked: boolean, value?: RadioValue) => void;
+}
+export declare const Radio: ({ checked, value, name, disabled, onChange, ...otherProps }: RadioProps) => React.JSX.Element;
+export {};

package/dist/components/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

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

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SearchProps } from './types';
+export declare const Search: ({ type, disabled, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value, error, placeholder, className, name, isLoading, fill, reversed, autoComplete, size, }: SearchProps) => React.JSX.Element;

package/dist/components/Search/Search.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { Loader } from '../Loader';
+declare const Input: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: "base" | "sm" | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
+declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Container: import("styled-components").StyledComponent<"div", any, {
+    iconPosition: 'left' | 'right';
+}, never>;
+export { Container, Input, IconContainer, Loader };

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

@@ -0,0 +1,9 @@
+import { SyntheticEvent } from 'react';
+import { TextFieldProps } from '../TextField/types';
+export type SearchProps = TextFieldProps & {
+    isLoading?: boolean;
+    fill?: string;
+    onClearClick?: (event: SyntheticEvent) => void;
+    reversed?: boolean;
+    error?: string;
+};

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SegmentedControlProps } from './types';
+export declare const SegmentedControl: ({ options, selected, className, onChange, }: SegmentedControlProps) => React.JSX.Element;

package/dist/components/SegmentedControl/SegmentedControl.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

@@ -0,0 +1,13 @@
+type Option = {
+    key: string;
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SegmentedControlProps = {
+    options: Option[];
+    selected: string;
+    className?: string;
+    onChange: (selectedButton: string) => void;
+};
+export {};

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type SelectOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    className?: string;
+    options: Array<SelectOption>;
+    value: string;
+    size?: 'sm' | 'base';
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange: (value: string) => void;
+}
+export declare const Select: React.FC<SelectProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
+export {};

package/dist/components/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+export declare const SelectInput: import("styled-components").StyledComponent<"select", any, any, never>;

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SimpleTableProps } from './types';
+/**
+ * A simple table component which provides flexible, pre-styled table elements.
+ */
+export declare const SimpleTable: {
+    ({ striped, className, children }: SimpleTableProps): React.JSX.Element;
+    Header: import("styled-components").StyledComponent<"thead", any, {}, never>;
+    Body: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+    Row: import("styled-components").StyledComponent<"tr", any, {}, never>;
+    HeaderCell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps & {
+        as: string;
+    }, "as">;
+    Cell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps, never>;
+};

package/dist/components/SimpleTable/SimpleTable.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,15 @@
+type TableProps = {
+    striped?: boolean;
+};
+export declare const TableHeader: import("styled-components").StyledComponent<"thead", any, {}, never>;
+export declare const TableBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+export declare const TableRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export type TableCellProps = {
+    align?: 'left' | 'right' | 'center';
+};
+export declare const TableCell: import("styled-components").StyledComponent<"td", any, TableCellProps, never>;
+export declare const TableHeaderCell: import("styled-components").StyledComponent<"td", any, TableCellProps & {
+    as: string;
+}, "as">;
+export declare const Table: import("styled-components").StyledComponent<"table", any, TableProps, never>;
+export {};

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type SimpleTableProps = {
+    striped?: boolean;
+    className?: string;
+    children?: ReactNode;
+};

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SliderComponentPropTypes } from './types';
+export declare const Slider: ({ id, value, min, max, step, onChange, className, e2eClassName, onSlideStart, onSlideEnd, }: SliderComponentPropTypes) => React.JSX.Element;

package/dist/components/Slider/Slider.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import { SliderPropTypes } from './types';
+declare const SliderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const SliderTrack: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const SliderDiv: import("styled-components").StyledComponent<"div", any, SliderPropTypes, never>;
+declare const SliderRange: import("styled-components").StyledComponent<"div", any, SliderPropTypes & {
+    width: number;
+}, never>;
+export { SliderContainer, SliderTrack, SliderRange, SliderDiv };

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

@@ -0,0 +1,26 @@
+export type SliderComponentPropTypes = {
+    id?: string;
+    value: number | number[];
+    min: number;
+    max: number;
+    step?: number;
+    className?: string;
+    e2eClassName?: string;
+    onChange: (value: number | number[]) => void;
+    onSlideStart?: () => void;
+    onSlideEnd?: () => void;
+};
+export type ClassNamesReturnPayload = {
+    container?: string;
+    sliderRange?: string;
+    slider?: string;
+    startSlider?: string;
+    endSlider?: string;
+};
+export type DraggingSliderIndex = -1 | 0 | 1;
+export type SliderPropTypes = {
+    left: number;
+};
+export type SliderRangePropTypes = SliderPropTypes & {
+    width: number;
+};

package/dist/components/Stack/Alignments.d.ts

@@ -0,0 +1,8 @@
+export declare enum Alignments {
+    start = "flex-start",
+    center = "center",
+    end = "flex-end",
+    stretch = "stretch",
+    between = "space-between",
+    around = "space-around"
+}

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,5 @@
+import { StackProps } from './types';
+/**
+ * Layout component.
+ */
+export declare const Stack: import("styled-components").StyledComponent<"div", any, StackProps, never>;

package/dist/components/Stack/Stack.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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