@reapit/elements 4.0.5 → 4.1.1

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tabs").TabsProps>;
+};
+export default _default;
+export declare const TabsDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsFullWidth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsReactExampleUncontrolled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsReactExampleControlled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tag").TagProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IntentPrimary: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentNeutral: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentSuccess: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentPending: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentWarning: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentDanger: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TagGroupUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,15 @@
+declare const _default: {
+    title: string;
+    component: import("./textarea").TextAreaWrapped;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TextAreaPlaceholder: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TextAreaError: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tile").TileProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PaddingVariants: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TileLayouts: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    component: import("./toggle").ToggleWrapped;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ToggleSwitch: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioSelectPropsGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/tool-tip/tooltip.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tool-tip").ToolTipProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const DefaultActive: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./typography").TypographyProps>;
+};
+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;
+};
+export declare const Intent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SmallTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleAndSubtitle: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleAndBodyText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextAndSmallText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -1,3 +1,16 @@
-import React from 'react';
-export declare const MediaMobileExample: () => React.JSX.Element;
-export declare const AllBreakPointExample: () => React.JSX.Element | undefined;
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+};
+export default _default;
+export declare const MediaStateProviderUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const MediaStateProviderBreakpoints: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

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

@@ -0,0 +1,2 @@
+export declare const MediaMobileExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllBreakPointExample: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/hooks/use-portal/use-portal.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: ({ id, children }: {
+        id: any;
+        children: any;
+    }) => import("react").ReactPortal;
+};
+export default _default;
+export declare const PortalUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

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