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

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

@@ -0,0 +1,37 @@
+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

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

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

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

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

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

package/dist/icon/Icon.d.ts

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,34 @@
+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

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

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

@@ -0,0 +1,13 @@
+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

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

package/dist/icon/types.d.ts

@@ -0,0 +1,9 @@
+/// <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';