@cruk/cruk-react-components 2.0.1 → 3.1.0

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

@@ -1,46 +1,46 @@
-import React, { ReactNode, ButtonHTMLAttributes, Ref, ElementType } from "react";
-import { ButtonAppearanceType } from "../../types";
-export type Props = ButtonHTMLAttributes<HTMLElement> & {
-    /** the look and feel of the button */
-    appearance?: ButtonAppearanceType;
-    /** flag to streatch but to 100% width */
-    full?: boolean;
-    /** this is a url which will convert the button to an anchor tag */
-    href?: string;
-    /** the height of the button, this will add padding not increase text size */
-    size?: "m" | "l";
-    css?: any;
-    /** styled-components polymorphism where you can use the styling of a button but convert to another element like an anchor tag */
-    as?: ElementType;
-    /** flag to force button into an icon button shape which is square or round */
-    isIconButton?: boolean;
-    /** Element reference */
-    ref?: Ref<HTMLElement>;
-    /** Component reference */
-    children?: ReactNode;
-};
-/**
- * Design system documentation CRUK https://zeroheight.com/23de8a59a/p/180ef6-buttons/b/32e1a2
- *
- * Design system documentation SU2C https://zeroheight.com/79db39f7e/p/22ff0e-button/b/32e1a2
- */
-export declare const Button: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLElement> & {
-    /** the look and feel of the button */
-    appearance?: ButtonAppearanceType | undefined;
-    /** flag to streatch but to 100% width */
-    full?: boolean | undefined;
-    /** this is a url which will convert the button to an anchor tag */
-    href?: string | undefined;
-    /** the height of the button, this will add padding not increase text size */
-    size?: "m" | "l" | undefined;
-    css?: any;
-    /** styled-components polymorphism where you can use the styling of a button but convert to another element like an anchor tag */
-    as?: React.ElementType<any> | undefined;
-    /** flag to force button into an icon button shape which is square or round */
-    isIconButton?: boolean | undefined;
-    /** Element reference */
-    ref?: React.Ref<HTMLElement> | undefined;
-    /** Component reference */
-    children?: ReactNode;
-}, keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "css" | "as" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
-export default Button;
+import React, { ReactNode, ButtonHTMLAttributes, Ref, ElementType } from "react";
+import { ButtonAppearanceType } from "../../types";
+export type ButtonProps = ButtonHTMLAttributes<HTMLElement> & {
+    /** the look and feel of the button */
+    appearance?: ButtonAppearanceType;
+    /** flag to streatch but to 100% width */
+    full?: boolean;
+    /** this is a url which will convert the button to an anchor tag */
+    href?: string;
+    /** the height of the button, this will add padding not increase text size */
+    size?: "m" | "l";
+    css?: any;
+    /** styled-components polymorphism where you can use the styling of a button but convert to another element like an anchor tag */
+    as?: ElementType;
+    /** flag to force button into an icon button shape which is square or round */
+    isIconButton?: boolean;
+    /** Element reference */
+    ref?: Ref<HTMLElement>;
+    /** Component reference */
+    children?: ReactNode;
+};
+/**
+ * Design system documentation CRUK https://zeroheight.com/23de8a59a/p/180ef6-buttons/b/32e1a2
+ *
+ * Design system documentation SU2C https://zeroheight.com/79db39f7e/p/22ff0e-button/b/32e1a2
+ */
+export declare const Button: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLElement> & {
+    /** the look and feel of the button */
+    appearance?: ButtonAppearanceType | undefined;
+    /** flag to streatch but to 100% width */
+    full?: boolean | undefined;
+    /** this is a url which will convert the button to an anchor tag */
+    href?: string | undefined;
+    /** the height of the button, this will add padding not increase text size */
+    size?: "m" | "l" | undefined;
+    css?: any;
+    /** styled-components polymorphism where you can use the styling of a button but convert to another element like an anchor tag */
+    as?: React.ElementType | undefined;
+    /** flag to force button into an icon button shape which is square or round */
+    isIconButton?: boolean | undefined;
+    /** Element reference */
+    ref?: React.Ref<HTMLElement> | undefined;
+    /** Component reference */
+    children?: ReactNode;
+}, keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "css" | "as" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
+export default Button;

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

@@ -1,13 +1,15 @@
-import { ThemeType, ButtonAppearanceType } from "../../types";
-export declare const Spacer: import("styled-components").StyledComponent<"span", any, {}, never>;
-type StyledButtonProps = {
-    isIconButton: boolean;
-    appearance?: ButtonAppearanceType;
-    full?: boolean;
-    theme: ThemeType;
-    href?: string;
-    size?: "m" | "l";
-    css?: string;
-};
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
-export {};
+import { ThemeType, ButtonAppearanceType } from "../../types";
+export declare const Spacer: import("styled-components").StyledComponent<"span", any, {
+    theme: ThemeType;
+}, never>;
+type StyledButtonProps = {
+    isIconButton: boolean;
+    appearance?: ButtonAppearanceType;
+    full?: boolean;
+    theme: ThemeType;
+    href?: string;
+    size?: "m" | "l";
+    css?: string;
+};
+export declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
+export {};

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

@@ -1,7 +1,15 @@
-import { Story, Meta } from "@storybook/react";
-import { CarouselProps } from ".";
-declare const _default: Meta<CarouselProps>;
-export default _default;
-export declare const CarouselDefault: Story;
-export declare const SU2CCarousel: Story;
-export declare const BowelbabeCarousel: Story;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Carousel, { CarouselProps } from ".";
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element>;
+    args: {};
+    render: (args: CarouselProps) => JSX.Element;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Carousel>;
+export declare const Default: Story;
+export declare const CarouselSU2C: Story;
+export declare const CarouselBowelbabe: Story;

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

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

package/lib/components/Carousel/Dots.d.ts

@@ -1,12 +1,12 @@
-import { ButtonHTMLAttributes } from "react";
-type DotProps = {
-    count: number;
-    currentPosition: number;
-    scrollToPosition: (to: number) => void;
-    next: () => void;
-    previous: () => void;
-};
-export declare const CarouselLeftButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
-export declare const CarouselRightButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
-export declare const Dots: ({ count, currentPosition, scrollToPosition, next, previous, }: DotProps) => JSX.Element;
-export default Dots;
+import { ButtonHTMLAttributes } from "react";
+type DotProps = {
+    count: number;
+    currentPosition: number;
+    scrollToPosition: (to: number) => void;
+    next: () => void;
+    previous: () => void;
+};
+export declare const CarouselLeftButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
+export declare const CarouselRightButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
+export declare const Dots: ({ count, currentPosition, scrollToPosition, next, previous, }: DotProps) => JSX.Element;
+export default Dots;

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

@@ -1,20 +1,20 @@
-import React, { ReactNode } from "react";
-export type CarouselProps = {
-    /** Index in which the carousel is scrolled to on mount */
-    startPosition?: number;
-    /** call back for on position changed first prop is the possition */
-    onPositionChanged?: (position: number) => void;
-    /** show item left and right of current smaller than current item */
-    shrinkUnselectedPages?: boolean;
-    /** childrent item of the carousel */
-    children?: ReactNode;
-    /** set carousel image to full width of parent */
-    fullWidthChild?: boolean;
-};
-/**
- *
- * Light weight carousel component that works with mouse and touch events, will work with divs and much anything you chuck in children
- */
-export declare const Carousel: ({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element;
-declare const _default: React.MemoExoticComponent<({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element>;
-export default _default;
+import React, { ReactNode } from "react";
+export type CarouselProps = {
+    /** Index in which the carousel is scrolled to on mount */
+    startPosition?: number;
+    /** call back for on position changed first prop is the possition */
+    onPositionChanged?: (position: number) => void;
+    /** show item left and right of current smaller than current item */
+    shrinkUnselectedPages?: boolean;
+    /** childrent item of the carousel */
+    children?: ReactNode;
+    /** set carousel image to full width of parent */
+    fullWidthChild?: boolean;
+};
+/**
+ *
+ * Light weight carousel component that works with mouse and touch events, will work with divs and much anything you chuck in children
+ */
+export declare const Carousel: ({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element>;
+export default _default;

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

@@ -1,33 +1,33 @@
-import { ThemeType } from "../../types";
-export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-type ThemeProps = {
-    theme: ThemeType;
-};
-type CarouselScrollAreaProps = {
-    smoothScrolling: boolean;
-};
-type CarouselCardProps = {
-    onlyChild: boolean;
-    fullWidthChild: boolean;
-};
-type CarouselCardInnerProps = {
-    isSelected: boolean;
-    shrinkUnselectedPages: boolean;
-    onlyChild: boolean;
-    fullWidthChild: boolean;
-};
-export declare const CarouselScrollArea: import("styled-components").StyledComponent<"ul", any, CarouselScrollAreaProps, never>;
-export declare const CarouselCard: import("styled-components").StyledComponent<"li", any, CarouselCardProps, never>;
-export declare const CarouselCardInner: import("styled-components").StyledComponent<"div", any, CarouselCardInnerProps, never>;
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VerticalAlign: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const CarouselButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const DotContainer: import("styled-components").StyledComponent<"div", any, ThemeProps & {
-    count: number;
-}, never>;
-export declare const Dot: import("styled-components").StyledComponent<"button", any, {
-    theme: ThemeType;
-    selected: boolean;
-}, never>;
-export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};
+import { ThemeType } from "../../types";
+export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+type ThemeProps = {
+    theme: ThemeType;
+};
+type CarouselScrollAreaProps = {
+    smoothScrolling: boolean;
+};
+type CarouselCardProps = {
+    onlyChild: boolean;
+    fullWidthChild: boolean;
+};
+type CarouselCardInnerProps = {
+    isSelected: boolean;
+    shrinkUnselectedPages: boolean;
+    onlyChild: boolean;
+    fullWidthChild: boolean;
+};
+export declare const CarouselScrollArea: import("styled-components").StyledComponent<"ul", any, CarouselScrollAreaProps, never>;
+export declare const CarouselCard: import("styled-components").StyledComponent<"li", any, CarouselCardProps, never>;
+export declare const CarouselCardInner: import("styled-components").StyledComponent<"div", any, CarouselCardInnerProps, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VerticalAlign: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CarouselButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const DotContainer: import("styled-components").StyledComponent<"div", any, ThemeProps & {
+    count: number;
+}, never>;
+export declare const Dot: import("styled-components").StyledComponent<"button", any, {
+    theme: ThemeType;
+    selected: boolean;
+}, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/lib/components/Checkbox/CheckBox.test.cypress.d.ts

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

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

@@ -1,8 +1,26 @@
-import { Story, Meta } from "@storybook/react";
-import { CheckBoxProps } from ".";
-declare const _default: Meta<CheckBoxProps>;
-export default _default;
-export declare const CheckboxDefault: Story;
-export declare const CheckboxDefaultError: Story;
-export declare const SU2CCheckbox: Story;
-export declare const BowelbabeCheckbox: Story;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import CheckBox from ".";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+        ref?: React.Ref<HTMLInputElement> | undefined;
+        hasError?: boolean | undefined;
+        errorMessage?: string | undefined;
+        children?: React.ReactNode;
+    }, "errorMessage" | "hasError" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+    args: {
+        id: string;
+        disabled: boolean;
+        value: string;
+        hasError: boolean;
+        errorMessage: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof CheckBox>;
+export declare const Default: Story;
+export declare const CheckboxDefaultError: Story;
+export declare const CheckBoxSU2C: Story;
+export declare const CheckBoxBowelbabe: Story;

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

@@ -1,23 +1,23 @@
-import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
-export type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
-    ref?: Ref<HTMLInputElement>;
-    /** flag for error styling */
-    hasError?: boolean;
-    /** error message text  */
-    errorMessage?: string;
-    children?: ReactNode;
-};
-/**
- * Checkboxes allow the user to select one or more items.
- *
- * The value or children becomes the label, if you want an outer label for a checkbox or group of checkboxes please use a LegendWrapper component
- */
-declare const Checkbox: 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 Checkbox;
+import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
+export type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
+    ref?: Ref<HTMLInputElement>;
+    /** flag for error styling */
+    hasError?: boolean;
+    /** error message text  */
+    errorMessage?: string;
+    children?: ReactNode;
+};
+/**
+ * Checkboxes allow the user to select one or more items.
+ *
+ * The value or children becomes the label, if you want an outer label for a checkbox or group of checkboxes please use a LegendWrapper component
+ */
+declare const Checkbox: 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 Checkbox;

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

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

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

@@ -1,13 +1,24 @@
-import { Story, Meta } from "@storybook/react";
-import { CollapseProps } from ".";
-declare const _default: Meta<CollapseProps>;
-export default _default;
-export declare const CollapseWithTextHeader: Story<CollapseProps>;
-export declare const CollapseWithModifiedText: Story<CollapseProps>;
-export declare const CollapseWitCustomHeader: Story<CollapseProps>;
-export declare const SU2CCollapseWithTextHeader: Story<CollapseProps>;
-export declare const SU2CCollapseWithModifiedText: Story<CollapseProps>;
-export declare const SU2CCollapseWitCustomHeader: Story<CollapseProps>;
-export declare const BowelbabeCollapseWithTextHeader: Story<CollapseProps>;
-export declare const BowelbabeCollapseWithModifiedText: Story<CollapseProps>;
-export declare const BowelbabeCollapseWitCustomHeader: Story<CollapseProps>;
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react";
+import Collapse, { CollapseProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ id, headerTitleText, headerTitleTextColor, headerTitleTextSize, headerTitleTextFontFamily, headerComponent, startOpen, onOpenChange, children, }: CollapseProps) => JSX.Element;
+    args: {
+        id: string;
+        headerTitleText: string;
+        children: JSX.Element;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Collapse>;
+export declare const CollapseWithTextHeader: Story;
+export declare const CollapseWithModifiedText: Story;
+export declare const CollapseWitCustomHeader: Story;
+export declare const CollapseWithTextHeaderSU2C: Story;
+export declare const CollapseWithModifiedTextSU2C: Story;
+export declare const CollapseWitCustomHeaderSU2C: Story;
+export declare const CollapseWithTextHeaderBowelbabe: Story;
+export declare const CollapseWithModifiedTextBowelbabe: Story;
+export declare const CollapseWitCustomHeaderBowelbabe: Story;

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

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

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

@@ -1,29 +1,29 @@
-import { ReactNode, HTMLAttributes } from "react";
-import { FontSizeType } from "../../types";
-export type CollapseProps = HTMLAttributes<HTMLElement> & {
-    /** id is required for a11y reasons as we use aria attributes which depends on an id  */
-    id: string;
-    /** text of collapse header, even if there is a custom header component this prop is still used for aria attributes */
-    headerTitleText: string;
-    /** collapse header text colour */
-    headerTitleTextColor?: string;
-    /** collapse header text size */
-    headerTitleTextSize?: FontSizeType;
-    /** collapse header font family */
-    headerTitleTextFontFamily?: string;
-    /** custom collapse header component */
-    headerComponent?: ReactNode;
-    /** flag to indicate  */
-    startOpen?: boolean;
-    /** callback function that is passed isOpen flag  */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** children */
-    children?: ReactNode;
-};
-/**
- *
- * Use a collapse component to show and hide content. It has a default view; however, it can be overwritten by passing a custom component as a prop.
- *
- */
-declare const Collapse: ({ id, headerTitleText, headerTitleTextColor, headerTitleTextSize, headerTitleTextFontFamily, headerComponent, startOpen, onOpenChange, children, }: CollapseProps) => JSX.Element;
-export default Collapse;
+import { ReactNode, HTMLAttributes } from "react";
+import { FontSizeType } from "../../types";
+export type CollapseProps = HTMLAttributes<HTMLElement> & {
+    /** id is required for a11y reasons as we use aria attributes which depends on an id  */
+    id: string;
+    /** text of collapse header, even if there is a custom header component this prop is still used for aria attributes */
+    headerTitleText: string;
+    /** collapse header text colour */
+    headerTitleTextColor?: string;
+    /** collapse header text size */
+    headerTitleTextSize?: FontSizeType;
+    /** collapse header font family */
+    headerTitleTextFontFamily?: string;
+    /** custom collapse header component */
+    headerComponent?: ReactNode;
+    /** flag to indicate  */
+    startOpen?: boolean;
+    /** callback function that is passed isOpen flag  */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** children */
+    children?: ReactNode;
+};
+/**
+ *
+ * Use a collapse component to show and hide content. It has a default view; however, it can be overwritten by passing a custom component as a prop.
+ *
+ */
+declare const Collapse: ({ id, headerTitleText, headerTitleTextColor, headerTitleTextSize, headerTitleTextFontFamily, headerComponent, startOpen, onOpenChange, children, }: CollapseProps) => JSX.Element;
+export default Collapse;

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { FontSizeType } from "../../types";
-export declare const transitionDurationSeconds = 0.5;
-export declare const FlippingIcon: import("styled-components").StyledComponent<({ faIcon, color, size, ...rest }: import("../IconFa").IconFaProps) => JSX.Element, any, {
-    open: boolean;
-}, never>;
-export declare const DefaultHeader: 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;
-}, "size" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "css" | "as" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {
-    textColor?: string | undefined;
-    textSize?: FontSizeType | undefined;
-    textFontFamily?: string | undefined;
-}, never>;
-export declare const CollapseContent: import("styled-components").StyledComponent<"div", any, {
-    contentHeight: string;
-    openStatus: boolean;
-}, never>;
-export declare const CustomHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { FontSizeType } from "../../types";
+export declare const transitionDurationSeconds = 0.5;
+export declare const FlippingIcon: import("styled-components").StyledComponent<({ faIcon, color, size, ...rest }: import("../IconFa").IconFaProps) => JSX.Element, any, {
+    open: boolean;
+}, never>;
+export declare const DefaultHeader: 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 | undefined;
+    isIconButton?: boolean | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
+    children?: import("react").ReactNode;
+}, "size" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "css" | "as" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {
+    textColor?: string | undefined;
+    textSize?: FontSizeType | undefined;
+    textFontFamily?: string | undefined;
+}, never>;
+export declare const CollapseContent: import("styled-components").StyledComponent<"div", any, {
+    contentHeight: string;
+    openStatus: boolean;
+}, never>;
+export declare const CustomHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,10 +1,30 @@
-import { Story, Meta } from "@storybook/react";
-import { DateFieldProps } from ".";
-declare const _default: Meta<DateFieldProps>;
-export default _default;
-export declare const DateFieldWithLabel: Story<DateFieldProps>;
-export declare const DateFieldWithError: Story<DateFieldProps>;
-export declare const SU2CDateFieldWithLabel: Story<DateFieldProps>;
-export declare const SU2CDateFieldWithError: Story<DateFieldProps>;
-export declare const BowelbabeDateFieldWithLabel: Story<DateFieldProps>;
-export declare const BowelbabeDateFieldWithError: Story<DateFieldProps>;
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react";
+import DateField, { DateFieldProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ label, hintText, day, month, year, dayName, monthName, yearName, dayHasError, monthHasError, yearHasError, errorMessage, onChange, onBlur, onFocus, disabled, required, }: DateFieldProps) => JSX.Element;
+    args: {
+        dayName: string;
+        monthName: string;
+        yearName: string;
+        label: string;
+        hintText: string;
+        onChange: () => void;
+        onBlur: () => void;
+        onFocus: () => void;
+        disabled: boolean;
+        required: boolean;
+        dayHasError: boolean;
+        monthHasError: boolean;
+        yearHasError: boolean;
+        errorMessage: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof DateField>;
+export declare const Default: Story;
+export declare const DateFieldWithError: Story;
+export declare const DateFieldSU2C: Story;
+export declare const DateFieldBowelbabe: Story;

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

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