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

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,18 @@
+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;
+}
+export interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {
+    items: KeyValueItem[];
+    hasLargeGrid?: boolean;
+    hasSmallGrid?: boolean;
+}
+export declare const KeyValueIconWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const KeyValueListWrap: FC<HTMLAttributes<HTMLDivElement>>;
+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/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/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;