@reapit/elements 4.0.0-beta.1 → 4.0.0-beta.3

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

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { IconNames } from '../icon';
 export type NarrowOrderType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
@@ -9,6 +9,10 @@ export interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     narrowOrder?: NarrowOrderType;
 }
+export interface TableCellSplitProps extends HTMLAttributes<HTMLDivElement> {
+    data?: ReactNode;
+    subData?: ReactNode;
+}
 export interface TableExpandableRowTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     narrowIsFullWidth?: boolean;
@@ -30,6 +34,7 @@ export declare const resolveNarrowOrderClass: (order: number) => string | undefi
 export declare const TableHeadersRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const TableCellSplit: FC<TableCellSplitProps>;
 export declare const TableCell: FC<TableCellProps>;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;

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

@@ -11,7 +11,7 @@ export interface CellProps {
     label: string;
     labelChild?: ReactNode;
     onLabelClick?: (event: React.MouseEvent) => void;
-    value: ReactNode;
+    value?: ReactNode;
     children?: ReactNode;
     icon?: IconNames;
     className?: string;

package/dist/cjs/components/tag/__styles__/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const ElTag: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTagGroup: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTagGroupInner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/cjs/components/tag/__tests__/tag.test.d.ts

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

package/dist/cjs/components/tag/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './tag';

package/dist/cjs/components/tag/tag.d.ts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+import { Intent } from '../../helpers/intent';
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    intent?: Intent;
+}
+export declare const Tag: FC<TagProps>;
+export declare const TagGroup: FC<HTMLAttributes<HTMLDivElement>>;

package/dist/cjs/components/tile/__styles__/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const elTilePaddingSmall: import("@linaria/core").LinariaClassName;
+export declare const elTilePaddingNone: import("@linaria/core").LinariaClassName;
+export declare const ElTile: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/cjs/components/tile/__tests__/tile.test.d.ts

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

package/dist/cjs/components/tile/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './tile';

package/dist/cjs/components/tile/tile.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLAttributes } from 'react';
+export interface TileProps extends HTMLAttributes<HTMLSpanElement> {
+    paddingSize?: 'none' | 'small' | 'regular';
+}
+export declare const Tile: FC<TileProps>;

package/dist/cjs/components/tool-tip/index.d.ts

@@ -1,9 +1,2 @@
-import { FC, PropsWithChildren } from 'react';
-interface ToolTipChildProps extends PropsWithChildren {
-    active?: boolean;
-}
-export declare const ToolTip: FC<{
-    tip: string;
-} & PropsWithChildren>;
-export declare const ToolTipChild: FC<ToolTipChildProps>;
-export {};
+export * from './tool-tip';
+export * from './__styles__';

package/dist/cjs/components/tool-tip/tool-tip.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes } from 'react';
+export interface ToolTipProps extends HTMLAttributes<HTMLDivElement> {
+    defaultActive?: boolean;
+    tip?: string;
+}
+export interface ToolTipChildProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    tip?: string;
+}
+export declare const ToolTip: FC<ToolTipProps>;
+export declare const ToolTipChild: FC<ToolTipChildProps>;

package/dist/cjs/components/typography/__styles__/index.d.ts

@@ -3,11 +3,38 @@ export declare const elHasGreyText: import("@linaria/core").LinariaClassName;
 export declare const elHasNoMargin: import("@linaria/core").LinariaClassName;
 export declare const elHasRegularText: import("@linaria/core").LinariaClassName;
 export declare const elHasBoldText: import("@linaria/core").LinariaClassName;
+export declare const elHasMediumText: import("@linaria/core").LinariaClassName;
+export declare const elHasMargin: import("@linaria/core").LinariaClassName;
 export declare const elHasItalicText: import("@linaria/core").LinariaClassName;
 export declare const elHasCenteredText: import("@linaria/core").LinariaClassName;
 export declare const elHasSectionMargin: import("@linaria/core").LinariaClassName;
 export declare const elHasDisabledText: import("@linaria/core").LinariaClassName;
 export declare const elHasCapitalisedText: import("@linaria/core").LinariaClassName;
+export declare const elHasUpperCasedText: import("@linaria/core").LinariaClassName;
+export declare const ElTextBase: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElText3XL: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElText2XL: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTextXL: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTextL: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTextSM: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTextXS: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElText2XS: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElTitle: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -1,15 +1,28 @@
 import { FC, HTMLAttributes } from 'react';
+import { Intent } from '../../helpers/intent';
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasGreyText?: boolean;
     hasNoMargin?: boolean;
+    hasMargin?: boolean;
     hasSectionMargin?: boolean;
     hasBoldText?: boolean;
+    hasMediumText?: boolean;
     hasItalicText?: boolean;
     hasCenteredText?: boolean;
     hasRegularText?: boolean;
     hasDisabledText?: boolean;
     hasCapitalisedText?: boolean;
+    hasUpperCasedText?: boolean;
+    intent?: Intent;
 }
+export declare const Text3XL: FC<TypographyProps>;
+export declare const Text2XL: FC<TypographyProps>;
+export declare const TextXL: FC<TypographyProps>;
+export declare const TextL: FC<TypographyProps>;
+export declare const TextBase: FC<TypographyProps>;
+export declare const TextSM: FC<TypographyProps>;
+export declare const TextXS: FC<TypographyProps>;
+export declare const Text2XS: FC<TypographyProps>;
 export declare const Title: FC<TypographyProps>;
 export declare const Subtitle: FC<TypographyProps>;
 export declare const BodyText: FC<TypographyProps>;

package/dist/cjs/hooks/use-drawer/__tests__/index.test.d.ts

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

package/dist/cjs/hooks/use-drawer/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DrawerProps } from '../../components/drawer';
+export type UseDrawer = [
+    Drawer: FC<Partial<DrawerProps>>,
+    openDrawer: () => void,
+    closeDrawer: () => void,
+    drawerIsOpen: boolean
+];
+export declare const useDrawer: (id?: string) => UseDrawer;

package/dist/cjs/hooks/use-nav-state/index.d.ts

@@ -12,7 +12,7 @@ export interface NavStateContextProps {
 }
 export interface UseNavState {
     navState: NavState;
-    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement>) => void;
+    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
 }
 export declare const NavStateContext: React.Context<NavStateContextProps>;
 export declare const NavStateProvider: FC<PropsWithChildren>;

package/dist/cjs/index.d.ts

@@ -42,6 +42,16 @@ export * from './components/input-error';
 export * from './components/file-input';
 export * from './components/placeholder-image';
 export * from './components/mobile-controls';
+export * from './components/drawer';
+export * from './components/accordion';
+export * from './components/tag';
+export * from './components/badge';
+export * from './components/chip';
+export * from './components/tile';
+export * from './components/avatar';
+export * from './components/key-value-list';
+export * from './components/page-header';
+export * from './components/breadcrumb';
 export * from './hooks/use-portal';
 export * from './hooks/use-snack';
 export * from './hooks/use-modal';
@@ -49,5 +59,6 @@ export * from './hooks/use-media-query';
 export * from './hooks/use-nav-state';
 export * from './hooks/use-snack';
 export * from './hooks/use-theme';
+export * from './hooks/use-drawer';
 export * from './helpers/intent';
 export * from './icons';