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

package/dist/cjs/storybook/deprecate-var.d.ts

@@ -1,3 +1,4 @@
+export declare const deprecateVar: (variables: Object, component: string) => void;
 export declare const useDeprecateVar: (variables: Object, component: string) => void;
 export declare const useDeprecateComponent: (component: string) => void;
 export declare const deprecateFunction: (functionName: string) => void;

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

@@ -5,3 +5,5 @@ export declare const elTextJustify: import("@linaria/core").LinariaClassName;
 export declare const elFontBold: import("@linaria/core").LinariaClassName;
 export declare const elFontItalic: import("@linaria/core").LinariaClassName;
 export declare const elFontUppercase: import("@linaria/core").LinariaClassName;
+export declare const elTextEllipsis: import("@linaria/core").LinariaClassName;
+export declare const elCode: import("@linaria/core").LinariaClassName;

package/dist/esm/assets/{asset-5f2fd524 → asset-a67729a7}

@@ -33,6 +33,16 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 

package/dist/esm/components/accordion/__styles__/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const ElAccordionContainer: 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 ElAccordionItem: 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 ElAccordionTitle: 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 ElAccordionTitleContentWrapper: 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 ElAccordionTitleContent: 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 ElAccordionContent: 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/esm/components/accordion/__tests__/accordion.test.d.ts

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

package/dist/esm/components/accordion/accordion.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
+export interface AccordionBaseProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface AccordionTitleItemProps {
+}
+export interface AccordionItemProps {
+    title: string;
+    titleItems?: ReactNode[];
+    content: ReactNode;
+}
+export interface AccordionProps extends AccordionBaseProps {
+    items: AccordionItemProps[];
+}
+export declare const AccordionContainer: FC<AccordionBaseProps>;
+export declare const AccordionItem: FC<AccordionBaseProps>;
+export declare const AccordionTitle: FC<AccordionBaseProps>;
+export declare const AccordionTitleContentWrapper: FC<AccordionBaseProps>;
+export declare const AccordionTitleContent: FC<AccordionBaseProps>;
+export declare const AccordionContent: FC<AccordionBaseProps>;
+export declare const handleSetOpenItem: (openItem: number, setOpenItem: Dispatch<SetStateAction<number | null>>) => () => void;
+export declare const Accordion: FC<AccordionProps>;

package/dist/esm/components/accordion/index.d.ts

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

package/dist/esm/components/avatar/__styles__/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const elAvatarSmall: import("@linaria/core").LinariaClassName;
+export declare const ElAvatar: 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 ElAvatarImage: 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/esm/components/avatar/__tests__/avatar.test.d.ts

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

package/dist/esm/components/avatar/avatar.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    type?: 'profile' | 'image';
+    src?: string;
+}
+export declare const Avatar: FC<AvatarProps>;

package/dist/esm/components/avatar/index.d.ts

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

package/dist/esm/components/badge/__styles__/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const ElBadge: 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 ElBadgeGroup: 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 ElBadgeGroupInner: 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/esm/components/badge/__tests__/badge.test.d.ts

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

package/dist/esm/components/badge/badge.d.ts

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

package/dist/esm/components/badge/index.d.ts

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

package/dist/esm/components/breadcrumb/__styles__/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ElBreadCrumbItem: 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 ElBreadCrumbContainer: 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/esm/components/breadcrumb/__tests__/breadcrumb.test.d.ts

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

package/dist/esm/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, FC, HTMLAttributes, MouseEvent, SetStateAction } from 'react';
+export interface BreadCrumbItem extends HTMLAttributes<HTMLDivElement> {
+    text: string;
+    onClick: () => void;
+}
+export interface BreadCrumbProps extends HTMLAttributes<HTMLDivElement> {
+    items: BreadCrumbItem[];
+    defaultActiveIndex?: number;
+}
+export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e: MouseEvent<HTMLDivElement>) => void;
+export declare const BreadCrumb: FC<BreadCrumbProps>;

package/dist/esm/components/breadcrumb/index.d.ts

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

package/dist/esm/components/button/__styles__/index.d.ts

@@ -2,6 +2,10 @@
 export declare const elButtonSize2: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize3: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize4: import("@linaria/core").LinariaClassName;
+export declare const elButtonSizeSmall: import("@linaria/core").LinariaClassName;
+export declare const elButtonSizeLarge: import("@linaria/core").LinariaClassName;
+export declare const elButtonSizeMedium: import("@linaria/core").LinariaClassName;
+export declare const elButtonIconOnly: import("@linaria/core").LinariaClassName;
 export declare const ElButtonLoader: 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/esm/components/button/button.d.ts

@@ -2,11 +2,18 @@ import { ButtonHTMLAttributes, FC, HTMLAttributes } from 'react';
 import { Intent } from '../../helpers/intent';
 import { IconNames } from '../icon';
 export type ButtonSizeType = 2 | 3 | 4;
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonIcon {
+    icon: IconNames;
+    position: 'left' | 'right' | 'only';
+}
 export type ButtonGroupAlignment = 'left' | 'right' | 'center';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     intent?: Intent;
     loading?: boolean;
     className?: string;
+    buttonSize?: ButtonSize;
+    buttonIcon?: ButtonIcon;
     /** Deprecated - will be removed at v5 release */
     chevronLeft?: boolean;
     /** Deprecated - will be removed at v5 release */

package/dist/esm/components/chip/__styles__/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ElChipCheckbox: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElChipLabel: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElChipGroup: 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 ElChipGroupInner: 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/esm/components/chip/__tests__/chip.test.d.ts

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

package/dist/esm/components/chip/chip.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLAttributes, InputHTMLAttributes } from 'react';
+export interface ChipProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+export declare const Chip: FC<ChipProps>;
+export declare const ChipGroup: FC<HTMLAttributes<HTMLDivElement>>;

package/dist/esm/components/chip/index.d.ts

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

package/dist/esm/components/drawer/__styles__/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const ElDrawerBg: 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 ElDrawer: 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 ElDrawerHeader: 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 ElDrawerSubtitle: 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 ElDrawerTitle: 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 ElDrawerBody: 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 ElDrawerFooter: 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/esm/components/drawer/__tests__/drawer.test.d.ts

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

package/dist/esm/components/drawer/drawer.d.ts

@@ -0,0 +1,19 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onDrawerClose: () => void;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+    footerItems?: ReactNode;
+}
+export interface DrawerBaseProps extends HTMLAttributes<HTMLElement> {
+}
+export declare const DrawerBg: FC<DrawerBaseProps>;
+export declare const DrawerContainer: FC<DrawerBaseProps>;
+export declare const DrawerHeader: FC<DrawerBaseProps>;
+export declare const DrawerTitle: FC<DrawerBaseProps>;
+export declare const DrawerSubtitle: FC<DrawerBaseProps>;
+export declare const DrawerBody: FC<DrawerBaseProps>;
+export declare const DrawerFooter: FC<DrawerBaseProps>;
+export declare const Drawer: FC<DrawerProps>;

package/dist/esm/components/drawer/index.d.ts

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

package/dist/esm/components/form-layout/__styles__/index.d.ts

@@ -3,6 +3,9 @@ export declare const elFormLayoutHasMargin: import("@linaria/core").LinariaClass
 export declare const ElFormLayout: 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 ElFormSectionDivider: 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 ElInputWrapSmall: 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/esm/components/form-layout/form-layout.d.ts

@@ -3,6 +3,7 @@ export type FormLayoutProps = HTMLAttributes<HTMLDivElement> & {
     hasMargin?: boolean;
 };
 export declare const FormLayout: FC<FormLayoutProps>;
+export declare const FormSectionDivider: FC<FormLayoutProps>;
 export declare const InputWrap: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLDivElement>>;
 export declare const InputWrapSmall: FC<FormLayoutProps>;
 export declare const InputWrapMed: FC<FormLayoutProps>;

package/dist/esm/components/grid/__styles__/index.d.ts

@@ -5,6 +5,21 @@ export declare const ElGrid: import("@linaria/react").StyledMeta & import("react
 export declare const ElCol: 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 ElColHalf: 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 ElColQuarter: 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 ElColSplit: 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 ElGridThirds: 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 ElColSplitThird: 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 ElColSplitTwoThirds: 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/esm/components/grid/grid.d.ts

@@ -5,4 +5,9 @@ export interface ColProps extends HTMLAttributes<HTMLElement> {
 }
 export declare const Grid: FC<GridProps>;
 export declare const Col: FC<ColProps>;
+export declare const ColHalf: FC<ColProps>;
+export declare const ColQuarter: FC<ColProps>;
 export declare const ColSplit: FC<ColProps>;
+export declare const GridThirds: FC<GridProps>;
+export declare const ColSplitThird: FC<ColProps>;
+export declare const ColSplitTwoThirds: FC<ColProps>;

package/dist/esm/components/key-value-list/__styles__/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ElKeyValueIconWrap: 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 ElKeyValueListWrap: 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/esm/components/key-value-list/__tests__/key-value-list.test.d.ts

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

package/dist/esm/components/key-value-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './key-value-list';

package/dist/esm/components/key-value-list/key-value-list.d.ts

@@ -0,0 +1,23 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { IconNames } from '../icon';
+import { Intent } from '../../helpers/intent';
+export interface KeyValueItem {
+    key: string;
+    value: ReactNode;
+    iconName?: IconNames;
+    icon?: ReactNode;
+    intent?: Intent;
+    colSize?: 'half' | 'full';
+    textEllipsis?: boolean;
+}
+export interface KeyValueContentProps {
+    item: KeyValueItem;
+}
+export interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {
+    items: KeyValueItem[];
+    hasGrid?: boolean;
+}
+export declare const KeyValueIconWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const KeyValueListWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const KeyValueContent: FC<KeyValueContentProps>;
+export declare const KeyValueList: FC<KeyValueListProps>;

package/dist/esm/components/layout/__styles__/index.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
+export declare const elHasGreyBackground: import("@linaria/core").LinariaClassName;
 export declare const ElMainContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
 export declare const ElPageContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElPageContainerMaxWidth: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElSecondaryNavContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/dist/esm/components/layout/layout.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, FC } from 'react';
 export interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    hasGreyBackground?: boolean;
 }
 export interface ContainerFlexProps extends ContainerProps {
     isFlexRow?: boolean;
@@ -24,9 +25,11 @@ export interface ContainerFlexProps extends ContainerProps {
     isFlexAlignCenter?: boolean;
     isFlexAlignStart?: boolean;
     isFlexAlignEnd?: boolean;
+    hasGreyBackground?: boolean;
 }
 export declare const MainContainer: FC<ContainerProps>;
 export declare const PageContainer: FC<ContainerProps>;
+export declare const PageContainerMaxWidth: FC<ContainerProps>;
 export declare const SecondaryNavContainer: FC<ContainerProps>;
 export declare const Molecule: FC<ContainerProps>;
 export declare const FlexContainer: FC<ContainerFlexProps>;

package/dist/esm/components/nav/__styles__/index.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+export declare const ElNavBg: 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 ElNavContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -19,3 +22,20 @@ export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassN
 export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
 export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
 export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavIsHidden: import("@linaria/core").LinariaClassName;
+export declare const ElNavMenu: 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 ElNavMenuOption: 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 ElNavMenuOptionDivider: 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 ElNavResponsiveAvatarWrap: 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 elAppSwitcherOpen: import("@linaria/core").LinariaClassName;
+export declare const ElNavResponsiveAppSwitcherWrap: 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/esm/components/nav/nav-responsive.d.ts

@@ -1,21 +1,44 @@
-import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
+import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction, MouseEvent } from 'react';
 import { IconNames } from '../icon';
 export type NavResponsiveItemType = 'ICON' | 'ITEM' | 'SECONDARY';
 export interface NavResponsiveOption {
     itemIndex: number;
-    isSecondary?: boolean;
     callback?: () => void;
     text?: string;
     href?: string;
     subItems?: NavResponsiveOption[];
+    isSecondary?: boolean;
     icon?: ReactNode;
     iconId?: IconNames;
 }
+export interface NavResponsiveAvatarOption {
+    text?: string;
+    callback?: () => void;
+}
+export interface NavResponsiveAppSwitcherOption {
+    text?: string;
+    callback?: () => void;
+    iconUrl?: ReactNode;
+}
 export interface NavResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     options: NavResponsiveOption[];
+    appSwitcherOptions?: NavResponsiveAppSwitcherOption[];
+    avatarOptions?: NavResponsiveAvatarOption[];
+    avatarText?: string;
     defaultNavIndex?: number;
     defaultNavSubIndex?: number;
 }
+export interface NavResponsiveAvatarProps {
+    options: NavResponsiveAvatarOption[];
+    text: string;
+    isHidden: boolean;
+}
+export interface NavResponsiveAppSwitcherProps {
+    options: NavResponsiveAppSwitcherOption[];
+}
 export type LogoIcon = 'reapitLogoSelectedMenu' | 'reapitLogoMenu';
 export declare const handleToggleLogo: (logoState: LogoIcon, setLogoState: Dispatch<SetStateAction<LogoIcon>>) => () => void;
+export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event: MouseEvent<HTMLDivElement>) => void;
+export declare const NavResponsiveAvatar: FC<NavResponsiveAvatarProps>;
+export declare const NavResponsiveAppSwitcher: FC<NavResponsiveAppSwitcherProps>;
 export declare const NavResponsive: FC<NavResponsiveProps>;

package/dist/esm/components/page-header/__styles__/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ElPageHeaderContainer: 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 ElPageHeaderTitleContainer: 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 ElPageHeaderWrap: 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 ElPageHeaderSeparator: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/esm/components/page-header/__tests__/page-header.test.d.ts

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

package/dist/esm/components/page-header/index.d.ts

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

package/dist/esm/components/page-header/page-header.d.ts

@@ -0,0 +1,19 @@
+import { FC, HTMLAttributes } from 'react';
+import { TypographyProps } from '../typography';
+import { AvatarProps } from '../avatar';
+import { TagProps } from '../tag';
+import { ButtonProps } from '../button';
+import { BreadCrumbProps } from '../breadcrumb';
+export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    avatar?: AvatarProps;
+    pageTitle: TypographyProps;
+    pageSubtitle?: TypographyProps;
+    pageInfo?: TypographyProps[];
+    breadcrumb?: BreadCrumbProps;
+    tags?: TagProps[];
+    buttons?: ButtonProps[];
+}
+export declare const PageHeaderWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const PageHeaderContainer: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const PageHeaderTitleContainer: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const PageHeader: FC<PageHeaderProps>;

package/dist/esm/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -6,6 +6,7 @@ export interface SearchableDropdownProps<T> extends React.InputHTMLAttributes<HT
     getResultLabel: (result: T) => string;
     icon?: IconNames;
     defaultVal?: T;
+    label?: string;
 }
 export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
     isResultsListVisible: boolean;
@@ -22,8 +23,9 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
     }) => void;
     onClear: () => void;
     icon?: IconNames;
+    label?: string;
 }
-export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, label, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;

package/dist/esm/components/table/__styles__/index.d.ts

@@ -30,6 +30,15 @@ export declare const ElTableCtaCell: import("@linaria/react").StyledMeta & impor
 export declare const ElTableCell: 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 ElTableCellSplitWrap: 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 ElTableCellSplitData: 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 ElTableCellSplitSubData: 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 ElTableExpandableRowTriggerCell: 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/esm/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/esm/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;