@blockle/blocks 0.0.6 → 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<unknown>>;
-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 React from 'react';
-import { PickStyleProps } from '../useStyles';
-import './button.css';
-interface Props extends PickStyleProps<'width'> {
-    children: React.ReactNode;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    type?: 'button' | 'submit';
-    className?: string;
-    secondary?: boolean;
-}
-declare const Button: ({ children, className, disabled, onClick, type, width, secondary, }: Props) => JSX.Element;
-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 @@
-import React from '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: ({ backgroundColor, children, className, onClick, shadow, ...boxProps }: Props) => JSX.Element;
-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 React from 'react';
-import './dialog.css';
-declare type Props = {
-    actions?: React.ReactNode;
-    full?: boolean;
-    onRequestClose: () => void;
-    open?: boolean;
-    render: () => JSX.Element | string;
-    title?: React.ReactNode;
-    minHeight?: number;
-};
-export declare const Dialog: ({ actions, full, onRequestClose, open, render, title, minHeight, }: Props) => JSX.Element | null;
-export {};

package/dist/Dialog/index.d.ts

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

package/dist/Divider/Divider.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import './divider.css';
-declare const Divider: () => JSX.Element;
-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 React from 'react';
-import './drawer.css';
-declare type Props = {
-    children: React.ReactNode;
-    onRequestClose: () => void;
-    open: boolean;
-    position?: 'left' | 'right';
-};
-declare const Drawer: ({ children, onRequestClose, open, position }: Props) => JSX.Element;
-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 React from 'react';
-import './dropdown.css';
-declare type Props = FieldProps<string> & {
-    children: React.ReactNode;
-    placeholder?: string;
-    onChange?: (value: string) => void;
-    errorMessages?: {
-        [key in ErrorCodes]?: React.ReactNode;
-    };
-} & ValidationOptions;
-declare type ErrorCodes = 'required' | 'patternMismatch' | 'minLength' | 'maxLength';
-declare type ValidationOptions = {
-    required?: boolean;
-};
-declare const Dropdown: ({ name, onChange, placeholder, required, value, errorMessages, children, }: Props) => JSX.Element;
-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 React 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: ({ children, className, disabled, onClick, secondary, type, width, ...props }: Props) => JSX.Element;
-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 React 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: ({ children, className, spacing, columns }: Props) => JSX.Element;
-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 @@
-/// <reference types="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: ({ className, label, name, size, color }: Props) => JSX.Element | null;
-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 @@
-/// <reference types="react" />
-import { IconNames } from '../Icon';
-import './icon-button.css';
-declare type Props = {
-    disabled?: boolean;
-    label: string;
-    name: IconNames;
-    onClick?(): void;
-    secondary?: boolean;
-};
-declare const IconButton: ({ disabled, label, name, onClick, secondary }: Props) => JSX.Element;
-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 React from 'react';
-import { StyleProps } from '../useStyles';
-interface Props {
-    children: React.ReactNode;
-    spacing: StyleProps['padding'];
-}
-declare const Inline: ({ children, spacing }: Props) => JSX.Element;
-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 React from 'react';
-import { PickStyleProps } from '../useStyles';
-import './link.css';
-interface Props extends PickStyleProps<'fontSize'> {
-    children: React.ReactNode;
-    to: string;
-}
-declare const Link: ({ children, to, fontSize }: Props) => JSX.Element;
-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 @@
-/// <reference types="react" />
-import './loader.css';
-declare const Loader: () => JSX.Element;
-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 React from 'react';
-import { PickStyleProps } from '../useStyles';
-import './outline-button.css';
-interface Props extends PickStyleProps<'width'> {
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    type?: 'button' | 'submit';
-}
-declare const OutlineButton: ({ children, className, disabled, onClick, type, width, }: Props) => JSX.Element;
-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 @@
-/// <reference types="react" />
-import './panel.css';
-interface Props {
-    className?: string;
-    onRequestClose: () => void;
-    open?: boolean;
-    render: () => JSX.Element | string;
-}
-declare const Panel: ({ className, onRequestClose, open, render }: Props) => JSX.Element | null;
-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 @@
-/// <reference types="react" />
-import './paper.css';
-export declare type Effects = 'fade' | 'slideUp';
-declare type Props = {
-    className?: string;
-    effect?: Effects;
-    fit?: boolean;
-    open?: boolean;
-    render: () => JSX.Element | string;
-    shadow?: boolean;
-    transparent?: boolean;
-};
-declare const Paper: ({ open, effect, className, transparent, shadow, render, fit, }: Props) => JSX.Element | null;
-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 React, { 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: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
-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 { 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: ({ align, children, component, spacing, horizontal, className, }: Props) => JSX.Element;
-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 React from 'react';
-import './tag.css';
-interface Props {
-    children: React.ReactNode;
-    onClick: () => void;
-}
-declare const Tag: ({ children, onClick }: Props) => JSX.Element;
-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 React 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: React.ReactNode;
-    className?: string;
-}
-declare const Text: ({ component, children, textAlign, fontSize, fontWeight, color, fontStyle, className, }: Props) => JSX.Element;
-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 React from 'react';
-import './text-field.css';
-declare type Props = FieldProps<string> & {
-    label: string;
-    placeholder?: string;
-    onChange?: (value: string) => void;
-    type?: 'text' | 'password' | 'email' | 'tel';
-    errorMessages?: {
-        [key in ErrorCodes]?: React.ReactNode;
-    };
-    disabled?: boolean;
-} & ValidationOptions;
-declare type ErrorCodes = 'required' | 'patternMismatch' | 'minLength' | 'maxLength';
-declare type ValidationOptions = {
-    required?: boolean;
-    pattern?: RegExp;
-    minLength?: number;
-    maxLength?: number;
-};
-declare const TextField: ({ label, name, onChange, pattern, placeholder, required, type, value, errorMessages, minLength, maxLength, disabled, }: Props) => JSX.Element;
-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';