@cruk/cruk-react-components 2.0.1 → 3.0.0

package/lib/components/Text/styles.d.ts

@@ -1,22 +1,22 @@
-import { SpacingProps } from "../Spacing";
-import { WordBreakType, FontSizeType, ThemeType, ColorKeyType, OverflowWrapType } from "../../types";
-export type TextStyledProps = SpacingProps & {
-    textColor?: ColorKeyType;
-    textAlign?: "left" | "right" | "center" | "justify";
-    textSize?: FontSizeType;
-    textWeight?: number;
-    as?: any;
-    wordBreak?: WordBreakType;
-    overflowWrap?: OverflowWrapType;
-    theme: ThemeType;
-};
-export declare const TextStyled: import("styled-components").StyledComponent<"p", any, SpacingProps & {
-    textColor?: keyof import("../../types").ColorsType | undefined;
-    textAlign?: "left" | "right" | "center" | "justify" | undefined;
-    textSize?: FontSizeType | undefined;
-    textWeight?: number | undefined;
-    as?: any;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: OverflowWrapType | undefined;
-    theme: ThemeType;
-}, never>;
+import { SpacingProps } from "../Spacing";
+import { WordBreakType, FontSizeType, ThemeType, ColorKeyType, OverflowWrapType } from "../../types";
+export type TextStyledProps = SpacingProps & {
+    textColor?: ColorKeyType;
+    textAlign?: "left" | "right" | "center" | "justify";
+    textSize?: FontSizeType;
+    textWeight?: number;
+    as?: any;
+    wordBreak?: WordBreakType;
+    overflowWrap?: OverflowWrapType;
+    theme: ThemeType;
+};
+export declare const TextStyled: import("styled-components").StyledComponent<"p", any, SpacingProps & {
+    textColor?: keyof import("../../types").ColorsType | undefined;
+    textAlign?: "left" | "right" | "center" | "justify" | undefined;
+    textSize?: FontSizeType | undefined;
+    textWeight?: number | undefined;
+    as?: any;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: OverflowWrapType | undefined;
+    theme: ThemeType;
+}, never>;

package/lib/components/TextAreaField/TextAreaField.stories.d.ts

@@ -1,10 +1,29 @@
-import { Story, Meta } from "@storybook/react";
-import { TextAreaFieldProps } from ".";
-declare const _default: Meta<TextAreaFieldProps>;
-export default _default;
-export declare const TextAreaFieldDefault: Story<TextAreaFieldProps>;
-export declare const TextAreaFieldWithError: Story<TextAreaFieldProps>;
-export declare const SU2CTextAreaField: Story<TextAreaFieldProps>;
-export declare const SU2CTextAreaFieldWithError: Story<TextAreaFieldProps>;
-export declare const BowelbabeTextAreaField: Story<TextAreaFieldProps>;
-export declare const BowelbabeTextAreaFieldWithError: Story<TextAreaFieldProps>;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import TextAreaField, { TextAreaFieldProps } from ".";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<TextAreaFieldProps>;
+    args: {
+        children: string;
+        textColor: string;
+        value: undefined;
+        disabled: boolean;
+        required: boolean;
+        label: string;
+        hintText: undefined;
+        resize: string;
+        lineCount: number;
+        hasError: boolean;
+        errorMessage: undefined;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof TextAreaField>;
+export declare const TextAreaFieldDefault: Story;
+export declare const TextAreaFieldWithError: Story;
+export declare const TextAreaFieldSU2C: Story;
+export declare const TextAreaFieldWithErrorSU2C: Story;
+export declare const TextAreaFielBowelbabe: Story;
+export declare const TextAreaFieldWithErrorBowelbabe: Story;

package/lib/components/TextAreaField/TextAreaField.test.cypress.d.ts

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

package/lib/components/TextAreaField/index.d.ts

@@ -1,22 +1,22 @@
-import { FunctionComponent, ReactNode, TextareaHTMLAttributes, Ref } from "react";
-export type TextAreaFieldProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    /** error message text */
-    errorMessage?: string;
-    /** flag for error styling */
-    hasError?: boolean;
-    /** hint text */
-    hintText?: ReactNode;
-    /** label text */
-    label: string;
-    /** resize behaviour using the resize button on the bottom right of the component */
-    resize?: "both" | "vertical" | "horizontal" | "none";
-    /** number of visible lines of text before scroll is required this affect the height of the input field */
-    lineCount?: number;
-    /** react reference to the DOM element sometime used to scroll to or set focus after an error */
-    ref?: Ref<HTMLTextAreaElement>;
-};
-/**
- * TextAreaField lets users enter and edit multiline text.
- */
-declare const TextField: FunctionComponent<TextAreaFieldProps>;
-export default TextField;
+import { FunctionComponent, ReactNode, TextareaHTMLAttributes, Ref } from "react";
+export type TextAreaFieldProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    /** error message text */
+    errorMessage?: string;
+    /** flag for error styling */
+    hasError?: boolean;
+    /** hint text */
+    hintText?: ReactNode;
+    /** label text */
+    label: string;
+    /** resize behaviour using the resize button on the bottom right of the component */
+    resize?: "both" | "vertical" | "horizontal" | "none";
+    /** number of visible lines of text before scroll is required this affect the height of the input field */
+    lineCount?: number;
+    /** react reference to the DOM element sometime used to scroll to or set focus after an error */
+    ref?: Ref<HTMLTextAreaElement>;
+};
+/**
+ * TextAreaField lets users enter and edit multiline text.
+ */
+declare const TextField: FunctionComponent<TextAreaFieldProps>;
+export default TextField;

package/lib/components/TextAreaField/styles.d.ts

@@ -1,10 +1,10 @@
-import { ThemeType } from "../../types";
-type StyledTextareaProps = {
-    hasError: boolean;
-    resize: "both" | "vertical" | "horizontal" | "none";
-    lineCount: number;
-    theme: ThemeType;
-};
-declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, StyledTextareaProps, never>;
-export default StyledTextArea;
-export { StyledTextArea };
+import { ThemeType } from "../../types";
+type StyledTextareaProps = {
+    hasError: boolean;
+    resize: "both" | "vertical" | "horizontal" | "none";
+    lineCount: number;
+    theme: ThemeType;
+};
+declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, StyledTextareaProps, never>;
+export default StyledTextArea;
+export { StyledTextArea };

package/lib/components/TextField/TextField.stories.d.ts

@@ -1,12 +1,27 @@
-import { Story, Meta } from "@storybook/react";
-import { TextFieldProps } from ".";
-declare const _default: Meta<TextFieldProps>;
-export default _default;
-export declare const TextFieldDefault: Story<TextFieldProps>;
-export declare const TextFieldWithError: Story<TextFieldProps>;
-export declare const TextFieldWithExtraLeft: Story<TextFieldProps>;
-export declare const TextFieldWithExtraRight: Story<TextFieldProps>;
-export declare const SU2CTextField: Story<TextFieldProps>;
-export declare const SU2CTextFieldWithError: Story<TextFieldProps>;
-export declare const BowelbabeTextField: Story<TextFieldProps>;
-export declare const BowelbabeTextFieldWithError: Story<TextFieldProps>;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import TextField, { TextFieldProps } from ".";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<TextFieldProps>;
+    args: {
+        value: undefined;
+        disabled: boolean;
+        required: boolean;
+        label: string;
+        hintText: string;
+        hasError: boolean;
+        errorMessage: undefined;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof TextField>;
+export declare const TextFieldDefault: Story;
+export declare const TextFieldExtraLeft: Story;
+export declare const TextFieldExtraRight: Story;
+export declare const TextFieldWithError: Story;
+export declare const TextFieldSU2C: Story;
+export declare const TextFieldWithErrorSU2C: Story;
+export declare const TextFieldBowelbabe: Story;
+export declare const TextFieldWithErrorBowelbabe: Story;

package/lib/components/TextField/TextField.test.cypress.d.ts

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

package/lib/components/TextField/index.d.ts

@@ -1,34 +1,34 @@
-import { FunctionComponent, InputHTMLAttributes, ReactNode, Ref } from "react";
-export type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
-    /** error message text  */
-    errorMessage?: string;
-    /** custom component/text that appears underneath the input field */
-    extraBottom?: ReactNode;
-    /** custom component/text that appears to the left of the input field for example prefixes like "£" */
-    extraLeft?: ReactNode;
-    /** custom component/text that appears to the right of the input field for example a search button */
-    extraRight?: ReactNode;
-    /** custom component/text that appears above the input field for example a url domain */
-    extraTop?: ReactNode;
-    /** flag for error styling */
-    hasError?: boolean;
-    /** flag which controls the whether a cross icon or check icon is displayed to the right of the input field */
-    isValid?: boolean;
-    /** flag to hide or show the check icon when valid */
-    isValidVisible?: boolean;
-    /** flag to hide or show the cross icon when invalid */
-    isInvalidVisible?: boolean;
-    /** hint text */
-    hintText?: ReactNode;
-    /** label text */
-    label: string;
-    /** flag to stop (required) appearing in label, useful for compound form components like DateInput */
-    hideRequiredInLabel?: boolean;
-    /** react reference to the DOM element sometime used to scroll to or set focus after an error */
-    ref?: Ref<HTMLInputElement>;
-};
-/**
- * TextFields let users enter and edit text. For multiline text entry please consider using the TextAreaFieldComponent.
- * */
-declare const TextField: FunctionComponent<TextFieldProps>;
-export default TextField;
+import { FunctionComponent, InputHTMLAttributes, ReactNode, Ref } from "react";
+export type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
+    /** error message text  */
+    errorMessage?: string;
+    /** custom component/text that appears underneath the input field */
+    extraBottom?: ReactNode;
+    /** custom component/text that appears to the left of the input field for example prefixes like "£" */
+    extraLeft?: ReactNode;
+    /** custom component/text that appears to the right of the input field for example a search button */
+    extraRight?: ReactNode;
+    /** custom component/text that appears above the input field for example a url domain */
+    extraTop?: ReactNode;
+    /** flag for error styling */
+    hasError?: boolean;
+    /** flag which controls the whether a cross icon or check icon is displayed to the right of the input field */
+    isValid?: boolean;
+    /** flag to hide or show the check icon when valid */
+    isValidVisible?: boolean;
+    /** flag to hide or show the cross icon when invalid */
+    isInvalidVisible?: boolean;
+    /** hint text */
+    hintText?: ReactNode;
+    /** label text */
+    label: string;
+    /** flag to stop (required) appearing in label, useful for compound form components like DateInput */
+    hideRequiredInLabel?: boolean;
+    /** react reference to the DOM element sometime used to scroll to or set focus after an error */
+    ref?: Ref<HTMLInputElement>;
+};
+/**
+ * TextFields let users enter and edit text. For multiline text entry please consider using the TextAreaFieldComponent.
+ * */
+declare const TextField: FunctionComponent<TextFieldProps>;
+export default TextField;

package/lib/components/TextField/styles.d.ts

@@ -1,18 +1,18 @@
-import { ThemeType } from "../../types";
-type ExtraProps = {
-    theme: ThemeType;
-};
-type StyledInputProps = {
-    hasError: boolean;
-    isValid: boolean;
-    theme: ThemeType;
-    isValidVisible?: boolean;
-    isInvalidVisible?: boolean;
-};
-export declare const Extra: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
-export declare const ExtraLeft: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
-export declare const ExtraRight: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
-export declare const ExtraWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"span", any, StyledInputProps, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
-export {};
+import { ThemeType } from "../../types";
+type ExtraProps = {
+    theme: ThemeType;
+};
+type StyledInputProps = {
+    hasError: boolean;
+    isValid: boolean;
+    theme: ThemeType;
+    isValidVisible?: boolean;
+    isInvalidVisible?: boolean;
+};
+export declare const Extra: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
+export declare const ExtraLeft: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
+export declare const ExtraRight: import("styled-components").StyledComponent<"span", any, ExtraProps, never>;
+export declare const ExtraWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<"span", any, StyledInputProps, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
+export {};

package/lib/components/ThemeCheatSheet.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-} & {
-    theme?: any;
-}>;
-export default _default;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & {
+    theme?: any;
+}>;
+export default _default;

package/lib/components/Totaliser/Totaliser.stories.d.ts

@@ -1,19 +1,27 @@
-import { Story, Meta } from "@storybook/react";
-import { TotaliserProps } from ".";
-declare const _default: Meta<TotaliserProps>;
-export default _default;
-export declare const TotaliserWithTarget: Story<TotaliserProps>;
-export declare const TotaliserWithoutTarget: Story<TotaliserProps>;
-export declare const TotaliserTextSummaryMessage: Story<TotaliserProps>;
-export declare const TotaliserComponentSummaryMessage: Story<TotaliserProps>;
-export declare const TotaliserCompact: Story<TotaliserProps>;
-export declare const SU2CTotaliserWithTarget: Story<TotaliserProps>;
-export declare const SU2CTotaliserWithoutTarget: Story<TotaliserProps>;
-export declare const SU2CTotaliserTextSummaryMessage: Story<TotaliserProps>;
-export declare const SU2CTotaliserComponentSummaryMessage: Story<TotaliserProps>;
-export declare const SU2CTotaliserCompact: Story<TotaliserProps>;
-export declare const BowelbabeTotaliserWithTarget: Story<TotaliserProps>;
-export declare const BowelbabeTotaliserWithoutTarget: Story<TotaliserProps>;
-export declare const BowelbabeTotaliserTextSummaryMessage: Story<TotaliserProps>;
-export declare const BowelbabeTotaliserComponentSummaryMessage: Story<TotaliserProps>;
-export declare const BowelbabeTotaliserCompact: Story<TotaliserProps>;
+import { StoryObj } from "@storybook/react";
+import Totaliser, { TotaliserProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => JSX.Element;
+    args: {
+        total: number;
+        additionalAmount: number;
+        target: number;
+        giftAid: number;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Totaliser>;
+export declare const TotaliserWithoutTarget: Story;
+export declare const TotaliserTextSummaryMessage: Story;
+export declare const TotaliserTextSummaryMessageAsComponent: Story;
+export declare const TotaliserCompact: Story;
+export declare const TotaliserWithoutTargetSU2C: Story;
+export declare const TotaliserTextSummaryMessageSU2C: Story;
+export declare const TotaliserTextSummaryMessageAsComponentSU2C: Story;
+export declare const TotaliserCompactSU2C: Story;
+export declare const TotaliserWithoutTargetBowelbabe: Story;
+export declare const TotaliserTextSummaryMessageBowelbabe: Story;
+export declare const TotaliserTextSummaryMessageAsComponentBowelbabe: Story;
+export declare const TotaliserCompactBowelbabe: Story;

package/lib/components/Totaliser/Totaliser.test.cypress.d.ts

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

package/lib/components/Totaliser/index.d.ts

@@ -1,22 +1,22 @@
-import { ReactChild, ReactNode } from "react";
-export type TotaliserProps = {
-    /** financial total as a number */
-    total: number;
-    /** additional donation amount as a number */
-    additionalAmount?: number;
-    /** git aid total as a number */
-    giftAid?: number;
-    /** money target as a number */
-    target?: number | null;
-    /** flag for low height compact appearance */
-    isCompact?: boolean;
-    /** component for custom summary message underneath total graph only visible if there is a target */
-    summaryMessage?: ReactChild;
-    /** component children */
-    children?: ReactNode;
-};
-/**
- * Think Blue Peter, used to display total raised and if target prop is passed will display tercentage of target reached.
- * */
-declare const Totaliser: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => JSX.Element;
-export default Totaliser;
+import { ReactChild, ReactNode } from "react";
+export type TotaliserProps = {
+    /** financial total as a number */
+    total: number;
+    /** additional donation amount as a number */
+    additionalAmount?: number;
+    /** git aid total as a number */
+    giftAid?: number;
+    /** money target as a number */
+    target?: number | null;
+    /** flag for low height compact appearance */
+    isCompact?: boolean;
+    /** component for custom summary message underneath total graph only visible if there is a target */
+    summaryMessage?: ReactChild;
+    /** component children */
+    children?: ReactNode;
+};
+/**
+ * Think Blue Peter, used to display total raised and if target prop is passed will display tercentage of target reached.
+ * */
+declare const Totaliser: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => JSX.Element;
+export default Totaliser;

package/lib/components/Totaliser/styles.d.ts

@@ -1,16 +1,20 @@
-/// <reference types="react" />
-export declare const BubbleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressBarWrapper: import("styled-components").StyledComponent<"div", any, {
-    isCompact?: boolean | undefined;
-}, never>;
-export declare const Total: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const BubbleText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const GiftAid: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Summary: import("styled-components").StyledComponent<"span", any, {}, never>;
-type TotaliserWrapperProps = {
-    isCompact: boolean;
-};
-export declare const TotaliserWrapper: import("styled-components").StyledComponent<"div", any, TotaliserWrapperProps, never>;
-export declare const CompactWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProgressBar: import("styled-components").StyledComponent<({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import("../ProgressBar").ProgressBarProps) => JSX.Element, any, {}, never>;
-export {};
+/// <reference types="react" />
+import { ThemeType } from "../../types";
+type ThemeProps = {
+    theme: ThemeType;
+};
+export declare const BubbleWrapper: import("styled-components").StyledComponent<"div", any, ThemeProps, never>;
+export declare const ProgressBarWrapper: import("styled-components").StyledComponent<"div", any, {
+    isCompact?: boolean | undefined;
+}, never>;
+export declare const Total: import("styled-components").StyledComponent<"p", any, ThemeProps, never>;
+export declare const BubbleText: import("styled-components").StyledComponent<"p", any, ThemeProps, never>;
+export declare const GiftAid: import("styled-components").StyledComponent<"p", any, ThemeProps, never>;
+export declare const Summary: import("styled-components").StyledComponent<"span", any, ThemeProps, never>;
+type TotaliserWrapperProps = {
+    isCompact: boolean;
+};
+export declare const TotaliserWrapper: import("styled-components").StyledComponent<"div", any, TotaliserWrapperProps, never>;
+export declare const CompactWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProgressBar: import("styled-components").StyledComponent<({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import("../ProgressBar").ProgressBarProps) => JSX.Element, any, {}, never>;
+export {};

package/lib/components/UserBlock/UserBlock.stories.d.ts

@@ -1,16 +1,23 @@
-import { Story, Meta } from "@storybook/react";
-import { UserBlockProps } from ".";
-declare const _default: Meta<UserBlockProps>;
-export default _default;
-export declare const UserBlockDefault: Story;
-export declare const UserBlockWithName: Story;
-export declare const UserBlockWithCustomAvatar: Story;
-export declare const UserBlockWithExtra: Story;
-export declare const SU2CUserBlock: Story;
-export declare const SU2CUserBlockWithName: Story;
-export declare const SU2CUserBlockWithCustomAvatar: Story;
-export declare const SU2CUserBlockWithExtra: Story;
-export declare const BowelbabeUserBlock: Story;
-export declare const BowelbabeUserBlockWithName: Story;
-export declare const BowelbabeUserBlockWithCustomAvatar: Story;
-export declare const BowelbabeUserBlockWithExtra: Story;
+import { StoryObj } from "@storybook/react";
+import UserBlock, { UserBlockProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => JSX.Element;
+    args: {
+        name: string;
+        size: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof UserBlock>;
+export declare const UserBlockDefault: Story;
+export declare const UserBlockCustomAvatar: Story;
+export declare const UserBlockWithExtra: Story;
+export declare const UserBlockDefaultSU2C: Story;
+export declare const UserBlockCustomAvatarSU2C: Story;
+export declare const UserBlockWithExtraSU2C: Story;
+export declare const ErrorTextBowelbabe: Story;
+export declare const UserBlockDefaultBowelbabe: Story;
+export declare const UserBlockCustomAvatarBowelbabe: Story;
+export declare const UserBlockWithExtraBowelbabe: Story;

package/lib/components/UserBlock/UserBlock.test.cypress.d.ts

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

package/lib/components/UserBlock/index.d.ts

@@ -1,18 +1,18 @@
-import { ReactNode, HTMLAttributes } from "react";
-export type UserBlockProps = HTMLAttributes<HTMLElement> & {
-    /** name component or text */
-    name?: ReactNode;
-    /** string name used in avatar component */
-    avatarName?: string | null;
-    /** avatar image url */
-    avatarUrl?: string | null;
-    /** extra content component appears underneath name */
-    extra?: ReactNode;
-    /** size of avatar component */
-    size?: "s" | "m" | "l" | "xl";
-};
-/**
- * Display an avatar with title and subtitle
- */
-declare const UserBlock: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => JSX.Element;
-export default UserBlock;
+import { ReactNode, HTMLAttributes } from "react";
+export type UserBlockProps = HTMLAttributes<HTMLElement> & {
+    /** name component or text */
+    name?: ReactNode;
+    /** string name used in avatar component */
+    avatarName?: string | null;
+    /** avatar image url */
+    avatarUrl?: string | null;
+    /** extra content component appears underneath name */
+    extra?: ReactNode;
+    /** size of avatar component */
+    size?: "s" | "m" | "l" | "xl";
+};
+/**
+ * Display an avatar with title and subtitle
+ */
+declare const UserBlock: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => JSX.Element;
+export default UserBlock;

package/lib/components/UserBlock/styles.d.ts

@@ -1,4 +1,9 @@
-export declare const StyledUserBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Details: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Name: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Extra: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { ThemeType } from "../../types";
+type Props = {
+    theme: ThemeType;
+};
+export declare const StyledUserBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Details: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const Name: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const Extra: import("styled-components").StyledComponent<"div", any, Props, never>;
+export {};