@reapit/elements 4.3.1 → 5.0.0-beta.11

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").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -1,8 +1,4 @@
 /// <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;
 export declare const elButtonSizeSmall: import("@linaria/core").LinariaClassName;
 export declare const elButtonSizeLarge: import("@linaria/core").LinariaClassName;
 export declare const elButtonSizeMedium: import("@linaria/core").LinariaClassName;
@@ -14,7 +10,5 @@ export declare const elButtonGroupAlignRight: import("@linaria/core").LinariaCla
 export declare const elButtonGroupAlignCenter: import("@linaria/core").LinariaClassName;
 export declare const elButtonFixedWidth: import("@linaria/core").LinariaClassName;
 export declare const ElButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const elButtonHasLeftChevron: import("@linaria/core").LinariaClassName;
-export declare const elButtonHasRightChevron: import("@linaria/core").LinariaClassName;
 export declare const ElButtonGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElButtonGroupInner: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -15,16 +15,6 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    /** @deprecated - will be removed at v5 release */
-    chevronLeft?: boolean;
-    /** @deprecated - will be removed at v5 release */
-    chevronRight?: boolean;
-    /** @deprecated - will be removed at v5 release */
-    fullWidth?: boolean;
-    /** @deprecated - will be removed at v5 release */
-    fixedWidth?: boolean;
-    /** @deprecated - will be removed at v5 release */
-    size?: ButtonSizeType;
 }
 export interface FloatingButtonProps extends ButtonProps {
     icon: IconNames;
@@ -32,7 +22,6 @@ export interface FloatingButtonProps extends ButtonProps {
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
     alignment?: ButtonGroupAlignment;
 }
-export declare const resolveButtonSize: (size: ButtonSizeType) => void;
 export declare const resolveButtonClassName: (intent?: Intent) => string;
 export declare const handleButtonClick: (onClick?: MouseEventHandler<HTMLButtonElement>) => (e: MouseEvent<HTMLButtonElement>) => void;
 export declare const Button: FC<ButtonProps>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const elCardContextMenuOpen: import("@linaria/core").LinariaClassName;
 export declare const elCardFocussed: import("@linaria/core").LinariaClassName;
 export declare const ElCardWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elCardSubHeadingWrapAvatar: import("@linaria/core").LinariaClassName;
@@ -12,10 +11,9 @@ export declare const ElCardSubHeadingAdditional: import("@linaria/react").Styled
 export declare const elCardBodyWrapExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardBodyWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
-export declare const ElMobileToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 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").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | 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;
@@ -28,7 +26,3 @@ export declare const ElCardListItemTextWrap: import("@linaria/react").StyledComp
 export declare const ElCardListItemTextPrimary: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardListItemTextSecondary: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardListIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuItems: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,4 +1,4 @@
-import { Dispatch, FC, HTMLAttributes, SetStateAction, MouseEvent, ReactNode } from 'react';
+import { Dispatch, FC, HTMLAttributes, SetStateAction, ReactNode } from 'react';
 import { IconNames } from '../icon';
 import { Intent } from '../../helpers/intent';
 export interface CardListItemProps {
@@ -23,20 +23,11 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     mainCardBody?: ReactNode;
     mainCardImgUrl?: ReactNode;
     mainCardAvatarUrl?: ReactNode;
-    /** @peprecated -  will be removed at v5 release*/
-    mainContextMenuItems?: ContextMenuItem[];
     hasListCard?: boolean;
     listCardHeading?: ReactNode;
     listCardSubHeading?: ReactNode;
     listCardItems?: CardListItemProps[];
-    /** @deprecated -  will be removed at v5 release*/
-    listContextMenuItems?: ContextMenuItem[];
     isSelected?: boolean;
 }
-export declare const handleToggleContextMenu: (contextMenuOpen: boolean, setContextMenuOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleMainMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleListMobileOpen: (listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleBothMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>, listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
 export declare const handleMouseHover: (hoverIndex: number | null, setHoverIndex: Dispatch<SetStateAction<number | null>>) => () => void;
-export declare const CardContextMenu: FC<CardContextMenuProps>;
 export declare const Card: FC<CardProps>;

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

@@ -12,7 +12,6 @@ export declare const CardMainWrap: FC<CardBaseProps>;
 export declare const CardBodyWrap: FC<CardBaseProps>;
 export declare const CardImageWrap: FC<CardBaseProps>;
 export declare const CardAvatarWrap: FC<CardBaseProps>;
-export declare const CardMobileToggle: FC<CardButtonProps>;
 export declare const CardList: FC<CardBaseProps>;
 export declare const CardListMainWrap: FC<CardBaseProps>;
 export declare const CardListHeading: FC<CardBaseProps>;
@@ -22,7 +21,3 @@ export declare const CardListItemTextWrap: FC<CardBaseProps>;
 export declare const CardListItemTextPrimary: FC<CardBaseProps>;
 export declare const CardListItemTextSecondary: FC<CardBaseProps>;
 export declare const CardListIcon: FC<CardBaseProps>;
-export declare const CardContextMenuWrapper: FC<CardBaseProps>;
-export declare const CardContextMenuItems: FC<CardBaseProps>;
-export declare const CardContextMenuItem: FC<CardBaseProps>;
-export declare const CardContextMenuToggle: FC<CardBaseProps>;

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

@@ -1,9 +1,2 @@
 /// <reference types="react" />
-export declare const elIconSizeSmallest: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeSmall: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeMedium: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeLarge: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeLargest: import("@linaria/core").LinariaClassName;
-export declare const elIconMenu: import("@linaria/core").LinariaClassName;
-export declare const elIconNew: import("@linaria/core").LinariaClassName;
 export declare const ElIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/dist/cjs/components/icon/icon-component.d.ts

@@ -1,8 +1,7 @@
 import { FC, HTMLAttributes } from 'react';
 import { Intent } from '../../helpers/intent';
-import { iconSet, iconSetLegacy } from '../../icons';
-export type IconNames = keyof typeof iconSet | keyof typeof iconSetLegacy;
-export type IconSize = 'smallest' | 'small' | 'medium' | 'large' | 'largest';
+import { iconSet } from '../../icons';
+export type IconNames = keyof typeof iconSet;
 export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     icon: IconNames;
     intent?: Intent;
@@ -10,8 +9,5 @@ export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     height?: string;
     width?: string;
-    /** Deprecated, will be removed at v5 */
-    iconSize?: IconSize;
 }
-export declare const getIconSize: (iconSize?: IconSize) => string | null;
 export declare const Icon: FC<IconProps>;

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

@@ -19,6 +19,3 @@ export declare const IconIntent: {
 export declare const OtherIcons: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const LegacyIcons: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-};

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

@@ -6,6 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const InputText: StoryObj<typeof Input>;
+export declare const InputDisabled: StoryObj<typeof Input>;
 export declare const InputWithError: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
@@ -61,7 +62,15 @@ export declare const InputCheckbox: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
+export declare const InputCheckboxDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
 export declare const InputRadio: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
+export declare const InputRadioDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/input-group/input-group.stories.d.ts

@@ -37,7 +37,7 @@ export declare const InputCheckbox: {
 export declare const InputCheckboxWithIntent: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const InputCheckboxNoIcon: {
+export declare const InputCheckboxIcon: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const InputCheckboxNoLabel: {

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

@@ -1,8 +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/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/core").LinariaClassName;

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

@@ -37,6 +37,5 @@ 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/nav/__styles__/index.d.ts

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

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

@@ -1,5 +1,4 @@
 import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction, MouseEvent } from 'react';
-import { IconNames } from '../icon';
 export type NavResponsiveItemType = 'ICON' | 'ITEM' | 'SECONDARY';
 export interface NavResponsiveOption {
     itemIndex: number;
@@ -7,12 +6,6 @@ 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 {
     text?: string;
@@ -34,7 +27,6 @@ export interface NavResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     avatarOptions?: NavResponsiveAvatarOption[];
     avatarText?: string;
     defaultNavIndex?: number;
-    /** @deprecated */
     defaultNavSubIndex?: number;
 }
 export interface NavResponsiveAvatarProps {
@@ -46,7 +38,6 @@ 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 clickNavEventHandler: (setActive: Dispatch<SetStateAction<boolean>>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
 export declare const NavResponsiveAvatar: FC<NavResponsiveAvatarProps>;

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

@@ -1,12 +1,4 @@
 /// <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;
-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/select/select.stories.d.ts

@@ -6,3 +6,6 @@ export default _default;
 export declare const BasicUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const SelectDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/hooks/use-media-query/index.d.ts

@@ -1,4 +1,5 @@
-import React, { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from '../../types/core';
 export interface MediaType {
     isMobile: boolean;
     isTablet: boolean;
@@ -12,6 +13,6 @@ export declare const TABLET_BREAKPOINT = 1024;
 export declare const DESKTOP_BREAKPOINT = 1440;
 export declare const WIDESCREEN_BREAKPOINT = 1920;
 export declare const SUPER_WIDESCREEN_BREAKPOINT = 2560;
-export declare const MediaStateContext: React.Context<MediaType>;
+export declare const MediaStateContext: import("react").Context<MediaType>;
 export declare const MediaStateProvider: FC<PropsWithChildren>;
 export declare const useMediaQuery: () => MediaType;

package/dist/cjs/hooks/use-media-query/media.stories.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
+    component: import("react").FC<import("../../types/core").PropsWithChildren>;
 };
 export default _default;
 export declare const MediaStateProviderUsage: {

package/dist/cjs/hooks/use-nav-state/index.d.ts

@@ -1,4 +1,5 @@
-import React, { Dispatch, SetStateAction, MouseEvent, PropsWithChildren, FC } from 'react';
+import React, { Dispatch, SetStateAction, MouseEvent, FC } from 'react';
+import { PropsWithChildren } from '../../types/core';
 export interface NavState {
     navItemIndex: number | null;
     navMenuOpen: boolean;

package/dist/cjs/hooks/use-snack/index.d.ts

@@ -1,9 +1,10 @@
-import React, { PropsWithChildren, FC } from 'react';
+import { FC } from 'react';
 import { SnackProps } from '../../components/snack';
+import { PropsWithChildren } from '../../types/core';
 export interface SnackContextProps {
     addSnackWithTimeout: (snack: SnackProps, timeout: number) => void;
 }
-export declare const SnackContext: React.Context<SnackContextProps>;
+export declare const SnackContext: import("react").Context<SnackContextProps>;
 export declare const SnackProvider: FC<PropsWithChildren>;
 export interface UseSnack {
     custom: (snack: SnackProps, timeout?: number) => void;

package/dist/cjs/icons/index.d.ts

@@ -1,2 +1 @@
 export * from './icons';
-export * from './icons-legacy';

package/dist/cjs/index.d.ts

@@ -22,7 +22,6 @@ export * from './components/modal';
 export * from './components/multi-select';
 export * from './components/nav';
 export * from './components/pagination';
-export * from './components/persistant-notification';
 export * from './components/persistent-notification';
 export * from './components/progress-bar';
 export * from './components/secondary-nav';