@ckbox/components 1.2.0-dev.0 → 1.2.0-dev.1

package/dist/gallery/item/GalleryItem.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-declare const GalleryItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export interface Props {
-    /**
-     * Sets item as active.
-     */
-    active?: boolean;
-    /**
-     * Toggles loading.
-     */
-    loading?: boolean;
-    /**
-     * Main content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Item name.
-     */
-    name: string;
-    /**
-     * Sets `click` event handler.
-     */
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    /**
-     * Sets `keydown` event handler.
-     */
-    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
-    /**
-     * Sets `dblclick` event handler.
-     */
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    /**
-     * Sets `click` event handler for checkbox.
-     */
-    onCheckboxClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-export default GalleryItem;

package/dist/gallery/item/index.d.ts

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

package/dist/gallery/skeleton/GallerySkeleton.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const GallerySkeleton: React.FC;
-export default GallerySkeleton;

package/dist/gallery/skeleton/index.d.ts

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

package/dist/icon/Icon.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { IconColor, IconName, IconRenderProp, IconSize } from './types';
-declare const Icon: React.FC<Props>;
-export interface Props {
-    /**
-     * Sets root class.
-     */
-    className?: string;
-    /**
-     * Icon color.
-     */
-    color?: IconColor;
-    /**
-     * Name of selected icon.
-     */
-    name?: IconName;
-    /**
-     * Renders custom icon.
-     *
-     * Pass either a React component or raw markup as string.
-     * Passed string must be sanitized beforehand so that it's safe to use.
-     */
-    render?: IconRenderProp;
-    /**
-     * Icon size.
-     */
-    size?: IconSize;
-}
-export default Icon;

package/dist/icon/icons/ArrowLeft.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ArrowLeft: React.FC<Props>;
-export default ArrowLeft;

package/dist/icon/icons/ArrowLeftEnd.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ArrowLeftEnd: React.FC<Props>;
-export default ArrowLeftEnd;

package/dist/icon/icons/ArrowRight.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ArrowRight: React.FC<Props>;
-export default ArrowRight;

package/dist/icon/icons/ArrowRightEnd.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ArrowRightEnd: React.FC<Props>;
-export default ArrowRightEnd;

package/dist/icon/icons/Cabinet.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Cabinet: React.FC<Props>;
-export default Cabinet;

package/dist/icon/icons/Check.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Check: React.FC<Props>;
-export default Check;

package/dist/icon/icons/ChevronDown.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ChevronDown: React.FC<Props>;
-export default ChevronDown;

package/dist/icon/icons/ChevronLeft.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ChevronLeft: React.FC<Props>;
-export default ChevronLeft;

package/dist/icon/icons/ChevronRight.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ChevronRight: React.FC<Props>;
-export default ChevronRight;

package/dist/icon/icons/Clock.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const ClockTwo: React.FC<Props>;
-export default ClockTwo;

package/dist/icon/icons/Close.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Close: React.FC<Props>;
-export default Close;

package/dist/icon/icons/Cog.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Cog: React.FC<Props>;
-export default Cog;

package/dist/icon/icons/Copy.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Copy: React.FC<Props>;
-export default Copy;

package/dist/icon/icons/Docs.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Docs: React.FC<Props>;
-export default Docs;

package/dist/icon/icons/DotsVertical.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const DotsVertical: React.FC<Props>;
-export default DotsVertical;

package/dist/icon/icons/Download.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Download: React.FC<Props>;
-export default Download;

package/dist/icon/icons/DragHandle.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const DragHandle: React.FC<Props>;
-export default DragHandle;

package/dist/icon/icons/Filter.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Filter: React.FC<Props>;
-export default Filter;

package/dist/icon/icons/Folder.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Folder: React.FC<Props>;
-export default Folder;

package/dist/icon/icons/Image.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Image: React.FC<Props>;
-export default Image;

package/dist/icon/icons/Info.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Info: React.FC<Props>;
-export default Info;

package/dist/icon/icons/InfoSquare.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const InfoSquare: React.FC<Props>;
-export default InfoSquare;

package/dist/icon/icons/Pencil.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Pencil: React.FC<Props>;
-export default Pencil;

package/dist/icon/icons/Plus.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Plus: React.FC<Props>;
-export default Plus;

package/dist/icon/icons/Search.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Search: React.FC<Props>;
-export default Search;

package/dist/icon/icons/SearchMissingResults.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const SearchMissingResults: React.FC<Props>;
-export default SearchMissingResults;

package/dist/icon/icons/Settings.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Settings: React.FC<Props>;
-export default Settings;

package/dist/icon/icons/Sort.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Sort: React.FC<Props>;
-export default Sort;

package/dist/icon/icons/Spinner.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Spinner: React.FC<Props>;
-export default Spinner;

package/dist/icon/icons/Trash.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Trash: React.FC<Props>;
-export default Trash;

package/dist/icon/icons/Upload.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Upload: React.FC<Props>;
-export default Upload;

package/dist/icon/icons/Warning.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const Warning: React.FC<Props>;
-export default Warning;

package/dist/icon/icons/WarningFill.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const WarningFill: React.FC<Props>;
-export default WarningFill;

package/dist/icon/icons/XCircle.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Props } from './types';
-declare const XCircle: React.FC<Props>;
-export default XCircle;

package/dist/icon/icons/index.d.ts

@@ -1,34 +0,0 @@
-export { default as ArrowLeftEnd } from './ArrowLeftEnd';
-export { default as ArrowRightEnd } from './ArrowRightEnd';
-export { default as ArrowLeft } from './ArrowLeft';
-export { default as ArrowRight } from './ArrowRight';
-export { default as Cabinet } from './Cabinet';
-export { default as Check } from './Check';
-export { default as ChevronDown } from './ChevronDown';
-export { default as ChevronLeft } from './ChevronLeft';
-export { default as ChevronRight } from './ChevronRight';
-export { default as Clock } from './Clock';
-export { default as Close } from './Close';
-export { default as Cog } from './Cog';
-export { default as Copy } from './Copy';
-export { default as Docs } from './Docs';
-export { default as DotsVertical } from './DotsVertical';
-export { default as Download } from './Download';
-export { default as DragHandle } from './DragHandle';
-export { default as Filter } from './Filter';
-export { default as Folder } from './Folder';
-export { default as Image } from './Image';
-export { default as Info } from './Info';
-export { default as InfoSquare } from './InfoSquare';
-export { default as Pencil } from './Pencil';
-export { default as Plus } from './Plus';
-export { default as Settings } from './Settings';
-export { default as Sort } from './Sort';
-export { default as Spinner } from './Spinner';
-export { default as Trash } from './Trash';
-export { default as Upload } from './Upload';
-export { default as Warning } from './Warning';
-export { default as WarningFill } from './WarningFill';
-export { default as Search } from './Search';
-export { default as SearchMissingResults } from './SearchMissingResults';
-export { default as XCircle } from './XCircle';

package/dist/icon/index.d.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export { default } from './Icon';

package/dist/icon/raw/RawIcon.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare const CustomRawIcon: React.FC<Props>;
-export interface Props {
-    /**
-     * Icon's markup. Make sure it is sanitized and safe to use.
-     */
-    content: string;
-    /**
-     * List of root class names.
-     */
-    classNames: string[];
-}
-export default CustomRawIcon;

package/dist/icon/raw/index.d.ts

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

package/dist/icon/types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import * as icons from './icons';
-export declare type IconRenderer = (props: {
-    className?: string;
-}) => JSX.Element;
-export declare type IconRenderProp = string | IconRenderer;
-export declare type IconName = keyof typeof icons;
-export declare type IconSize = 'small' | 'base' | 'medium' | 'big' | 'bigger' | 'humongous';
-export declare type IconColor = 'accent' | 'disabled' | 'danger' | 'warning';

package/dist/input/Input.d.ts

@@ -1,88 +0,0 @@
-/**
- * Polymorphism for `ref` is tricky. Let's type it as `any` for now.
- */
-import * as React from 'react';
-declare const Input: React.ForwardRefExoticComponent<Pick<Props, "label" | "className" | "type" | "value" | "error" | "id" | "disabled" | "name" | "size" | "onClick" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "max" | "variant" | "readOnly" | "multiline" | "min"> & React.RefAttributes<any>>;
-export interface Props {
-    /**
-     * Input's class name.
-     */
-    className?: string;
-    /**
-     * Marks input as disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Marks input as read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * Unique input's id.
-     */
-    id: string;
-    /**
-     * Uses `textarea` instead of `input`.
-     */
-    multiline?: boolean;
-    /**
-     * Input's name to register.
-     */
-    name?: string;
-    /**
-     * Callback invoked when the blur event is fired.
-     */
-    onBlur?: (evt: React.ChangeEvent<any>) => void;
-    /**
-     * Callback invoked when the value is changed.
-     */
-    onChange?: (evt: React.ChangeEvent<any>) => void;
-    /**
-     * Callback invoked when the element receives focus.
-     */
-    onFocus?: (evt: React.ChangeEvent<any>) => void;
-    /**
-     * Callback invoked when the element is clicked.
-     */
-    onClick?: (evt: React.ChangeEvent<any>) => void;
-    /**
-     * Input's type.
-     */
-    type?: 'text' | 'number' | 'url' | 'email';
-    /**
-     * Input's placeholder text value.
-     */
-    placeholder?: string;
-    /**
-     * Input's value.
-     */
-    value?: string;
-    /**
-     * Input's ref object.
-     */
-    ref?: React.Ref<any>;
-    /**
-     * Sizing variant.
-     */
-    size?: 'base' | 'md';
-    /**
-     * Indicate error in input element.
-     */
-    error?: boolean;
-    /**
-     * Number input's min value.
-     */
-    min?: string | number;
-    /**
-     * Number input's max value.
-     */
-    max?: string | number;
-    /**
-     * Input's label.
-     */
-    label?: string;
-    /**
-     * Styling variant.
-     */
-    variant?: 'default' | 'underline';
-}
-export default Input;

package/dist/input/index.d.ts

@@ -1 +0,0 @@
-export { default, Props as InputProps } from './Input';

package/dist/list/List.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare const List: React.FC<Props>;
-export interface Props {
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * List's class name.
-     */
-    className?: string;
-}
-export default List;

package/dist/list/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ListItem } from './item';
-export { default } from './List';

package/dist/list/item/ListItem.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-declare const ListItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
-export interface Props {
-    /**
-     * Main content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Placeholder label for the component.
-     */
-    placeholderLabel?: string;
-    /**
-     * Callback invoked when clicking on list item content.
-     */
-    onContentClick?: () => void;
-    /**
-     * Action buttons displayed in list item.
-     */
-    actionButtons?: React.ReactNode;
-    /**
-     * List item's class name.
-     */
-    className?: string;
-}
-export default ListItem;

package/dist/list/item/index.d.ts

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

package/dist/loadingButton/LoadingButton.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { Props as ButtonProps } from '../button/Button';
-declare const LoadingButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
-export interface Props extends ButtonProps {
-    /**
-     * Delays loader appearance. Defaults to `true`.
-     */
-    delay?: boolean;
-    /**
-     * Toggles loading state.
-     */
-    loading?: boolean;
-    /**
-     * Positions loader. Defaults to `center`.
-     */
-    loaderPosition?: 'left' | 'center' | 'right';
-}
-export default LoadingButton;

package/dist/loadingButton/index.d.ts

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

package/dist/menu/Menu.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { PopperOffset, PopperPlacement } from '../popper';
-declare const Menu: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export interface Props {
-    /**
-     * Anchor element.
-     */
-    anchorEl?: HTMLElement | null;
-    /**
-     * Shows an arrow pointing to the anchor element.
-     */
-    arrow?: boolean;
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Offsets popper element.
-     */
-    offset?: PopperOffset;
-    /**
-     * Callback invoked when component is about to close.
-     */
-    onClose?: () => void;
-    /**
-     * Menu popper's placement.
-     */
-    placement?: PopperPlacement;
-    /**
-     * Makes menu same width as its anchor.
-     */
-    sameWidth?: boolean;
-    /**
-     * Toggles vertical spacing around content.
-     */
-    spacing?: boolean;
-}
-export default Menu;

package/dist/menu/context/MenuContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface MenuContext {
-    /**
-     * Callback invoked when menu is closed.
-     */
-    onClose?: () => void;
-}
-/**
- * Defines React context for `Menu` component.
- */
-export declare const MenuContext: React.Context<MenuContext>;
-export declare const useMenuCtx: () => MenuContext;

package/dist/menu/context/index.d.ts

@@ -1 +0,0 @@
-export * from './MenuContext';

package/dist/menu/index.d.ts

@@ -1,4 +0,0 @@
-export { default as MenuItem } from './item';
-export { default as MenuSubSection } from './subSection';
-export { default as MenuSection } from './section';
-export { default } from './Menu';

package/dist/menu/item/MenuItem.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { IconName, IconSize } from '../../icon';
-declare const MenuItem: React.FC<Props>;
-export interface Props {
-    /**
-     * Associated icon.
-     */
-    icon?: IconName;
-    /**
-     * Icon size.
-     */
-    iconSize?: IconSize;
-    /**
-     * Action label.
-     */
-    label: string;
-    /**
-     * Action invoked upon click.
-     */
-    onClick?: () => void;
-    /**
-     * Displays as disabled.
-     */
-    disabled?: boolean;
-}
-export default MenuItem;

package/dist/menu/item/index.d.ts

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

package/dist/menu/section/MenuSection.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-declare const MenuSection: React.FC<Props>;
-export interface Props {
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Adds bottom border.
-     */
-    borderBottom?: boolean;
-    /**
-     * Title of the section.
-     */
-    title: string;
-}
-export default MenuSection;

package/dist/menu/section/index.d.ts

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