@reapit/elements 2.2.0 → 2.3.0

package/v3/storybook/demo-block.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const GridDemoBlock: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const GridDemoBlockFeatured: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const GridDemoBlockWithMargin: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const GridDemoBlockSizing: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const GridDemoBorders: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/storybook/random-id.d.ts

@@ -0,0 +1 @@
+export declare const generateRandomId: () => string;

package/v3/styles/borders.d.ts

@@ -0,0 +1,24 @@
+export declare const elBorderGrey: string;
+export declare const elBorderGreyT: string;
+export declare const elBorderGreyB: string;
+export declare const elBorderGreyL: string;
+export declare const elBorderGreyR: string;
+export declare const elBorderGreyX: string;
+export declare const elBorderGreyY: string;
+export declare const elBorderBlue: string;
+export declare const elBorderBlueT: string;
+export declare const elBorderBlueB: string;
+export declare const elBorderBlueL: string;
+export declare const elBorderBlueR: string;
+export declare const elBorderBlueX: string;
+export declare const elBorderBlueY: string;
+export declare const elBorderRadius: string;
+export declare const elBorderRadiusTL: string;
+export declare const elBorderRadiusTR: string;
+export declare const elBorderRadiusBL: string;
+export declare const elBorderRadiusBR: string;
+export declare const elBorderRadiusB: string;
+export declare const elBorderRadiusT: string;
+export declare const elBorderRadiusL: string;
+export declare const elBorderRadiusR: string;
+export declare const elBoxShadow: string;

package/v3/{cjs/styles → styles}/intent.d.ts

@@ -4,3 +4,4 @@ export declare const elIntentCritical: string;
 export declare const elIntentSuccess: string;
 export declare const elIntentDanger: string;
 export declare const elIntentNeutral: string;
+export declare const elIntentLow: string;

package/v3/styles/sizing.d.ts

@@ -0,0 +1,31 @@
+export declare const elW0: string;
+export declare const elW1: string;
+export declare const elW2: string;
+export declare const elW3: string;
+export declare const elW4: string;
+export declare const elW5: string;
+export declare const elW6: string;
+export declare const elW7: string;
+export declare const elW8: string;
+export declare const elW9: string;
+export declare const elW10: string;
+export declare const elW11: string;
+export declare const elW12: string;
+export declare const elWFull: string;
+export declare const elWAuto: string;
+export declare const elWScreen: string;
+export declare const elH0: string;
+export declare const elH1: string;
+export declare const elH2: string;
+export declare const elH3: string;
+export declare const elH4: string;
+export declare const elH5: string;
+export declare const elH6: string;
+export declare const elH7: string;
+export declare const elH8: string;
+export declare const elH10: string;
+export declare const elH11: string;
+export declare const elH12: string;
+export declare const elHFull: string;
+export declare const elHAuto: string;
+export declare const elHScreen: string;

package/v3/{cjs/styles → styles}/spacing.d.ts

@@ -1,10 +1,10 @@
 export declare const elMAuto: string;
-export declare const elMXAuto: string;
-export declare const elMYAuto: string;
-export declare const elMLAuto: string;
-export declare const elMRAuto: string;
-export declare const elMTAuto: string;
-export declare const elMBAuto: string;
+export declare const elMxAuto: string;
+export declare const elMyAuto: string;
+export declare const elMlAuto: string;
+export declare const elMrAuto: string;
+export declare const elMtAuto: string;
+export declare const elMbAuto: string;
 export declare const elM0: string;
 export declare const elM1: string;
 export declare const elM2: string;
@@ -12,8 +12,11 @@ export declare const elM3: string;
 export declare const elM4: string;
 export declare const elM5: string;
 export declare const elM6: string;
+export declare const elM7: string;
 export declare const elM8: string;
+export declare const elM9: string;
 export declare const elM10: string;
+export declare const elM11: string;
 export declare const elM12: string;
 export declare const elMl0: string;
 export declare const elMl1: string;
@@ -22,8 +25,11 @@ export declare const elMl3: string;
 export declare const elMl4: string;
 export declare const elMl5: string;
 export declare const elMl6: string;
+export declare const elMl7: string;
 export declare const elMl8: string;
+export declare const elMl9: string;
 export declare const elMl10: string;
+export declare const elMl11: string;
 export declare const elMl12: string;
 export declare const elMr0: string;
 export declare const elMr1: string;
@@ -36,6 +42,7 @@ export declare const elMr7: string;
 export declare const elMr8: string;
 export declare const elMr9: string;
 export declare const elMr10: string;
+export declare const elMr11: string;
 export declare const elMr12: string;
 export declare const elMb0: string;
 export declare const elMb1: string;
@@ -46,7 +53,9 @@ export declare const elMb5: string;
 export declare const elMb6: string;
 export declare const elMb7: string;
 export declare const elMb8: string;
+export declare const elMb9: string;
 export declare const elMb10: string;
+export declare const elMb11: string;
 export declare const elMb12: string;
 export declare const elMt0: string;
 export declare const elMt1: string;
@@ -59,6 +68,7 @@ export declare const elMt7: string;
 export declare const elMt8: string;
 export declare const elMt9: string;
 export declare const elMt10: string;
+export declare const elMt11: string;
 export declare const elMt12: string;
 export declare const elMy0: string;
 export declare const elMy1: string;
@@ -71,6 +81,7 @@ export declare const elMy7: string;
 export declare const elMy8: string;
 export declare const elMy9: string;
 export declare const elMy10: string;
+export declare const elMy11: string;
 export declare const elMy12: string;
 export declare const elMx0: string;
 export declare const elMx1: string;
@@ -83,39 +94,96 @@ export declare const elMx7: string;
 export declare const elMx8: string;
 export declare const elMx9: string;
 export declare const elMx10: string;
+export declare const elMx11: string;
 export declare const elMx12: string;
 export declare const elP0: string;
 export declare const elP1: string;
 export declare const elP2: string;
 export declare const elP3: string;
 export declare const elP4: string;
+export declare const elP5: string;
+export declare const elP6: string;
+export declare const elP7: string;
+export declare const elP8: string;
+export declare const elP9: string;
+export declare const elP10: string;
+export declare const elP11: string;
+export declare const elP12: string;
 export declare const elPr0: string;
 export declare const elPr1: string;
 export declare const elPr2: string;
 export declare const elPr3: string;
 export declare const elPr4: string;
+export declare const elPr5: string;
+export declare const elPr6: string;
+export declare const elPr7: string;
+export declare const elPr8: string;
+export declare const elPr9: string;
+export declare const elPr10: string;
+export declare const elPr11: string;
+export declare const elPr12: string;
 export declare const elPl0: string;
 export declare const elPl1: string;
 export declare const elPl2: string;
 export declare const elPl3: string;
 export declare const elPl4: string;
+export declare const elPl5: string;
+export declare const elPl6: string;
+export declare const elPl7: string;
+export declare const elPl8: string;
+export declare const elPl9: string;
+export declare const elPl10: string;
+export declare const elPl11: string;
+export declare const elPl12: string;
 export declare const elPy0: string;
 export declare const elPy1: string;
 export declare const elPy2: string;
 export declare const elPy3: string;
 export declare const elPy4: string;
+export declare const elPy5: string;
+export declare const elPy6: string;
+export declare const elPy7: string;
+export declare const elPy8: string;
+export declare const elPy9: string;
+export declare const elPy10: string;
+export declare const elPy11: string;
+export declare const elPy12: string;
 export declare const elPx0: string;
 export declare const elPx1: string;
 export declare const elPx2: string;
 export declare const elPx3: string;
 export declare const elPx4: string;
+export declare const elPx5: string;
+export declare const elPx6: string;
+export declare const elPx7: string;
+export declare const elPx8: string;
+export declare const elPx9: string;
+export declare const elPx10: string;
+export declare const elPx11: string;
+export declare const elPx12: string;
 export declare const elPt0: string;
 export declare const elPt1: string;
 export declare const elPt2: string;
 export declare const elPt3: string;
 export declare const elPt4: string;
+export declare const elPt5: string;
+export declare const elPt6: string;
+export declare const elPt7: string;
+export declare const elPt8: string;
+export declare const elPt9: string;
+export declare const elPt10: string;
+export declare const elPt11: string;
+export declare const elPt12: string;
 export declare const elPb0: string;
 export declare const elPb1: string;
 export declare const elPb2: string;
 export declare const elPb3: string;
 export declare const elPb4: string;
+export declare const elPb5: string;
+export declare const elPb6: string;
+export declare const elPb7: string;
+export declare const elPb8: string;
+export declare const elPb9: string;
+export declare const elPb10: string;
+export declare const elPb11: string;
+export declare const elPb12: string;

package/v3/styles/theming-colour-block.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const ThemingColourBlock: FC<{
+    hex: string;
+    varName: string;
+    defaultValue?: string;
+}>;

package/v3/{cjs/styles → styles}/typography.d.ts

@@ -3,3 +3,5 @@ export declare const elTextCenter: string;
 export declare const elTextRight: string;
 export declare const elTextJustify: string;
 export declare const elFontBold: string;
+export declare const elFontItalic: string;
+export declare const elFontUppercase: string;

package/v3/cjs/components/button/button.d.ts

@@ -1,20 +0,0 @@
-import { ButtonHTMLAttributes, FC } from 'react';
-import { Intent } from '../../helpers/intent';
-import { IconNames } from '../icon';
-export declare type ButtonSizeType = 2 | 3 | 4;
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    intent?: Intent;
-    loading?: boolean;
-    chevronLeft?: boolean;
-    chevronRight?: boolean;
-    fullWidth?: boolean;
-    className?: string;
-    size?: ButtonSizeType;
-}
-export declare const resolveButtonSize: (size: ButtonSizeType) => string;
-export declare const Button: FC<ButtonProps>;
-export declare const ButtonGroup: FC;
-export interface IFloatingButton extends ButtonProps {
-    icon: IconNames;
-}
-export declare const FloatingButton: FC<IFloatingButton>;

package/v3/cjs/components/grid/grid-responsive.d.ts

@@ -1,28 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-import { MediaType } from '../../hooks/use-media-query';
-export declare type GridUnitType = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12;
-export declare type ColUnitType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
-export interface GridResponsiveProps extends HTMLAttributes<HTMLElement> {
-    colGapMobile?: GridUnitType;
-    colGapTablet?: GridUnitType;
-    colGapDesktop?: GridUnitType;
-    colGapWideScreen?: GridUnitType;
-    rowGapMobile?: GridUnitType;
-    rowGapTablet?: GridUnitType;
-    rowGapDesktop?: GridUnitType;
-    rowGapWideScreen?: GridUnitType;
-}
-export interface ColResponsiveProps extends HTMLAttributes<HTMLElement> {
-    spanMobile?: ColUnitType;
-    spanTablet?: ColUnitType;
-    spanDesktop?: ColUnitType;
-    spanWideScreen?: ColUnitType;
-    offsetMobile?: ColUnitType;
-    offsetTablet?: ColUnitType;
-    offsetDesktop?: ColUnitType;
-    offsetWideScreen?: ColUnitType;
-}
-export declare const getGridClasses: (props: GridResponsiveProps, mediaType: MediaType) => string | null;
-export declare const getColClasses: (props: ColResponsiveProps, mediaType: MediaType) => string | null;
-export declare const GridResponsive: FC<GridResponsiveProps>;
-export declare const ColResponsive: FC<ColResponsiveProps>;

package/v3/cjs/components/input/input.d.ts

@@ -1,4 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-}
-export declare const Input: FC<InputProps>;

package/v3/cjs/components/input-group/input-group.d.ts

@@ -1,24 +0,0 @@
-import React, { FC } from 'react';
-import { IconNames } from '../icon';
-import { Intent } from '../../helpers/intent';
-export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    icon?: IconNames;
-    label?: string;
-    inputAddOnText?: string;
-    /**
-     * This is passed down and added directly to the `Icon` and `InputAddOn`
-     *components (if in use)
-     */
-    intent?: Intent;
-    /**
-     * This gets added to the Input as an ID and the Label as an `htmlFor` prop,
-     * so that clicking on the label focusses the input. Generates a random ID if
-     * one isn't supplied
-     */
-    id?: string;
-    /**
-     * Added to the InputGroup `div`
-     */
-    className?: string;
-}
-export declare const InputGroup: FC<InputGroupProps>;

package/v3/cjs/components/multi-select/__styles__/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const ElMultiSelectCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const ElMultiSelectLabel: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const ElMultiSelect: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;

package/v3/cjs/components/multi-select/multi-select.d.ts

@@ -1,7 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export interface MultiSelectProps extends HTMLAttributes<HTMLDivElement> {
-}
-export interface MultiSelectChipProps extends HTMLAttributes<HTMLInputElement> {
-}
-export declare const MultiSelectChip: FC<MultiSelectChipProps>;
-export declare const MultiSelect: FC<MultiSelectProps>;

package/v3/cjs/components/select/select.d.ts

@@ -1,4 +0,0 @@
-import { FC, SelectHTMLAttributes } from 'react';
-export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-}
-export declare const Select: FC<SelectProps>;

package/v3/cjs/components/steps/__styles__/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const ElSteps: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const ElStep: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;

package/v3/cjs/components/steps/steps.d.ts

@@ -1,8 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export interface StepsProps extends HTMLAttributes<HTMLDivElement> {
-    steps: string[];
-    selectedStep?: string;
-    onStepClick?: (step: string) => void;
-    className?: string;
-}
-export declare const Steps: FC<StepsProps>;

package/v3/cjs/components/table/molecules.d.ts

@@ -1,29 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-import { IconNames } from '../icon';
-export declare const TableHeadersRow: FC;
-export declare const TableHeader: FC;
-export declare const TableRow: FC;
-export declare type NarrowOrderType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface ITableCell extends HTMLAttributes<HTMLDivElement> {
-    icon?: IconNames;
-    darkText?: boolean;
-    narrowLabel?: string;
-    narrowIsFullWidth?: boolean;
-    className?: string;
-    narrowOrder?: NarrowOrderType;
-}
-export declare const TableCell: FC<ITableCell>;
-export interface ITableExpandableRowTriggerCell extends HTMLAttributes<HTMLDivElement> {
-    isOpen?: boolean;
-    narrowIsFullWidth?: boolean;
-}
-export declare const TableExpandableRowTriggerCell: FC<ITableExpandableRowTriggerCell>;
-export interface ITableExpandableRow extends HTMLAttributes<HTMLDivElement> {
-    isOpen?: boolean;
-    className?: string;
-}
-export declare const TableExpandableRow: FC<ITableExpandableRow>;
-export interface ITableRowContainer extends HTMLAttributes<HTMLDivElement> {
-    isOpen?: boolean;
-}
-export declare const TableRowContainer: FC<ITableRowContainer>;

package/v3/cjs/components/table/table.d.ts

@@ -1,27 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import { IconNames } from '../icon';
-import { NarrowOrderType } from './molecules';
-import { Intent } from '../../helpers/intent';
-export declare type NarrowOptionsType = {
-    showLabel?: boolean;
-    isFullWidth?: boolean;
-    order?: NarrowOrderType;
-};
-export declare type Cell = {
-    label: string;
-    value: string;
-    children?: ReactNode;
-    icon?: IconNames;
-    statusCircleIntent?: Intent;
-    cellHasDarkText?: boolean;
-    narrowTable?: NarrowOptionsType;
-};
-export declare type Row = {
-    cells: Cell[];
-    expandableContent?: ReactNode;
-};
-export interface TableProps extends HTMLAttributes<HTMLDivElement> {
-    rows?: Row[];
-    expandableContentSize?: 'small' | 'medium' | 'large';
-}
-export declare const Table: FC<TableProps>;

package/v3/cjs/components/textarea/textarea.d.ts

@@ -1,4 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
-}
-export declare const TextArea: FC<TextAreaProps>;

package/v3/cjs/components/toggle/toggle.d.ts

@@ -1,16 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
-}
-export interface ToggleRadioOption {
-    id: string;
-    value: string;
-    text: string;
-    isChecked: boolean;
-}
-export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
-    options: ToggleRadioOption[];
-    name: string;
-    isFullWidth?: boolean;
-}
-export declare const Toggle: FC<ToggleProps>;
-export declare const ToggleRadio: FC<ToggleRadioProps>;

package/v3/cjs/components/typography/typography.d.ts

@@ -1,10 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
-    hasGreyText?: boolean;
-    bold?: boolean;
-    italic?: boolean;
-}
-export declare const Title: FC<ITypographyProps>;
-export declare const Subtitle: FC<ITypographyProps>;
-export declare const BodyText: FC<ITypographyProps>;
-export declare const SmallText: FC<ITypographyProps>;

package/v3/cjs/hooks/use-modal/index.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-interface IUseModal {
-    Modal: ReactNode;
-    closeModal: () => void;
-    openModal: () => void;
-}
-declare const _default: () => IUseModal;
-export default _default;

package/v3/cjs/hooks/use-portal/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
- */
-declare function usePortal(id: string): HTMLDivElement;
-export default usePortal;