@cruk/cruk-react-components 1.2.2 → 1.2.4

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { ICONS } from "./iconList";
 export declare const ICON_NAMES: {
     [key: string]: string;
 };
-export declare type IconProps = {
+export type IconProps = {
     /** name defines the visible icon */
     name: keyof typeof ICONS;
     /** color of icon, inherits current text colour by default */

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { IconDefinition } from "@fortawesome/fontawesome-common-types";
-export declare type IconFaProps = {
+export type IconFaProps = {
     /** imported icon definition from "@fortawesome/free-solid-svg-icons" or "@fortawesome/free-brands-svg-icons" */
     faIcon: IconDefinition;
     /** color of icon, inherits current text colour by default */

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, HTMLAttributes, Ref, ReactNode, ElementType } from "react";
 import { SpacingProps } from "../Spacing";
-export declare type InfoBoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+export type InfoBoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
     /** background color of wrapping element, this will add default padding */
     backgroundColor?: string;
     /** Title text */

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

@@ -1,5 +1,5 @@
 import { LabelHTMLAttributes, ReactNode } from "react";
-declare type LabelWrapperProps = LabelHTMLAttributes<HTMLLabelElement> & {
+type LabelWrapperProps = LabelHTMLAttributes<HTMLLabelElement> & {
     /** label text */
     label: string;
     /** hint text or react element in it's place */

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-export declare type LegendWrapperProps = HTMLAttributes<HTMLLegendElement> & {
+export type LegendWrapperProps = HTMLAttributes<HTMLLegendElement> & {
     children?: ReactNode;
     /** legend text */
     legendText: string;

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

@@ -1,5 +1,5 @@
 import { ThemeType } from "../../types";
-declare type StyledFieldsetProps = {
+type StyledFieldsetProps = {
     hasError?: boolean;
     theme: ThemeType;
     hasHintText?: boolean;

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

@@ -1,6 +1,6 @@
 import React, { AnchorHTMLAttributes, Ref, ElementType, ReactNode } from "react";
 import { TextProps } from "../Text";
-export declare type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
+export type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
     /** link text hover colour */
     textHoverColor?: string;
     /** link appearance variant, undefined is a standarding link withing a text block */
@@ -22,5 +22,25 @@ export declare type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps &
  * If you want something that looks like a link but behaves like a button ie. nothing to do with navigation, please consider using Link with as='button'
  *
  * If you want something that looks like a button but behaves like a link ie. it takes the user to a new location, please consider using Button and simply passing it an href, it will automatically turn into a link. */
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginVertical" | "marginHorizontal" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingVertical" | "paddingHorizontal" | "textColor" | "textAlign" | "textSize" | "textWeight" | "as" | "wordBreak" | "overflowWrap" | "textHoverColor" | "appearance"> & React.RefAttributes<HTMLElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<React.AnchorHTMLAttributes<HTMLElement> & import("../Spacing").SpacingProps & React.HTMLAttributes<HTMLElement> & {
+    textColor?: string | undefined;
+    textAlign?: "left" | "right" | "center" | "justify" | undefined;
+    textSize?: import("..").FontSizeType | undefined;
+    textWeight?: number | undefined;
+    as?: any;
+    wordBreak?: import("..").WordBreakType | undefined;
+    overflowWrap?: import("..").OverflowWrapType | undefined;
+    ref?: React.Ref<HTMLElement> | undefined;
+} & {
+    /** link text hover colour */
+    textHoverColor?: string | undefined;
+    /** link appearance variant, undefined is a standarding link withing a text block */
+    appearance?: "primary" | "secondary" | undefined;
+    /** styled-components polymorphism where you can use the styling of a link but convert to another element like a button */
+    ref?: React.Ref<HTMLElement> | undefined;
+    /** styled-component polymorphic feature so you take the styling of a link and cast the component to be a "span" for example */
+    as?: React.ElementType<any> | undefined;
+    /** Component children */
+    children?: ReactNode;
+}, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginVertical" | "marginHorizontal" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingVertical" | "paddingHorizontal" | "textColor" | "textAlign" | "textSize" | "textWeight" | "as" | "wordBreak" | "overflowWrap" | "textHoverColor" | "appearance"> & React.RefAttributes<HTMLElement>>;
 export default Link;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  * Loaders are used after some user interaction that we assume will take some time to complete. They inform the user that their request is beeing processed and that they should wait.

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { SpacingProps } from "../Spacing";
-export declare type ModalProps = SpacingProps & {
+export type ModalProps = SpacingProps & {
     /** modal name used for aria-label */
     modalName: string;
     /** callback function called on modal close */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ThemeType } from "../../types";
-declare type ContentProps = {
+type ContentProps = {
     backgroundColor?: string;
     theme: ThemeType;
     top: string;
@@ -10,5 +10,15 @@ declare type ContentProps = {
 export declare const Background: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Box").BoxProps>, any, ContentProps, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Button").Props, "css" | "as" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").ButtonHTMLAttributes<HTMLElement> & {
+    appearance?: import("../../types").ButtonAppearanceType | undefined;
+    full?: boolean | undefined;
+    href?: string | undefined;
+    size?: "m" | "l" | undefined;
+    css?: any;
+    as?: import("react").ElementType<any> | undefined;
+    isIconButton?: boolean | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
+    children?: import("react").ReactNode;
+}, "css" | "as" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export {};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-export declare type PaginationProps = {
+export type PaginationProps = {
     /** set current page number */
     current: number;
     /** total number of pages */

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

@@ -1,4 +1,4 @@
-declare type PaginationStyledProps = {
+type PaginationStyledProps = {
     active?: boolean;
     name?: string;
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { PopOverPositionType } from "../../types";
-export declare type PopOverProps = {
+export type PopOverProps = {
     /** used for aria-label of modal */
     modalLabel: string;
     /** contents in side the popover modal */

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     /** percentage value of the progressbar */
     percentage: number;
     /** percentage value of a secondary (highter) amount of the progressbar */

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

@@ -1,17 +1,17 @@
 import { ThemeType } from "../../types";
-declare type ThemeProp = {
+type ThemeProp = {
     theme: ThemeType;
 };
-declare type LineProgressBarProps = {
+type LineProgressBarProps = {
     percentage: number;
     barColor?: string;
     isSecondary?: boolean;
 };
-declare type LineProgressWrapperProps = {
+type LineProgressWrapperProps = {
     percentage: number;
     secondaryPercentage: number;
 };
-declare type CircleWrapperProps = {
+type CircleWrapperProps = {
     circleSize: string;
 };
 export declare const ProgressBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,5 +1,5 @@
 import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
-export declare type RadioProps = InputHTMLAttributes<HTMLInputElement> & {
+export type RadioProps = InputHTMLAttributes<HTMLInputElement> & {
     ref?: Ref<HTMLInputElement>;
     /** flag for error styling */
     hasError?: boolean;
@@ -12,5 +12,12 @@ export declare type RadioProps = InputHTMLAttributes<HTMLInputElement> & {
  *
  * 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>>;
+declare const Radio: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+    /** flag for error styling */
+    hasError?: boolean | undefined;
+    /** error message text  */
+    errorMessage?: string | undefined;
+    children?: ReactNode;
+}, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

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

@@ -1,13 +1,13 @@
 import { ThemeType } from "../../types";
-declare type ThemeProp = {
+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 = {
+type CheckedProp = {
     checked: boolean;
 };
-declare type DisabledProp = {
+type DisabledProp = {
     disabled: boolean;
 };
 export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {

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

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from "react";
-export declare type RadioConsentProps = {
+export 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  */

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

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 import { ThemeType } from "../../types";
-declare type ThemeProp = {
+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, {
+export declare const StyledRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    ref?: import("react").Ref<HTMLInputElement> | undefined;
+    hasError?: boolean | undefined;
+    errorMessage?: string | undefined;
+    children?: import("react").ReactNode;
+}, 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>;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode, SelectHTMLAttributes, Ref } from "react";
-export declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+export type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
     /** error message text */
     errorMessage?: string;
     /** flag for error styling of component */

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

@@ -1,5 +1,5 @@
 import { ThemeType } from "../../types";
-declare type StyledSelectProps = {
+type StyledSelectProps = {
     hasError: boolean;
     errorMessage?: string;
     theme: ThemeType;

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

@@ -1,5 +1,5 @@
 import { SpaceType, ThemeType } from "../../types";
-export declare type SpacingProps = {
+export type SpacingProps = {
     margin?: SpaceType;
     marginTop?: SpaceType;
     marginRight?: SpaceType;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from "react";
-export declare type StepProps = {
+export type StepProps = {
     /** current step number */
     current: number;
     /** list of step  */

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

@@ -1,11 +1,11 @@
 export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare type StepListProps = {
+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 = {
+type StepItemProps = {
     active: boolean;
     done: boolean;
 };

package/lib/components/TestWrapper.d.ts

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

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

@@ -4,7 +4,7 @@ import { WordBreakType, FontSizeType, ColorKeyType, OverflowWrapType } from "../
 /**
  * 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> & {
+export type TextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
     /** text colour  */
     textColor?: ColorKeyType | string;
     /** text horizontal alignment  */

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

@@ -1,6 +1,6 @@
 import { SpacingProps } from "../Spacing";
 import { WordBreakType, FontSizeType, ThemeType, ColorKeyType, OverflowWrapType } from "../../types";
-export declare type TextStyledProps = SpacingProps & {
+export type TextStyledProps = SpacingProps & {
     textColor?: ColorKeyType;
     textAlign?: "left" | "right" | "center" | "justify";
     textSize?: FontSizeType;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode, TextareaHTMLAttributes, Ref } from "react";
-export declare type TextAreaFieldProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+export type TextAreaFieldProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** error message text */
     errorMessage?: string;
     /** flag for error styling */

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

@@ -1,5 +1,5 @@
 import { ThemeType } from "../../types";
-declare type StyledTextareaProps = {
+type StyledTextareaProps = {
     hasError: boolean;
     resize: "both" | "vertical" | "horizontal" | "none";
     lineCount: number;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, InputHTMLAttributes, ReactNode, Ref } from "react";
-export declare type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
+export type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
     /** error message text  */
     errorMessage?: string;
     /** custom component/text that appears underneath the input field */

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

@@ -1,8 +1,8 @@
 import { ThemeType } from "../../types";
-declare type ExtraProps = {
+type ExtraProps = {
     theme: ThemeType;
 };
-declare type StyledInputProps = {
+type StyledInputProps = {
     hasError: boolean;
     isValid: boolean;
     theme: ThemeType;

package/lib/components/ThemeCheatSheet.d.ts

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

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

@@ -1,5 +1,5 @@
 import { ReactChild, ReactNode } from "react";
-export declare type TotaliserProps = {
+export type TotaliserProps = {
     /** financial total as a number */
     total: number;
     /** additional donation amount as a number */

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

@@ -1,3 +1,4 @@
+/// <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;
@@ -6,7 +7,7 @@ export declare const Total: import("styled-components").StyledComponent<"p", any
 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 = {
+type TotaliserWrapperProps = {
     isCompact: boolean;
 };
 export declare const TotaliserWrapper: import("styled-components").StyledComponent<"div", any, TotaliserWrapperProps, never>;

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

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes } from "react";
-export declare type UserBlockProps = HTMLAttributes<HTMLElement> & {
+export type UserBlockProps = HTMLAttributes<HTMLElement> & {
     /** name component or text */
     name?: ReactNode;
     /** string name used in avatar component */

package/lib/es/node_modules/@babel/runtime/helpers/esm/defineProperty.js

@@ -1,2 +1,2 @@
-function e(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}export{e as default};
+import e from"./toPropertyKey.js";function r(r,t,o){return(t=e(t))in r?Object.defineProperty(r,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[t]=o,r}export{r as default};
 //# sourceMappingURL=defineProperty.js.map

package/lib/es/node_modules/@babel/runtime/helpers/esm/defineProperty.js.map

@@ -1 +1 @@
-{"version":3,"file":"defineProperty.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}"],"names":["_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable"],"mappings":"AAAe,SAASA,EAAgBC,EAAKC,EAAKC,GAYhD,OAXID,KAAOD,EACTG,OAAOC,eAAeJ,EAAKC,EAAK,CAC9BC,MAAOA,EACPG,YAAY,EACZC,cAAc,EACdC,UAAU,IAGZP,EAAIC,GAAOC,EAGNF,CACT"}
+{"version":3,"file":"defineProperty.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}"],"names":["_defineProperty","obj","key","value","toPropertyKey","Object","defineProperty","enumerable","configurable","writable"],"mappings":"kCACe,SAASA,EAAgBC,EAAKC,EAAKC,GAYhD,OAXAD,EAAME,EAAcF,MACTD,EACTI,OAAOC,eAAeL,EAAKC,EAAK,CAC9BC,MAAOA,EACPI,YAAY,EACZC,cAAc,EACdC,UAAU,IAGZR,EAAIC,GAAOC,EAENF,CACT"}

package/lib/es/node_modules/@babel/runtime/helpers/esm/extends.js.map

@@ -1 +1 @@
-{"version":3,"file":"extends.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}"],"names":["_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this"],"mappings":"AAAe,SAASA,IActB,OAbAA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAC1D,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,GAG1B,CAED,OAAOL,CACX,EACSJ,EAASa,MAAMC,KAAMR,UAC9B"}
+{"version":3,"file":"extends.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}"],"names":["_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this"],"mappings":"AAAe,SAASA,IAYtB,OAXAA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAC1D,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GACvB,IAAK,IAAII,KAAOD,EACVP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,GAG1B,CACD,OAAOL,CACX,EACSJ,EAASa,MAAMC,KAAMR,UAC9B"}

package/lib/es/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map

@@ -1 +1 @@
-{"version":3,"file":"objectWithoutPropertiesLoose.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf"],"mappings":"AAAe,SAASA,EAA8BC,EAAQC,GAC5D,GAAc,MAAVD,EAAgB,MAAO,GAC3B,IAEIE,EAAKC,EAFLC,EAAS,CAAA,EACTC,EAAaC,OAAOC,KAAKP,GAG7B,IAAKG,EAAI,EAAGA,EAAIE,EAAWG,OAAQL,IACjCD,EAAMG,EAAWF,GACbF,EAASQ,QAAQP,IAAQ,IAC7BE,EAAOF,GAAOF,EAAOE,IAGvB,OAAOE,CACT"}
+{"version":3,"file":"objectWithoutPropertiesLoose.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf"],"mappings":"AAAe,SAASA,EAA8BC,EAAQC,GAC5D,GAAc,MAAVD,EAAgB,MAAO,GAC3B,IAEIE,EAAKC,EAFLC,EAAS,CAAA,EACTC,EAAaC,OAAOC,KAAKP,GAE7B,IAAKG,EAAI,EAAGA,EAAIE,EAAWG,OAAQL,IACjCD,EAAMG,EAAWF,GACbF,EAASQ,QAAQP,IAAQ,IAC7BE,EAAOF,GAAOF,EAAOE,IAEvB,OAAOE,CACT"}

package/lib/es/node_modules/@babel/runtime/helpers/esm/toPrimitive.js

@@ -0,0 +1,2 @@
+import r from"./typeof.js";function t(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,e||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}export{t as default};
+//# sourceMappingURL=toPrimitive.js.map

package/lib/es/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPrimitive.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}"],"names":["_toPrimitive","input","hint","_typeof","prim","Symbol","toPrimitive","undefined","res","call","TypeError","String","Number"],"mappings":"2BACe,SAASA,EAAaC,EAAOC,GAC1C,GAAuB,WAAnBC,EAAQF,IAAiC,OAAVA,EAAgB,OAAOA,EAC1D,IAAIG,EAAOH,EAAMI,OAAOC,aACxB,QAAaC,IAATH,EAAoB,CACtB,IAAII,EAAMJ,EAAKK,KAAKR,EAAOC,GAAQ,WACnC,GAAqB,WAAjBC,EAAQK,GAAmB,OAAOA,EACtC,MAAM,IAAIE,UAAU,+CACrB,CACD,OAAiB,WAATR,EAAoBS,OAASC,QAAQX,EAC/C"}

package/lib/es/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js

@@ -0,0 +1,2 @@
+import r from"./typeof.js";import t from"./toPrimitive.js";function o(o){var i=t(o,"string");return"symbol"===r(i)?i:String(i)}export{o as default};
+//# sourceMappingURL=toPropertyKey.js.map

package/lib/es/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPropertyKey.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof","String"],"mappings":"2DAEe,SAASA,EAAeC,GACrC,IAAIC,EAAMC,EAAYF,EAAK,UAC3B,MAAwB,WAAjBG,EAAQF,GAAoBA,EAAMG,OAAOH,EAClD"}

package/lib/es/node_modules/@babel/runtime/helpers/esm/typeof.js

@@ -0,0 +1,2 @@
+function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},o(t)}export{o as default};
+//# sourceMappingURL=typeof.js.map

package/lib/es/node_modules/@babel/runtime/helpers/esm/typeof.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeof.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}"],"names":["_typeof","obj","Symbol","iterator","constructor","prototype"],"mappings":"AAAe,SAASA,EAAQC,GAG9B,OAAOD,EAAU,mBAAqBE,QAAU,iBAAmBA,OAAOC,SAAW,SAAUF,GAC7F,cAAcA,CACf,EAAG,SAAUA,GACZ,OAAOA,GAAO,mBAAqBC,QAAUD,EAAIG,cAAgBF,QAAUD,IAAQC,OAAOG,UAAY,gBAAkBJ,CAC5H,EAAKD,EAAQC,EACb"}

package/lib/es/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js

@@ -0,0 +1,2 @@
+var c={prefix:"fas",iconName:"caret-right",icon:[256,512,[],"f0da","M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"]},e={prefix:"fas",iconName:"caret-left",icon:[256,512,[],"f0d9","M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"]},i={prefix:"fas",iconName:"chevron-down",icon:[512,512,[],"f078","M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]},s={prefix:"fas",iconName:"xmark",icon:[320,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"]},f=s,o={prefix:"fas",iconName:"chevron-right",icon:[384,512,[9002],"f054","M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]},a={prefix:"fas",iconName:"check",icon:[512,512,[10003,10004],"f00c","M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"]};export{e as faCaretLeft,c as faCaretRight,a as faCheck,i as faChevronDown,o as faChevronRight,f as faClose,s as faXmark};
+//# sourceMappingURL=index.mjs.js.map