@blockle/blocks 0.1.0 → 0.2.0

package/dist/Box/Box.d.ts

@@ -1,10 +0,0 @@
-import { AllHTMLAttributes, ElementType, ReactNode } from 'react';
-import { StyleProps } from '../useStyles';
-interface Props extends StyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'color' | 'width' | 'height'> {
-    className?: string;
-    children?: ReactNode;
-    component?: ElementType;
-    htmlFor?: string;
-}
-declare const Box: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;
-export default Box;

package/dist/Box/index.d.ts

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

package/dist/Button/Button.d.ts

@@ -1,13 +0,0 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './button.css';
-interface Props extends PickStyleProps<'width'> {
-    children: ReactNode;
-    disabled?: boolean;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    type?: 'button' | 'submit';
-    className?: string;
-    secondary?: boolean;
-}
-declare const Button: FC<Props>;
-export default Button;

package/dist/Button/Button.spec.d.ts

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

package/dist/Button/Button.stories.d.ts

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

package/dist/Button/index.d.ts

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

package/dist/Card/Card.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { PickStyleProps } from '../useStyles';
-import './card.css';
-interface Props extends PickStyleProps<'backgroundColor' | 'color' | 'padding' | 'display' | 'flexDirection' | 'alignItems' | 'justifyContent'> {
-    children: React.ReactNode;
-    className?: string;
-    onClick?: () => void;
-    shadow?: 1 | 2 | 3;
-}
-declare const Card: React.FC<Props>;
-export default Card;

package/dist/Card/Card.spec.d.ts

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

package/dist/Card/Card.stories.d.ts

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

package/dist/Card/index.d.ts

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

package/dist/Dialog/Dialog.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import './dialog.css';
-interface Props {
-    actions?: React.ReactNode;
-    full?: boolean;
-    onRequestClose: () => void;
-    open?: boolean;
-    render: () => JSX.Element | string;
-    title?: React.ReactNode;
-    minHeight?: number;
-}
-export declare const Dialog: FC<Props>;
-export {};

package/dist/Dialog/index.d.ts

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

package/dist/Divider/Divider.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import './divider.css';
-declare const Divider: FC;
-export default Divider;

package/dist/Divider/index.d.ts

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

package/dist/Drawer/Drawer.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode } from 'react';
-import './drawer.css';
-interface Props {
-    children: ReactNode;
-    onRequestClose: () => void;
-    open: boolean;
-    position?: 'left' | 'right';
-}
-declare const Drawer: FC<Props>;
-export default Drawer;

package/dist/Drawer/index.d.ts

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

package/dist/Dropdown/Dropdown.d.ts

@@ -1,17 +0,0 @@
-import { FieldProps } from '@blockle/form';
-import { FC, ReactNode } from 'react';
-import './dropdown.css';
-interface Props extends FieldProps<string>, ValidationOptions {
-    children: ReactNode;
-    placeholder?: string;
-    onChange?: (value: string) => void;
-    errorMessages?: {
-        [key in ErrorCodes]?: React.ReactNode;
-    };
-}
-declare type ErrorCodes = 'required' | 'patternMismatch' | 'minLength' | 'maxLength';
-interface ValidationOptions {
-    required?: boolean;
-}
-declare const Dropdown: FC<Props>;
-export default Dropdown;

package/dist/Dropdown/index.d.ts

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

package/dist/FlatButton/FlatButton.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './flat-button.css';
-interface Props extends PickStyleProps<'width'> {
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    secondary?: boolean;
-    type?: 'button' | 'submit';
-    id?: string;
-    role?: string;
-}
-declare const FlatButton: FC<Props>;
-export default FlatButton;

package/dist/FlatButton/index.d.ts

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

package/dist/Grid/Grid.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { StyleProps } from '../useStyles';
-interface Props {
-    children: React.ReactNode;
-    className?: string;
-    columns: 1 | 2 | 3 | 4 | 5 | 6;
-    spacing: StyleProps['gridGap'];
-}
-declare const Grid: FC<Props>;
-export default Grid;

package/dist/Grid/index.d.ts

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

package/dist/Icon/Icon.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './icon.css';
-declare const ICON_MAP: {
-    arrowBack: any;
-    arrowLeft: any;
-    arrowRight: any;
-    briefcase: any;
-    calendar: any;
-    check: any;
-    clipboard: any;
-    cog: any;
-    cross: any;
-    exclamation: any;
-    plus: any;
-    selector: any;
-};
-export declare type IconNames = keyof typeof ICON_MAP;
-export interface Props extends PickStyleProps<'color'> {
-    className?: string;
-    label: string;
-    name: IconNames;
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-}
-declare const Icon: FC<Props>;
-export default Icon;

package/dist/Icon/Icon.spec.d.ts

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

package/dist/Icon/index.d.ts

@@ -1 +0,0 @@
-export { default as Icon, IconNames } from './Icon';

package/dist/IconButton/IconButton.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { IconNames } from '../Icon';
-import './icon-button.css';
-interface Props {
-    disabled?: boolean;
-    label: string;
-    name: IconNames;
-    onClick?(): void;
-    secondary?: boolean;
-}
-declare const IconButton: FC<Props>;
-export default IconButton;

package/dist/IconButton/index.d.ts

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

package/dist/Inline/Inline.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { StyleProps } from '../useStyles';
-interface Props {
-    children: ReactNode;
-    spacing: StyleProps['padding'];
-}
-declare const Inline: FC<Props>;
-export default Inline;

package/dist/Inline/index.d.ts

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

package/dist/Link/Link.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './link.css';
-interface Props extends PickStyleProps<'fontSize'> {
-    children: ReactNode;
-    to: string;
-}
-declare const Link: FC<Props>;
-export default Link;

package/dist/Link/index.d.ts

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

package/dist/Loader/Loader.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import './loader.css';
-declare const Loader: FC;
-export default Loader;

package/dist/Loader/index.d.ts

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

package/dist/OutlineButton/OutlineButton.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './outline-button.css';
-interface Props extends PickStyleProps<'width'> {
-    children: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    type?: 'button' | 'submit';
-}
-declare const OutlineButton: FC<Props>;
-export default OutlineButton;

package/dist/OutlineButton/index.d.ts

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

package/dist/Panel/Panel.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import './panel.css';
-interface Props {
-    className?: string;
-    onRequestClose: () => void;
-    open?: boolean;
-    render: () => JSX.Element | string;
-}
-declare const Panel: FC<Props>;
-export default Panel;

package/dist/Panel/index.d.ts

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

package/dist/Paper/Paper.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import './paper.css';
-export declare type Effects = 'fade' | 'slideUp';
-interface Props {
-    className?: string;
-    effect?: Effects;
-    fit?: boolean;
-    open?: boolean;
-    render: () => JSX.Element | string;
-    shadow?: boolean;
-    transparent?: boolean;
-}
-declare const Paper: FC<Props>;
-export default Paper;

package/dist/Paper/Paper.spec.d.ts

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

package/dist/Paper/index.d.ts

@@ -1 +0,0 @@
-export { default as Paper, Effects as PaperEffects } from './Paper';

package/dist/RippleBox/RippleBox.d.ts

@@ -1,8 +0,0 @@
-import { AllHTMLAttributes, ElementType } from 'react';
-import { StyleProps } from '..';
-interface Props extends StyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'color' | 'width' | 'height'> {
-    children: React.ReactNode;
-    component?: ElementType;
-}
-declare const RippleBox: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;
-export default RippleBox;

package/dist/RippleBox/createRipple.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function createRipple(event: React.MouseEvent | React.TouchEvent): void;

package/dist/RippleBox/index.d.ts

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

package/dist/Stack/Stack.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { PickStyleProps, ResponsiveStyleProp, StyleProps } from '../useStyles';
-import './Stack.css';
-interface Props extends PickStyleProps<'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'> {
-    align?: ResponsiveStyleProp<'flex-start' | 'center' | 'flex-end'>;
-    children: ReactNode;
-    component?: 'div' | 'ol' | 'ul';
-    horizontal?: boolean;
-    spacing: StyleProps['padding'];
-    className?: string;
-}
-declare const Stack: FC<Props>;
-export default Stack;

package/dist/Stack/index.d.ts

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

package/dist/Tag/Tag.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-import './tag.css';
-interface Props {
-    children: ReactNode;
-    onClick: () => void;
-}
-declare const Tag: FC<Props>;
-export default Tag;

package/dist/Tag/index.d.ts

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

package/dist/Text/Text.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { PickStyleProps } from '../useStyles';
-import './text.css';
-interface Props extends PickStyleProps<'textAlign' | 'fontSize' | 'fontWeight' | 'color' | 'fontStyle'> {
-    component?: 'span' | 'p' | 'strong' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    children: ReactNode;
-    className?: string;
-}
-declare const Text: FC<Props>;
-export default Text;

package/dist/Text/Text.spec.d.ts

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

package/dist/Text/index.d.ts

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

package/dist/TextField/TextField.d.ts

@@ -1,22 +0,0 @@
-import { FieldProps } from '@blockle/form';
-import { FC } from 'react';
-import './text-field.css';
-interface Props extends FieldProps<string>, ValidationOptions {
-    label: string;
-    placeholder?: string;
-    onChange?: (value: string) => void;
-    type?: 'text' | 'password' | 'email' | 'tel';
-    errorMessages?: {
-        [key in ErrorCodes]?: React.ReactNode;
-    };
-    disabled?: boolean;
-}
-declare type ErrorCodes = 'required' | 'patternMismatch' | 'minLength' | 'maxLength';
-declare type ValidationOptions = {
-    required?: boolean;
-    pattern?: RegExp;
-    minLength?: number;
-    maxLength?: number;
-};
-declare const TextField: FC<Props>;
-export default TextField;

package/dist/TextField/TextField.stories.d.ts

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

package/dist/TextField/index.d.ts

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