@cruk/cruk-react-components 1.2.0 → 1.2.1

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

@@ -0,0 +1,10 @@
+declare type PaginationStyledProps = {
+    active?: boolean;
+    name?: string;
+    disabled?: boolean;
+};
+export declare const PagerWrapper: import("styled-components").StyledComponent<"div", any, PaginationStyledProps, never>;
+export declare const PagerList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const PagerLink: import("styled-components").StyledComponent<"a", any, PaginationStyledProps, never>;
+export declare const PagerItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export {};

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

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

package/lib/components/PopOver/Popover.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from "@storybook/react";
+import { PopOverProps } from ".";
+declare const _default: Meta<PopOverProps>;
+export default _default;
+export declare const PopOverDefault: Story<PopOverProps>;
+export declare const SU2CCheckbox: Story<PopOverProps>;

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

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { PopOverPositionType } from "../../types";
+export declare type PopOverProps = {
+    /** used for aria-label of modal */
+    modalLabel: string;
+    /** contents in side the popover modal */
+    modalContent: ReactNode;
+    /**  position that the popover opens relative to the triggering element, the trigger element is the child of the component */
+    position?: PopOverPositionType;
+    css?: string;
+    /**  popover modal max width */
+    maxWidth?: string;
+    /**  popover modal min width */
+    minWidth?: string;
+    /**  popover isOpen changed handler */
+    onPopOverIsOpenChange?: (isOpen: boolean) => void;
+    children?: ReactNode;
+};
+/**
+ * Popover is a non-modal dialog that floats around its disclosure. It's
+commonly used for displaying additional rich content on top of something.
+*/
+declare const PopOver: ({ onPopOverIsOpenChange, children, minWidth, maxWidth, position, modalLabel, modalContent, css, }: PopOverProps) => JSX.Element;
+export default PopOver;

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

@@ -0,0 +1,10 @@
+import { ThemeType, PopOverPositionType } from "../../types";
+export declare const PopOverWrapper: import("styled-components").StyledComponent<"div", any, {
+    css?: string | undefined;
+}, never>;
+export declare const PopOverModal: import("styled-components").StyledComponent<"div", any, {
+    position: PopOverPositionType;
+    theme?: ThemeType | undefined;
+    maxWidth: string;
+    minWidth: string;
+}, never>;

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

@@ -0,0 +1,8 @@
+import { Story, Meta } from "@storybook/react";
+import { ProgressBarProps } from ".";
+declare const _default: Meta<ProgressBarProps>;
+export default _default;
+export declare const ProgressBarDefault: Story<ProgressBarProps>;
+export declare const ProgressBarCircular: Story<ProgressBarProps>;
+export declare const SU2CProgressBar: Story<ProgressBarProps>;
+export declare const SU2CProgressBarCircular: Story<ProgressBarProps>;

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

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

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

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+export declare type ProgressBarProps = {
+    /** percentage value of the progressbar */
+    percentage: number;
+    /** percentage value of a secondary (highter) amount of the progressbar */
+    secondaryPercentage?: number;
+    /** flag which converts line bar to donut chart */
+    isCircular?: boolean;
+    /** contents inside the donut chart */
+    circleContents?: ReactNode;
+    /** diameter of the donut chart */
+    circleSize?: string;
+    /** foreground colour of chart bar */
+    barColor?: string;
+    /** foreground colour of chart secondary bar */
+    secondaryBarColor?: string;
+    children?: ReactNode;
+};
+/**
+ * Provide up-to-date feedback on the progress of a workflow or action with
+simple yet flexible progress bars.
+*/
+declare const ProgressBar: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

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

@@ -0,0 +1,30 @@
+import { ThemeType } from "../../types";
+declare type ThemeProp = {
+    theme: ThemeType;
+};
+declare type LineProgressBarProps = {
+    percentage: number;
+    barColor?: string;
+    isSecondary?: boolean;
+};
+declare type LineProgressWrapperProps = {
+    percentage: number;
+    secondaryPercentage: number;
+};
+declare type CircleWrapperProps = {
+    circleSize: string;
+};
+export declare const ProgressBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LineProgressBarWrapper: import("styled-components").StyledComponent<"div", any, LineProgressWrapperProps, never>;
+export declare const LineProgressBar: import("styled-components").StyledComponent<"div", any, LineProgressBarProps, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CircularWrapper: import("styled-components").StyledComponent<"div", any, CircleWrapperProps, never>;
+export declare const CircleSvg: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const EmptyCircle: import("styled-components").StyledComponent<"circle", any, {}, never>;
+export declare const FullCircle: import("styled-components").StyledComponent<"circle", any, ThemeProp & {
+    strokeDashoffsetInit: number;
+    barColor?: string | undefined;
+    isSecondary?: boolean | undefined;
+}, never>;
+export declare const CircularValue: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,7 @@
+import { Story, Meta } from "@storybook/react";
+import { RadioProps } from ".";
+declare const _default: Meta<RadioProps>;
+export default _default;
+export declare const RadioDefault: Story<RadioProps>;
+export declare const RadioDefaultError: Story<RadioProps>;
+export declare const SU2CRadio: Story<RadioProps>;

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

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

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

@@ -0,0 +1,16 @@
+import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
+export declare type RadioProps = InputHTMLAttributes<HTMLInputElement> & {
+    ref?: Ref<HTMLInputElement>;
+    /** flag for error styling */
+    hasError?: boolean;
+    /** error message text  */
+    errorMessage?: string;
+    children?: ReactNode;
+};
+/**
+ * A single radio button which should be part of a field set of radio buttons
+ *
+ * The value or children becomes the label, if you want an outer label for a radio or group of radios please use a LegendWrapper component
+ */
+declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

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

@@ -0,0 +1,19 @@
+import { ThemeType } from "../../types";
+declare type ThemeProp = {
+    theme: ThemeType;
+};
+export declare const CheckWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Check: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare type CheckedProp = {
+    checked: boolean;
+};
+declare type DisabledProp = {
+    disabled: boolean;
+};
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {
+    hasError: boolean;
+} & ThemeProp & CheckedProp & DisabledProp, never>;
+export declare const VerticalAlign: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectedBorder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export {};

package/lib/components/RadioConsent/Radio.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from "@storybook/react";
+import { RadioConsentProps } from ".";
+declare const _default: Meta<RadioConsentProps>;
+export default _default;
+export declare const RadioDefault: Story<RadioConsentProps>;
+export declare const SU2CRadio: Story<RadioConsentProps>;

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

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

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

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from "react";
+export declare type RadioConsentProps = {
+    /** because each radio has its own label this is the consent group label text */
+    legend: string;
+    /** array of option for radio constent group where option is the option name and value is the option value  */
+    attributes: Array<{
+        value: string;
+        option: string;
+    }>;
+    /** on change handler callback passed change event */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** set the value of selected option */
+    selectedValue?: string;
+    /** name of field this is what groups all the options together */
+    name: string;
+};
+/**
+ *
+ * RadioConsent is a component for showing a bunch of yes/no radios predominantly used for notification selections where a unselected state is usefull for analytics.
+ *
+ * This is always a controlled component that will only change state with the selectedValue prop
+ */
+declare const RadioConsent: FunctionComponent<RadioConsentProps>;
+export default RadioConsent;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ThemeType } from "../../types";
+declare type ThemeProp = {
+    theme: ThemeType;
+};
+export declare const StyledRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Radio").RadioProps, keyof import("react").InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>, any, {
+    numberOfAttributes: number;
+} & ThemeProp, never>;
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, {}, never>;
+export declare const StyledFieldSet: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+export {};

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

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

package/lib/components/Select/Selelct.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story, Meta } from "@storybook/react";
+import { SelectProps } from ".";
+declare const _default: Meta<SelectProps>;
+export default _default;
+export declare const SelectWithLabel: Story<SelectProps>;
+export declare const SelectWithError: Story<SelectProps>;
+export declare const SU2CSelectWithLabel: Story<SelectProps>;
+export declare const SU2CSelectWithError: Story<SelectProps>;

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

@@ -0,0 +1,21 @@
+import { FunctionComponent, ReactNode, SelectHTMLAttributes, Ref } from "react";
+export declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+    /** error message text */
+    errorMessage?: string;
+    /** flag for error styling of component */
+    hasError?: boolean;
+    /** label text */
+    label: string;
+    /** hind text or custom component */
+    hintText?: ReactNode;
+    /** flag to stop (required) appearing in label, useful for compound form components like DateInput */
+    hideRequiredInLabel?: boolean;
+    /** react DOM reference of object used scrolling to it with errors etc */
+    ref?: Ref<HTMLSelectElement>;
+};
+/**
+ * Select components are used for collecting user provided information from a list of options.
+ *
+ */
+declare const Select: FunctionComponent<SelectProps>;
+export default Select;

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

@@ -0,0 +1,9 @@
+import { ThemeType } from "../../types";
+declare type StyledSelectProps = {
+    hasError: boolean;
+    errorMessage?: string;
+    theme: ThemeType;
+};
+declare const StyledSelect: import("styled-components").StyledComponent<"select", any, StyledSelectProps, never>;
+export default StyledSelect;
+export { StyledSelect };

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

@@ -0,0 +1,19 @@
+import { SpaceType, ThemeType } from "../../types";
+export declare type SpacingProps = {
+    margin?: SpaceType;
+    marginTop?: SpaceType;
+    marginRight?: SpaceType;
+    marginBottom?: SpaceType;
+    marginLeft?: SpaceType;
+    marginVertical?: SpaceType;
+    marginHorizontal?: SpaceType;
+    padding?: SpaceType;
+    paddingTop?: SpaceType;
+    paddingRight?: SpaceType;
+    paddingBottom?: SpaceType;
+    paddingLeft?: SpaceType;
+    paddingVertical?: SpaceType;
+    paddingHorizontal?: SpaceType;
+};
+export declare const Spacing: (props: SpacingProps, theme: ThemeType) => string;
+export default Spacing;

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

@@ -0,0 +1,6 @@
+import { Story, Meta } from "@storybook/react";
+import { StepProps } from ".";
+declare const _default: Meta<StepProps>;
+export default _default;
+export declare const StepsDefault: Story<StepProps>;
+export declare const SU2CStep: Story<StepProps>;

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

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

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

@@ -0,0 +1,15 @@
+import { FunctionComponent, ReactNode } from "react";
+export declare type StepProps = {
+    /** current step number */
+    current: number;
+    /** list of step  */
+    steps: string[];
+    children?: ReactNode;
+};
+/**
+ *
+ * Visually show where a user is in a multi-step process. Calculate the number of steps and the width of each step required to fit the progress bar in the parent container.
+ * Step display progress through a sequence by breaking it up into multiple logical steps. They may also be used for navigation.
+ */
+declare const Step: FunctionComponent<StepProps>;
+export default Step;

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

@@ -0,0 +1,13 @@
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type StepListProps = {
+    total: number;
+};
+export declare const StepList: import("styled-components").StyledComponent<"ul", any, StepListProps, never>;
+export declare const StepBar: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StepTick: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare type StepItemProps = {
+    active: boolean;
+    done: boolean;
+};
+export declare const StepItem: import("styled-components").StyledComponent<"li", any, StepItemProps, never>;
+export {};

package/lib/components/TestWrapper.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { ThemeType } from "src/types";
+declare type TestThemeWrapperProps = {
+    theme?: ThemeType;
+    children?: ReactNode;
+};
+export declare const TestThemeWrapper: ({ children, theme, }: TestThemeWrapperProps) => JSX.Element;
+declare type TestWrapperProps = {
+    children?: ReactNode;
+};
+export declare const TestWrapper: ({ children }: TestWrapperProps) => JSX.Element;
+export default TestWrapper;

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

@@ -0,0 +1,6 @@
+import { Story, Meta } from "@storybook/react";
+import { TextProps } from ".";
+declare const _default: Meta<TextProps>;
+export default _default;
+export declare const TextDefault: Story;
+export declare const SU2CText: Story;

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

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

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

@@ -0,0 +1,26 @@
+import { FunctionComponent, HTMLAttributes, Ref } from "react";
+import { SpacingProps } from "../Spacing";
+import { WordBreakType, FontSizeType, ColorKeyType, OverflowWrapType } from "../../types";
+/**
+ * Text is to be used as the main paragraph component (or span using as="span"). Using the Text component is preferred to simply adding text to a div and styling that div, this will guarantee we are always using the correct font and default text colour.
+ */
+export declare type TextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+    /** text colour  */
+    textColor?: ColorKeyType | string;
+    /** text horizontal alignment  */
+    textAlign?: "left" | "right" | "center" | "justify";
+    /** font size FontSizeType t-shirt sizes  */
+    textSize?: FontSizeType;
+    /** font weight theme.typography{fontWeightHeavy/fontWeightNormal/fontWeightMedium/fontWeightLight/fontWeightVLight} is better than a random number */
+    textWeight?: number;
+    /** styled-components polymorphism where you can set this to "span", "p" or "h2" it default to "p" */
+    as?: any;
+    /** word-break behaviour */
+    wordBreak?: WordBreakType;
+    /** overflow-wrap behaviour */
+    overflowWrap?: OverflowWrapType;
+    /** react reference to the DOM element sometime used to scroll to or set focus after an error */
+    ref?: Ref<HTMLElement>;
+};
+export declare const Text: FunctionComponent<TextProps>;
+export default Text;

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

@@ -0,0 +1,22 @@
+import { SpacingProps } from "../Spacing";
+import { WordBreakType, FontSizeType, ThemeType, ColorKeyType, OverflowWrapType } from "../../types";
+export declare 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

@@ -0,0 +1,8 @@
+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>;

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

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

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

@@ -0,0 +1,22 @@
+import { FunctionComponent, ReactNode, TextareaHTMLAttributes, Ref } from "react";
+export declare 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

@@ -0,0 +1,10 @@
+import { ThemeType } from "../../types";
+declare 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

@@ -0,0 +1,10 @@
+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>;

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

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

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

@@ -0,0 +1,34 @@
+import { FunctionComponent, InputHTMLAttributes, ReactNode, Ref } from "react";
+export declare 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

@@ -0,0 +1,18 @@
+import { ThemeType } from "../../types";
+declare type ExtraProps = {
+    theme: ThemeType;
+};
+declare 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

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

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

@@ -0,0 +1,14 @@
+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>;

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

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

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

@@ -0,0 +1,22 @@
+import { ReactChild, ReactNode } from "react";
+export declare 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

@@ -0,0 +1,15 @@
+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>;
+declare 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

@@ -0,0 +1,12 @@
+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;

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

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