@reapit/elements 3.12.0 → 4.0.0-beta.10

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,4 +1,6 @@
 /// <reference types="react" />
+export declare const elHasGreyBackground: import("@linaria/core").LinariaClassName;
+export declare const elHasMaxWidth: 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;
 }>;

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes, FC } from 'react';
 export interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    hasGreyBackground?: boolean;
+    hasMaxWidth?: boolean;
 }
 export interface ContainerFlexProps extends ContainerProps {
     isFlexRow?: boolean;
@@ -24,6 +26,7 @@ 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>;

package/dist/cjs/components/mobile-controls/__styles__/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const elMobileControlsVisible: import("@linaria/core").LinariaClassName;
+export declare const ElMobileControlsBg: 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 ElMobileControls: 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 ElMobileControlItem: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/cjs/components/mobile-controls/__tests__/mobile-controls.test.d.ts

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

package/dist/cjs/components/mobile-controls/index.d.ts

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

package/dist/cjs/components/mobile-controls/mobile-controls.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, FC, HTMLAttributes, MouseEvent, SetStateAction } from 'react';
+import { IconNames } from '../icon';
+export interface MobileControlItem extends HTMLAttributes<HTMLAnchorElement> {
+    onClick?: () => void;
+    label?: string;
+}
+export interface MobileControlsProps extends HTMLAttributes<HTMLDivElement> {
+    buttonIcon?: IconNames;
+    buttonOnClick?: () => void;
+    mobileControlItems?: MobileControlItem[];
+    isVisible?: boolean;
+}
+export declare const clickEventHandler: (setActive: Dispatch<SetStateAction<boolean>>, onClick?: () => void) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
+export declare const MobileControls: FC<MobileControlsProps>;

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

@@ -1,21 +1,44 @@
 /// <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;
 }>;
 export declare const ElNavSubContainer: 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 elNavItemSecondary: import("@linaria/core").LinariaClassName;
 export declare const ElNavItem: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
 export declare const elNavItemActive: import("@linaria/core").LinariaClassName;
 export declare const elNavItemExpanded: import("@linaria/core").LinariaClassName;
-export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
 export declare const elNavItemIcon: import("@linaria/core").LinariaClassName;
 export declare const ElNavSubItem: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
 export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
 export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
-export declare const elNavItemSecondary: 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;
+}>;
+export declare const ElNavResponsiveAppSwitcherIconWrap: 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;
+    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;
-    href?: string;
-    subItems?: NavResponsiveOption[];
+    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,17 @@
+/// <reference types="react" />
+export declare const elPageHeaderMaxWidth: import("@linaria/core").LinariaClassName;
+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 ElPageHeaderWrapInner: 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,23 @@
+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';
+import { TabsProps } from '../tabs';
+export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    avatar?: AvatarProps;
+    pageTitle: TypographyProps;
+    pageSubtitle?: TypographyProps;
+    pageInfo?: TypographyProps[];
+    breadcrumb?: BreadCrumbProps;
+    tags?: TagProps[];
+    buttons?: ButtonProps[];
+    tabs?: TabsProps;
+    hasMaxWidth?: boolean;
+}
+export declare const PageHeaderWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const PageHeaderWrapInner: 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/progress-bar/__styles__/index.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+export declare const elProgressBarItemPurple: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemLightBlue: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemLightestBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemYellow: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemOrange: import("@linaria/core").LinariaClassName;
 export declare const ElProgressBarContainer: 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/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

@@ -27,21 +27,30 @@ export declare const ElTableRow: import("@linaria/react").StyledMeta & import("r
 export declare const ElTableCtaCell: 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 ElTableRowContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+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 ElTableCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+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 ElTableCellContent: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+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 ElTableCtaIconContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+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;
 }>;
+export declare const ElTableRowContainer: 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 ElTableCellContent: 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 ElTableCtaIconContainer: 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 ElTableExpandableRow: 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/table/molecules.d.ts

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

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

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

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const elTabsItem: import("@linaria/core").LinariaClassName;
 export declare const elTabsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elTabsHasNoBorder: import("@linaria/core").LinariaClassName;
 export declare const ElTabs: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -8,6 +8,8 @@ export interface TabsOption {
 export interface TabsProps extends HTMLAttributes<HTMLInputElement> {
     options: TabsOption[];
     name: string;
+    isControlled?: boolean;
     isFullWidth?: boolean;
+    hasNoBorder?: boolean;
 }
 export declare const Tabs: FC<TabsProps>;

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/textarea/__styles__/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const elTextAreaHasError: import("@linaria/core").LinariaClassName;
 export declare const ElTextArea: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -1,5 +1,6 @@
 import React, { InputHTMLAttributes } from 'react';
 export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
+    hasError?: boolean;
 }
 export type TextAreaWrapped = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>>;
 export declare const TextArea: TextAreaWrapped;

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>;