@reapit/elements 5.0.0-beta.3 → 5.0.0-beta.5

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ElAccordionContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
 export declare const ElAccordionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElAccordionTitleContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElAccordionTitleContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,6 +1,8 @@
 import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
 export interface AccordionBaseProps extends HTMLAttributes<HTMLDivElement> {
 }
+export interface AccordionBaseItemProps extends HTMLAttributes<HTMLAnchorElement> {
+}
 export interface AccordionTitleItemProps {
 }
 export interface AccordionItemProps {
@@ -13,8 +15,8 @@ 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 AccordionItem: FC<AccordionBaseItemProps>;
+export declare const AccordionTitle: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const AccordionTitleContentWrapper: FC<AccordionBaseProps>;
 export declare const AccordionTitleContent: FC<AccordionBaseProps>;
 export declare const AccordionContent: FC<AccordionBaseProps>;

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

@@ -2,5 +2,5 @@
 export declare const elAvatarSmall: import("@linaria/core").LinariaClassName;
 export declare const ElAvatar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const ElBreadCrumbItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElBreadCrumbItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
 export declare const ElBreadCrumbContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

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

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

@@ -13,7 +13,7 @@ export declare const ElCardBodyWrap: import("@linaria/react").StyledComponent<im
 export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
 export declare const ElCardAvatarWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardImageWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
 export declare const ElCardList: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elCardListMainWrapExpanded: import("@linaria/core").LinariaClassName;

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

@@ -1,7 +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").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const ElPageContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const ElSecondaryNavContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const ElFlexContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const elMainContainer: import("@linaria/core").LinariaClassName;
+export declare const elPageContainer: import("@linaria/core").LinariaClassName;
+export declare const elSecondaryNavContainer: import("@linaria/core").LinariaClassName;
+export declare const elFlexContainer: import("@linaria/core").LinariaClassName;

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

@@ -1,7 +1,9 @@
 import { HTMLAttributes, FC } from 'react';
+type LayoutTags = 'main' | 'aside' | 'section' | 'div';
 export interface ContainerProps extends HTMLAttributes<HTMLElement> {
     hasGreyBackground?: boolean;
     hasMaxWidth?: boolean;
+    tag?: LayoutTags;
 }
 export interface ContainerFlexProps extends ContainerProps {
     isFlexRow?: boolean;
@@ -28,7 +30,12 @@ export interface ContainerFlexProps extends ContainerProps {
     isFlexAlignEnd?: boolean;
     hasGreyBackground?: boolean;
 }
+interface TaggedElementProps extends ContainerProps {
+    baseClass: string;
+}
+export declare const TaggedElement: FC<TaggedElementProps>;
 export declare const MainContainer: FC<ContainerProps>;
 export declare const PageContainer: FC<ContainerProps>;
 export declare const SecondaryNavContainer: FC<ContainerProps>;
 export declare const FlexContainer: FC<ContainerFlexProps>;
+export {};

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

@@ -22,6 +22,9 @@ export declare const HasGreyBackground: {
 export declare const FlexContainerUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const TaggedLayouts: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
 export declare const CombinedContainerComponents: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -12,7 +12,6 @@ export declare const ElNavSubItem: import("@linaria/react").StyledComponent<impo
 export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
 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").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElNavMenuOption: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/dist/cjs/components/progress-bar/__styles__/index.d.ts

@@ -1,11 +1,4 @@
 /// <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").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElProgressBarLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElProgressBarInner: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,6 +1,5 @@
 import React, { HTMLAttributes, InputHTMLAttributes, RefAttributes } from 'react';
 export interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
-    isFullWidth?: boolean;
     hasGreyBg?: boolean;
 }
 export interface ToggleRadioOption {
@@ -13,7 +12,6 @@ export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
     options: ToggleRadioOption[];
     name: string;
     disabled?: boolean;
-    isFullWidth?: boolean;
     hasGreyBg?: boolean;
 }
 export type ToggleWrapped = React.ForwardRefExoticComponent<ToggleProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;

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

@@ -11,28 +11,14 @@ export declare const elHasSectionMargin: import("@linaria/core").LinariaClassNam
 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").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-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 elTextBase: import("@linaria/core").LinariaClassName;
+export declare const elText3XL: import("@linaria/core").LinariaClassName;
+export declare const elText2XL: import("@linaria/core").LinariaClassName;
+export declare const elTextXL: import("@linaria/core").LinariaClassName;
+export declare const elTextL: import("@linaria/core").LinariaClassName;
+export declare const elTextSM: import("@linaria/core").LinariaClassName;
+export declare const elTextXS: import("@linaria/core").LinariaClassName;
+export declare const elText2XS: import("@linaria/core").LinariaClassName;
 export declare const ElTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
 export declare const ElSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
 export declare const ElBodyText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;

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

@@ -1,5 +1,6 @@
 import { FC, HTMLAttributes } from 'react';
 import { Intent } from '../../helpers/intent';
+export type TypeographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'small' | 'div' | 'span';
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasGreyText?: boolean;
     hasNoMargin?: boolean;
@@ -14,7 +15,12 @@ export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasCapitalisedText?: boolean;
     hasUpperCasedText?: boolean;
     intent?: Intent;
+    tag?: TypeographyTag;
 }
+export interface TaggedTypographyProps extends TypographyProps {
+    baseClass?: string;
+}
+export declare const TaggedTypography: FC<TaggedTypographyProps>;
 export declare const Text3XL: FC<TypographyProps>;
 export declare const Text2XL: FC<TypographyProps>;
 export declare const TextXL: FC<TypographyProps>;

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

@@ -7,6 +7,9 @@ export default _default;
 export declare const BaseScale: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const TaggedTypography: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
 export declare const TypographyModifiers: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };