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

package/assets/menu-icons/appLauncherMenu.svg

@@ -1,19 +1,12 @@
-<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="App launcher">
-<g id="Vector">
-<path d="M5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5C7 6.10457 6.10457 7 5 7Z" fill="currentColor"/>
-<path d="M3 12C3 13.1046 3.89543 14 5 14C6.10457 14 7 13.1046 7 12C7 10.8954 6.10457 10 5 10C3.89543 10 3 10.8954 3 12Z" fill="currentColor"/>
-<path d="M3 19C3 20.1046 3.89543 21 5 21C6.10457 21 7 20.1046 7 19C7 17.8954 6.10457 17 5 17C3.89543 17 3 17.8954 3 19Z" fill="currentColor"/>
-</g>
-<g id="Vector_2">
-<path d="M12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5C14 6.10457 13.1046 7 12 7Z" fill="currentColor"/>
-<path d="M10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12Z" fill="currentColor"/>
-<path d="M10 19C10 20.1046 10.8954 21 12 21C13.1046 21 14 20.1046 14 19C14 17.8954 13.1046 17 12 17C10.8954 17 10 17.8954 10 19Z" fill="currentColor"/>
-</g>
-<g id="Vector_3">
-<path d="M19 7C17.8954 7 17 6.10457 17 5C17 3.89543 17.8954 3 19 3C20.1046 3 21 3.89543 21 5C21 6.10457 20.1046 7 19 7Z" fill="currentColor"/>
-<path d="M17 12C17 13.1046 17.8954 14 19 14C20.1046 14 21 13.1046 21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12Z" fill="currentColor"/>
-<path d="M17 19C17 20.1046 17.8954 21 19 21C20.1046 21 21 20.1046 21 19C21 17.8954 20.1046 17 19 17C17.8954 17 17 17.8954 17 19Z" fill="currentColor"/>
-</g>
-</g>
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="4" fill="white"/>
+<circle cx="10" cy="10" r="2" fill="#798DA1"/>
+<circle cx="18" cy="10" r="2" fill="#798DA1"/>
+<circle cx="26" cy="10" r="2" fill="#798DA1"/>
+<circle cx="10" cy="18" r="2" fill="#798DA1"/>
+<circle cx="18" cy="18" r="2" fill="#798DA1"/>
+<circle cx="26" cy="18" r="2" fill="#798DA1"/>
+<circle cx="10" cy="26" r="2" fill="#798DA1"/>
+<circle cx="18" cy="26" r="2" fill="#798DA1"/>
+<circle cx="26" cy="26" r="2" fill="#798DA1"/>
 </svg>

package/assets/system-icons/pinSystem.svg

@@ -1,3 +1,3 @@
 <svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.6 6.9519C0.6 3.45392 3.46769 0.6 7 0.6C10.5324 0.6 13.4 3.45391 13.4 6.9519C13.4 7.96656 13.0064 9.25974 12.3614 10.6744C11.7227 12.0752 10.8658 13.5356 10.0004 14.8668C9.13627 16.1961 8.27104 17.3855 7.62131 18.2431C7.38084 18.5605 7.17021 18.8321 7.00047 19.048C6.83184 18.839 6.62352 18.577 6.38615 18.271C5.73573 17.4325 4.86955 16.2661 4.00453 14.9527C3.13828 13.6374 2.28055 12.1857 1.6413 10.7755C0.99682 9.35383 0.6 8.02899 0.6 6.9519ZM7 9.6C8.43594 9.6 9.6 8.43594 9.6 7C9.6 5.56406 8.43594 4.4 7 4.4C5.56406 4.4 4.4 5.56406 4.4 7C4.4 8.43594 5.56406 9.6 7 9.6Z" stroke="black" stroke-width="1.2"/>
+<path d="M0.6 6.9519C0.6 3.45392 3.46769 0.6 7 0.6C10.5324 0.6 13.4 3.45391 13.4 6.9519C13.4 7.96656 13.0064 9.25974 12.3614 10.6744C11.7227 12.0752 10.8658 13.5356 10.0004 14.8668C9.13627 16.1961 8.27104 17.3855 7.62131 18.2431C7.38084 18.5605 7.17021 18.8321 7.00047 19.048C6.83184 18.839 6.62352 18.577 6.38615 18.271C5.73573 17.4325 4.86955 16.2661 4.00453 14.9527C3.13828 13.6374 2.28055 12.1857 1.6413 10.7755C0.99682 9.35383 0.6 8.02899 0.6 6.9519ZM7 9.6C8.43594 9.6 9.6 8.43594 9.6 7C9.6 5.56406 8.43594 4.4 7 4.4C5.56406 4.4 4.4 5.56406 4.4 7C4.4 8.43594 5.56406 9.6 7 9.6Z" stroke="currentColor" stroke-width="1.2"/>
 </svg>

package/dist/cjs/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/cjs/components/accordion/__tests__/accordion.test.d.ts

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

package/dist/cjs/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/cjs/components/accordion/index.d.ts

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

package/dist/cjs/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/cjs/components/avatar/__tests__/avatar.test.d.ts

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

package/dist/cjs/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/cjs/components/avatar/index.d.ts

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

package/dist/cjs/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/cjs/components/badge/__tests__/badge.test.d.ts

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

package/dist/cjs/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/cjs/components/badge/index.d.ts

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

package/dist/cjs/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/cjs/components/breadcrumb/__tests__/breadcrumb.test.d.ts

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

package/dist/cjs/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/cjs/components/breadcrumb/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/chip/__tests__/chip.test.d.ts

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

package/dist/cjs/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/cjs/components/chip/index.d.ts

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

package/dist/cjs/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/cjs/components/drawer/__tests__/drawer.test.d.ts

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

package/dist/cjs/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/cjs/components/drawer/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/key-value-list/__tests__/key-value-list.test.d.ts

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

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/page-header/__tests__/page-header.test.d.ts

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

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

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

package/dist/cjs/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/cjs/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/cjs/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;
 }>;