@reapit/elements 4.1.0 → 4.1.2

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/** @deprecated - to remove at v5 */
 export declare const elButtonSize2: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize3: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize4: import("@linaria/core").LinariaClassName;

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

@@ -14,15 +14,15 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     chevronLeft?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     chevronRight?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     fullWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     fixedWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     size?: ButtonSizeType;
 }
 export interface FloatingButtonProps extends ButtonProps {

package/dist/cjs/components/card/card-components.d.ts

@@ -23,13 +23,13 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     mainCardBody?: ReactNode;
     mainCardImgUrl?: ReactNode;
     mainCardAvatarUrl?: ReactNode;
-    /** Deprecated -  will be removed at v5 release*/
+    /** @peprecated -  will be removed at v5 release*/
     mainContextMenuItems?: ContextMenuItem[];
     hasListCard?: boolean;
     listCardHeading?: ReactNode;
     listCardSubHeading?: ReactNode;
     listCardItems?: CardListItemProps[];
-    /** Deprecated -  will be removed at v5 release*/
+    /** @deprecated -  will be removed at v5 release*/
     listContextMenuItems?: ContextMenuItem[];
     isSelected?: boolean;
 }

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

@@ -1,8 +1,8 @@
 /// <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 elMainContainer: import("@linaria/core").LinariaClassName;
+export declare const elPageContainer: import("@linaria/core").LinariaClassName;
+export declare const elSecondaryNavContainer: import("@linaria/core").LinariaClassName;
 export declare const ElMolecule: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & 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 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,8 +30,13 @@ 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 Molecule: 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,6 +12,7 @@ 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;
+/** @deprecated, we use the same interface for desktop and web - left class in to avoid breaking changes */
 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>>;

package/dist/cjs/components/nav/nav-responsive.d.ts

@@ -7,8 +7,11 @@ export interface NavResponsiveOption {
     text?: string;
     href?: string;
     subItems?: NavResponsiveOption[];
+    /** @deprecated - to be removed in v5 */
     isSecondary?: boolean;
+    /** @deprecated - to be removed in v5 */
     icon?: ReactNode;
+    /** @deprecated to be removed in v5 */
     iconId?: IconNames;
 }
 export interface NavResponsiveAvatarOption {
@@ -31,6 +34,7 @@ export interface NavResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     avatarOptions?: NavResponsiveAvatarOption[];
     avatarText?: string;
     defaultNavIndex?: number;
+    /** @deprecated */
     defaultNavSubIndex?: number;
 }
 export interface NavResponsiveAvatarProps {

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/** @deprecated - to be removed at v5.0.0 */
 export declare const elProgressBarItemPurple: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
 export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;

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

package/dist/cjs/icons/icons-legacy.d.ts

@@ -220,19 +220,34 @@ export declare const iconSetLegacy: {
     uiMenu: FC;
     usersMenu: FC;
     webhooksMenu: FC;
+    /** @deprecated */
     docsAnimated1: FC;
+    /** @deprecated */
     docsAnimated2: FC;
+    /** @deprecated */
     webhooksAnimated1: FC;
+    /** @deprecated */
     webhooksAnimated2: FC;
+    /** @deprecated */
     webhooksDocsAnimated1: FC;
+    /** @deprecated */
     webhooksDocsAnimated2: FC;
+    /** @deprecated */
     welcomeAnimated1: FC;
+    /** @deprecated */
     welcomeAnimated2: FC;
+    /** @deprecated */
     saveSystem: FC;
+    /** @deprecated */
     tickSolidSystem: FC;
+    /** @deprecated */
     tickSystem: FC;
+    /** @deprecated */
     previewSystem: FC;
+    /** @deprecated */
     authenticatedInfographic: FC;
+    /** @deprecated */
     platformApiInfographic: FC;
+    /** @deprecated */
     sharedEntitiesInfographic: FC;
 };