@cruk/cruk-react-components 3.2.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AddressLookup/AddressLookup.stories.d.ts +0 -2
- package/lib/components/AddressLookup/styles.d.ts +0 -1
- package/lib/components/{TestWrapper.d.ts → AllThemesWrapper.d.ts} +4 -4
- package/lib/components/Avatar/Avatar.stories.d.ts +0 -13
- package/lib/components/Badge/Badge.stories.d.ts +2 -10
- package/lib/components/Box/Box.stories.d.ts +2 -8
- package/lib/components/Button/Button.stories.d.ts +0 -6
- package/lib/components/Carousel/Carousel.stories.d.ts +0 -2
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -2
- package/lib/components/Collapse/Collapse.stories.d.ts +2 -8
- package/lib/components/Collapse/styles.d.ts +0 -1
- package/lib/components/DateField/DateField.stories.d.ts +2 -4
- package/lib/components/ErrorText/ErrorText.stories.d.ts +2 -4
- package/lib/components/ErrorText/styles.d.ts +0 -1
- package/lib/components/Footer/Footer.stories.d.ts +0 -2
- package/lib/components/GlobalStyle.d.ts +0 -1
- package/lib/components/GlobalStyleNoFontFace.d.ts +0 -1
- package/lib/components/Header/Header.stories.d.ts +0 -2
- package/lib/components/Heading/Heading.stories.d.ts +2 -14
- package/lib/components/IconFa/IconFa.stories.d.ts +1 -4
- package/lib/components/IconFa/index.d.ts +0 -1
- package/lib/components/InfoBox/InfoBox.stories.d.ts +2 -4
- package/lib/components/InfoBox/styles.d.ts +0 -1
- package/lib/components/LegendWrapper/LegendWrapper.stories.d.ts +0 -4
- package/lib/components/Link/Link.stories.d.ts +0 -6
- package/lib/components/Loader/Loader.stories.d.ts +0 -2
- package/lib/components/Loader/index.d.ts +0 -1
- package/lib/components/Modal/styles.d.ts +0 -1
- package/lib/components/Pagination/Pagination.stories.d.ts +2 -4
- package/lib/components/PopOver/Popover.stories.d.ts +0 -2
- package/lib/components/ProgressBar/ProgressBar.stories.d.ts +2 -6
- package/lib/components/Radio/Radio.stories.d.ts +0 -4
- package/lib/components/RadioConsent/Radio.stories.d.ts +0 -2
- package/lib/components/RadioConsent/styles.d.ts +0 -1
- package/lib/components/Select/Selelct.stories.d.ts +0 -4
- package/lib/components/Step/Step.stories.d.ts +2 -4
- package/lib/components/Text/Text.stories.d.ts +2 -4
- package/lib/components/Text/styles.d.ts +3 -2
- package/lib/components/TextAreaField/TextAreaField.stories.d.ts +2 -6
- package/lib/components/TextField/TextField.stories.d.ts +2 -6
- package/lib/components/Totaliser/Totaliser.stories.d.ts +2 -10
- package/lib/components/Totaliser/styles.d.ts +0 -1
- package/lib/components/UserBlock/UserBlock.stories.d.ts +2 -9
- package/lib/components/index.d.ts +0 -32
- package/lib/es/node_modules/react-intersection-observer/index.mjs.js +2 -0
- package/lib/es/node_modules/react-intersection-observer/index.mjs.js.map +1 -0
- package/lib/es/src/components/Button/index.js +1 -1
- package/lib/es/src/components/Carousel/index.js +1 -1
- package/lib/es/src/components/index.js +1 -1
- package/lib/es/src/themes/bowelbabe.js +1 -1
- package/package.json +9 -10
- package/lib/components/Icon/Icon.stories.d.ts +0 -15
- package/lib/components/Icon/Icon.test.cypress.d.ts +0 -1
- package/lib/components/Icon/iconList.d.ts +0 -268
- package/lib/components/Icon/index.d.ts +0 -23
- package/lib/components/Icon/styles.d.ts +0 -5
- package/lib/es/node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js +0 -2
- package/lib/es/node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js.map +0 -1
- package/lib/es/src/components/AddressLookup/README.md.js +0 -2
- package/lib/es/src/components/AddressLookup/README.md.js.map +0 -1
- package/lib/es/src/components/Avatar/README.md.js +0 -2
- package/lib/es/src/components/Avatar/README.md.js.map +0 -1
- package/lib/es/src/components/Badge/README.md.js +0 -2
- package/lib/es/src/components/Badge/README.md.js.map +0 -1
- package/lib/es/src/components/Box/README.md.js +0 -2
- package/lib/es/src/components/Box/README.md.js.map +0 -1
- package/lib/es/src/components/Button/README.md.js +0 -2
- package/lib/es/src/components/Button/README.md.js.map +0 -1
- package/lib/es/src/components/Checkbox/README.md.js +0 -2
- package/lib/es/src/components/Checkbox/README.md.js.map +0 -1
- package/lib/es/src/components/Collapse/README.md.js +0 -2
- package/lib/es/src/components/Collapse/README.md.js.map +0 -1
- package/lib/es/src/components/DateField/README.md.js +0 -2
- package/lib/es/src/components/DateField/README.md.js.map +0 -1
- package/lib/es/src/components/ErrorText/README.md.js +0 -2
- package/lib/es/src/components/ErrorText/README.md.js.map +0 -1
- package/lib/es/src/components/Footer/README.md.js +0 -2
- package/lib/es/src/components/Footer/README.md.js.map +0 -1
- package/lib/es/src/components/Header/README.md.js +0 -2
- package/lib/es/src/components/Header/README.md.js.map +0 -1
- package/lib/es/src/components/Heading/README.md.js +0 -2
- package/lib/es/src/components/Heading/README.md.js.map +0 -1
- package/lib/es/src/components/Icon/README.md.js +0 -2
- package/lib/es/src/components/Icon/README.md.js.map +0 -1
- package/lib/es/src/components/Icon/iconList.js +0 -2
- package/lib/es/src/components/Icon/iconList.js.map +0 -1
- package/lib/es/src/components/Icon/index.js +0 -2
- package/lib/es/src/components/Icon/index.js.map +0 -1
- package/lib/es/src/components/Icon/styles.js +0 -2
- package/lib/es/src/components/Icon/styles.js.map +0 -1
- package/lib/es/src/components/IconFa/README.md.js +0 -2
- package/lib/es/src/components/IconFa/README.md.js.map +0 -1
- package/lib/es/src/components/InfoBox/README.md.js +0 -2
- package/lib/es/src/components/InfoBox/README.md.js.map +0 -1
- package/lib/es/src/components/LegendWrapper/README.md.js +0 -2
- package/lib/es/src/components/LegendWrapper/README.md.js.map +0 -1
- package/lib/es/src/components/Link/README.md.js +0 -2
- package/lib/es/src/components/Link/README.md.js.map +0 -1
- package/lib/es/src/components/Loader/README.md.js +0 -2
- package/lib/es/src/components/Loader/README.md.js.map +0 -1
- package/lib/es/src/components/Modal/README.md.js +0 -2
- package/lib/es/src/components/Modal/README.md.js.map +0 -1
- package/lib/es/src/components/Pagination/README.md.js +0 -2
- package/lib/es/src/components/Pagination/README.md.js.map +0 -1
- package/lib/es/src/components/PopOver/README.md.js +0 -2
- package/lib/es/src/components/PopOver/README.md.js.map +0 -1
- package/lib/es/src/components/ProgressBar/README.md.js +0 -2
- package/lib/es/src/components/ProgressBar/README.md.js.map +0 -1
- package/lib/es/src/components/Radio/README.md.js +0 -2
- package/lib/es/src/components/Radio/README.md.js.map +0 -1
- package/lib/es/src/components/RadioConsent/README.md.js +0 -2
- package/lib/es/src/components/RadioConsent/README.md.js.map +0 -1
- package/lib/es/src/components/Select/README.md.js +0 -2
- package/lib/es/src/components/Select/README.md.js.map +0 -1
- package/lib/es/src/components/Step/README.md.js +0 -2
- package/lib/es/src/components/Step/README.md.js.map +0 -1
- package/lib/es/src/components/Text/README.md.js +0 -2
- package/lib/es/src/components/Text/README.md.js.map +0 -1
- package/lib/es/src/components/TextAreaField/README.md.js +0 -2
- package/lib/es/src/components/TextAreaField/README.md.js.map +0 -1
- package/lib/es/src/components/TextField/README.md.js +0 -2
- package/lib/es/src/components/TextField/README.md.js.map +0 -1
- package/lib/es/src/components/Totaliser/README.md.js +0 -2
- package/lib/es/src/components/Totaliser/README.md.js.map +0 -1
- package/lib/es/src/components/UserBlock/README.md.js +0 -2
- package/lib/es/src/components/UserBlock/README.md.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { ThemeType } from "
|
|
2
|
+
import { ThemeType } from "../types";
|
|
3
3
|
type TestThemeWrapperProps = {
|
|
4
4
|
theme?: ThemeType;
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
};
|
|
7
7
|
export declare const TestThemeWrapper: ({ children, theme, }: TestThemeWrapperProps) => JSX.Element;
|
|
8
|
-
type
|
|
8
|
+
type AllThemesWrapperProps = {
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
};
|
|
11
|
-
export declare const
|
|
12
|
-
export default
|
|
11
|
+
export declare const AllThemesWrapper: ({ children }: AllThemesWrapperProps) => JSX.Element;
|
|
12
|
+
export default AllThemesWrapper;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { StoryObj } from "@storybook/react";
|
|
3
2
|
import Avatar from ".";
|
|
4
3
|
declare const _default: {
|
|
@@ -19,15 +18,3 @@ export declare const Medium: Story;
|
|
|
19
18
|
export declare const Large: Story;
|
|
20
19
|
export declare const ExtraLarge: Story;
|
|
21
20
|
export declare const CustomImage: Story;
|
|
22
|
-
export declare const DefaultSU2C: Story;
|
|
23
|
-
export declare const SmallSU2C: Story;
|
|
24
|
-
export declare const MediumSU2C: Story;
|
|
25
|
-
export declare const LargeSU2C: Story;
|
|
26
|
-
export declare const ExtraLargeSU2C: Story;
|
|
27
|
-
export declare const CustomImageSU2C: Story;
|
|
28
|
-
export declare const DefaultBowelBabe: Story;
|
|
29
|
-
export declare const SmallBowelBabe: Story;
|
|
30
|
-
export declare const MediumBowelBabe: Story;
|
|
31
|
-
export declare const LargeBowelBabe: Story;
|
|
32
|
-
export declare const ExtraLargeBowelBabe: Story;
|
|
33
|
-
export declare const CustomImageBowelBabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import Badge
|
|
2
|
+
import Badge from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ children, ...rest }: BadgeProps) => JSX.Element;
|
|
5
|
+
component: ({ children, ...rest }: import(".").BadgeProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
borderColor: string;
|
|
8
8
|
backgroundColor: string;
|
|
@@ -16,11 +16,3 @@ export declare const Default: Story;
|
|
|
16
16
|
export declare const BadgeWithText: Story;
|
|
17
17
|
export declare const BadgeWithColour: Story;
|
|
18
18
|
export declare const BadgeWithInverseColours: Story;
|
|
19
|
-
export declare const DefaultSU2C: Story;
|
|
20
|
-
export declare const BadgeWithTextSU2C: Story;
|
|
21
|
-
export declare const BadgeWithColourSU2C: Story;
|
|
22
|
-
export declare const BadgeWithInverseColoursSU2C: Story;
|
|
23
|
-
export declare const DefaultBowelbabe: Story;
|
|
24
|
-
export declare const BadgeWithTextBowelbabe: Story;
|
|
25
|
-
export declare const BadgeWithColourBowelbabe: Story;
|
|
26
|
-
export declare const BadgeWithInverseColoursBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import Box
|
|
3
|
+
import Box from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<BoxProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").BoxProps>;
|
|
7
7
|
args: {};
|
|
8
8
|
tags: string[];
|
|
9
9
|
};
|
|
@@ -12,9 +12,3 @@ type Story = StoryObj<typeof Box>;
|
|
|
12
12
|
export declare const Default: Story;
|
|
13
13
|
export declare const BoxWithColour: Story;
|
|
14
14
|
export declare const BoxWithColourWithCustomSpacing: Story;
|
|
15
|
-
export declare const DefaultSU2C: Story;
|
|
16
|
-
export declare const BoxWithColourSU2C: Story;
|
|
17
|
-
export declare const BoxWithColourWithCustomSpacingSU2C: Story;
|
|
18
|
-
export declare const DefaultBowelBabe: Story;
|
|
19
|
-
export declare const BoxWithColourBowelBabe: Story;
|
|
20
|
-
export declare const BoxWithColourWithCustomSpacingBowelBabe: Story;
|
|
@@ -31,9 +31,3 @@ export declare const PrimaryAnchorButton: Story;
|
|
|
31
31
|
export declare const Secondary: Story;
|
|
32
32
|
export declare const Tertiary: Story;
|
|
33
33
|
export declare const WithIcons: Story;
|
|
34
|
-
export declare const PrimarySU2C: Story;
|
|
35
|
-
export declare const SecondarySU2C: Story;
|
|
36
|
-
export declare const TertiarySU2C: Story;
|
|
37
|
-
export declare const PrimaryBowelbabe: Story;
|
|
38
|
-
export declare const SecondaryBowelbabe: Story;
|
|
39
|
-
export declare const TertiaryBowelbabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import Collapse
|
|
2
|
+
import Collapse from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ id, headerTitleText, headerTitleTextColor, headerTitleTextSize, headerTitleTextFontFamily, headerComponent, startOpen, onOpenChange, children, }: CollapseProps) => JSX.Element;
|
|
5
|
+
component: ({ id, headerTitleText, headerTitleTextColor, headerTitleTextSize, headerTitleTextFontFamily, headerComponent, startOpen, onOpenChange, children, }: import(".").CollapseProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
id: string;
|
|
8
8
|
headerTitleText: string;
|
|
@@ -15,9 +15,3 @@ type Story = StoryObj<typeof Collapse>;
|
|
|
15
15
|
export declare const CollapseWithTextHeader: Story;
|
|
16
16
|
export declare const CollapseWithModifiedText: Story;
|
|
17
17
|
export declare const CollapseWitCustomHeader: Story;
|
|
18
|
-
export declare const CollapseWithTextHeaderSU2C: Story;
|
|
19
|
-
export declare const CollapseWithModifiedTextSU2C: Story;
|
|
20
|
-
export declare const CollapseWitCustomHeaderSU2C: Story;
|
|
21
|
-
export declare const CollapseWithTextHeaderBowelbabe: Story;
|
|
22
|
-
export declare const CollapseWithModifiedTextBowelbabe: Story;
|
|
23
|
-
export declare const CollapseWitCustomHeaderBowelbabe: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { FontSizeType } from "../../types";
|
|
3
2
|
export declare const transitionDurationSeconds = 0.5;
|
|
4
3
|
export declare const FlippingIcon: import("styled-components").StyledComponent<({ faIcon, color, size, ...rest }: import("../IconFa").IconFaProps) => JSX.Element, any, {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import DateField
|
|
2
|
+
import DateField from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ label, hintText, day, month, year, dayName, monthName, yearName, dayHasError, monthHasError, yearHasError, errorMessage, onChange, onBlur, onFocus, disabled, required, }: DateFieldProps) => JSX.Element;
|
|
5
|
+
component: ({ label, hintText, day, month, year, dayName, monthName, yearName, dayHasError, monthHasError, yearHasError, errorMessage, onChange, onBlur, onFocus, disabled, required, }: import(".").DateFieldProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
dayName: string;
|
|
8
8
|
monthName: string;
|
|
@@ -25,5 +25,3 @@ export default _default;
|
|
|
25
25
|
type Story = StoryObj<typeof DateField>;
|
|
26
26
|
export declare const Default: Story;
|
|
27
27
|
export declare const DateFieldWithError: Story;
|
|
28
|
-
export declare const DateFieldSU2C: Story;
|
|
29
|
-
export declare const DateFieldBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import ErrorText
|
|
3
|
+
import ErrorText from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<ErrorTextProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").ErrorTextProps>;
|
|
7
7
|
args: {
|
|
8
8
|
children: string;
|
|
9
9
|
};
|
|
@@ -12,5 +12,3 @@ declare const _default: {
|
|
|
12
12
|
export default _default;
|
|
13
13
|
type Story = StoryObj<typeof ErrorText>;
|
|
14
14
|
export declare const ErrorTextDefault: Story;
|
|
15
|
-
export declare const ErrorTextSU2C: Story;
|
|
16
|
-
export declare const ErrorTextBowelbabe: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
3
2
|
ref?: import("react").Ref<import("react").Component<import("styled-components").ThemedGlobalStyledClassProps<{}, import("styled-components").DefaultTheme>, any, any>> | undefined;
|
|
4
3
|
suppressMultiMountWarning?: boolean | undefined;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
3
2
|
ref?: import("react").Ref<import("react").Component<import("styled-components").ThemedGlobalStyledClassProps<{}, import("styled-components").DefaultTheme>, any, any>> | undefined;
|
|
4
3
|
suppressMultiMountWarning?: boolean | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import Heading
|
|
2
|
+
import Heading from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ h1, h2, h3, h4, h5, h6, ...props }: HeadingProps) => JSX.Element;
|
|
5
|
+
component: ({ h1, h2, h3, h4, h5, h6, ...props }: import(".").HeadingProps) => JSX.Element;
|
|
6
6
|
args: {};
|
|
7
7
|
tags: string[];
|
|
8
8
|
};
|
|
@@ -17,15 +17,3 @@ export declare const H3: Story;
|
|
|
17
17
|
export declare const H4: Story;
|
|
18
18
|
export declare const H5: Story;
|
|
19
19
|
export declare const H6: Story;
|
|
20
|
-
export declare const H1SU2C: Story;
|
|
21
|
-
export declare const H2SU2C: Story;
|
|
22
|
-
export declare const H3SU2C: Story;
|
|
23
|
-
export declare const H4SU2C: Story;
|
|
24
|
-
export declare const H5SU2C: Story;
|
|
25
|
-
export declare const H6SU2C: Story;
|
|
26
|
-
export declare const H1Bowelbabe: Story;
|
|
27
|
-
export declare const H2Bowelbabe: Story;
|
|
28
|
-
export declare const H3Bowelbabe: Story;
|
|
29
|
-
export declare const H4Bowelbabe: Story;
|
|
30
|
-
export declare const H5Bowelbabe: Story;
|
|
31
|
-
export declare const H6Bowelbabe: Story;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { IconFa } from "..";
|
|
3
|
-
import { IconFaProps } from ".";
|
|
4
3
|
declare const _default: {
|
|
5
4
|
title: string;
|
|
6
|
-
component: ({ faIcon, color, size, ...rest }: IconFaProps) => JSX.Element;
|
|
5
|
+
component: ({ faIcon, color, size, ...rest }: import(".").IconFaProps) => JSX.Element;
|
|
7
6
|
args: {
|
|
8
7
|
faIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
9
8
|
};
|
|
@@ -12,5 +11,3 @@ declare const _default: {
|
|
|
12
11
|
export default _default;
|
|
13
12
|
type Story = StoryObj<typeof IconFa>;
|
|
14
13
|
export declare const IconFADefault: Story;
|
|
15
|
-
export declare const IconSU2C: Story;
|
|
16
|
-
export declare const IconBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import InfoBox
|
|
3
|
+
import InfoBox from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<InfoBoxProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").InfoBoxProps>;
|
|
7
7
|
args: {
|
|
8
8
|
titleText: string;
|
|
9
9
|
titleTextColor: string;
|
|
@@ -18,5 +18,3 @@ type Story = StoryObj<typeof InfoBox>;
|
|
|
18
18
|
export declare const InfoBoxDefault: Story;
|
|
19
19
|
export declare const InfoBoxCustomBackground: Story;
|
|
20
20
|
export declare const InfoBoxWithChildren: Story;
|
|
21
|
-
export declare const InfoBoxSU2C: Story;
|
|
22
|
-
export declare const InfoBoxBowelbabe: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ThemeType } from "../../types";
|
|
3
2
|
import { BoxProps } from "../Box";
|
|
4
3
|
export declare const StyledInfoBox: import("styled-components").StyledComponent<import("react").FunctionComponent<BoxProps>, any, import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
|
|
@@ -15,7 +15,3 @@ export declare const LegendWrapperRadio: Story;
|
|
|
15
15
|
export declare const LegendWrapperRadioError: Story;
|
|
16
16
|
export declare const LegendWrapperCheckbox: Story;
|
|
17
17
|
export declare const LegendWrapperCheckboxError: Story;
|
|
18
|
-
export declare const LegendWrapperRadioSU2C: Story;
|
|
19
|
-
export declare const LegendWrapperRadioErrorSU2C: Story;
|
|
20
|
-
export declare const LegendWrapperRadioBowelbabe: Story;
|
|
21
|
-
export declare const LegendWrapperRadioErrorBowelbabe: Story;
|
|
@@ -25,9 +25,3 @@ export declare const Default: Story;
|
|
|
25
25
|
export declare const Primary: Story;
|
|
26
26
|
export declare const Secondary: Story;
|
|
27
27
|
export declare const WithImage: Story;
|
|
28
|
-
export declare const DefaultSU2C: Story;
|
|
29
|
-
export declare const PrimarySU2C: Story;
|
|
30
|
-
export declare const SecondarySU2C: Story;
|
|
31
|
-
export declare const DefaultBowelbabe: Story;
|
|
32
|
-
export declare const PrimaryBowelbabe: Story;
|
|
33
|
-
export declare const SecondaryBowelbabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import Pagination
|
|
2
|
+
import Pagination from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: PaginationProps) => JSX.Element;
|
|
5
|
+
component: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: import(".").PaginationProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
current: number;
|
|
8
8
|
perPage: number;
|
|
@@ -16,5 +16,3 @@ type Story = StoryObj<typeof Pagination>;
|
|
|
16
16
|
export declare const PaginationDefault: Story;
|
|
17
17
|
export declare const PaginationFirstPage: Story;
|
|
18
18
|
export declare const PaginationLastPage: Story;
|
|
19
|
-
export declare const ErrorTextSU2C: Story;
|
|
20
|
-
export declare const ErrorTextBowelbabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import ProgressBar
|
|
2
|
+
import ProgressBar from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: ProgressBarProps) => JSX.Element;
|
|
5
|
+
component: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import(".").ProgressBarProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
percentage: number;
|
|
8
8
|
secondaryPercentage: number;
|
|
@@ -13,7 +13,3 @@ export default _default;
|
|
|
13
13
|
type Story = StoryObj<typeof ProgressBar>;
|
|
14
14
|
export declare const ProgressBarDefault: Story;
|
|
15
15
|
export declare const ProgressBarCircular: Story;
|
|
16
|
-
export declare const ProgressBarSU2C: Story;
|
|
17
|
-
export declare const ProgressBarCircularSU2C: Story;
|
|
18
|
-
export declare const ProgressBarBowelbabe: Story;
|
|
19
|
-
export declare const ProgressBarCircularBowelbabe: Story;
|
|
@@ -22,7 +22,3 @@ export default _default;
|
|
|
22
22
|
type Story = StoryObj<typeof Radio>;
|
|
23
23
|
export declare const Default: Story;
|
|
24
24
|
export declare const RadioWithError: Story;
|
|
25
|
-
export declare const RadioSU2C: Story;
|
|
26
|
-
export declare const RadioErrorSU2C: Story;
|
|
27
|
-
export declare const RadioBowelbabe: Story;
|
|
28
|
-
export declare const RadioErrorBowelbabe: Story;
|
|
@@ -18,7 +18,3 @@ export default _default;
|
|
|
18
18
|
type Story = StoryObj<typeof Select>;
|
|
19
19
|
export declare const SelectDefault: Story;
|
|
20
20
|
export declare const SelectWithError: Story;
|
|
21
|
-
export declare const SelectSU2C: Story;
|
|
22
|
-
export declare const SelectWithErrorSU2C: Story;
|
|
23
|
-
export declare const SelectBowelbabe: Story;
|
|
24
|
-
export declare const SelectWithErrorBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import Step
|
|
3
|
+
import Step from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<StepProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").StepProps>;
|
|
7
7
|
args: {
|
|
8
8
|
current: number;
|
|
9
9
|
steps: string[];
|
|
@@ -13,5 +13,3 @@ declare const _default: {
|
|
|
13
13
|
export default _default;
|
|
14
14
|
type Story = StoryObj<typeof Step>;
|
|
15
15
|
export declare const StepDefault: Story;
|
|
16
|
-
export declare const StepSU2C: Story;
|
|
17
|
-
export declare const StepBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import Text
|
|
3
|
+
import Text from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<TextProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").TextProps>;
|
|
7
7
|
args: {
|
|
8
8
|
children: string;
|
|
9
9
|
textColor: string;
|
|
@@ -13,5 +13,3 @@ declare const _default: {
|
|
|
13
13
|
export default _default;
|
|
14
14
|
type Story = StoryObj<typeof Text>;
|
|
15
15
|
export declare const TextDefault: Story;
|
|
16
|
-
export declare const TextSU2C: Story;
|
|
17
|
-
export declare const TextBowelbabe: Story;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ElementType } from "react";
|
|
1
2
|
import { SpacingProps } from "../Spacing";
|
|
2
3
|
import { WordBreakType, FontSizeType, ThemeType, ColorKeyType, OverflowWrapType } from "../../types";
|
|
3
4
|
export type TextStyledProps = SpacingProps & {
|
|
@@ -5,7 +6,7 @@ export type TextStyledProps = SpacingProps & {
|
|
|
5
6
|
textAlign?: "left" | "right" | "center" | "justify";
|
|
6
7
|
textSize?: FontSizeType;
|
|
7
8
|
textWeight?: number;
|
|
8
|
-
as?:
|
|
9
|
+
as?: ElementType;
|
|
9
10
|
wordBreak?: WordBreakType;
|
|
10
11
|
overflowWrap?: OverflowWrapType;
|
|
11
12
|
theme: ThemeType;
|
|
@@ -15,7 +16,7 @@ export declare const TextStyled: import("styled-components").StyledComponent<"p"
|
|
|
15
16
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
16
17
|
textSize?: FontSizeType | undefined;
|
|
17
18
|
textWeight?: number | undefined;
|
|
18
|
-
as?:
|
|
19
|
+
as?: ElementType | undefined;
|
|
19
20
|
wordBreak?: WordBreakType | undefined;
|
|
20
21
|
overflowWrap?: OverflowWrapType | undefined;
|
|
21
22
|
theme: ThemeType;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import TextAreaField
|
|
3
|
+
import TextAreaField from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<TextAreaFieldProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").TextAreaFieldProps>;
|
|
7
7
|
args: {
|
|
8
8
|
children: string;
|
|
9
9
|
textColor: string;
|
|
@@ -23,7 +23,3 @@ export default _default;
|
|
|
23
23
|
type Story = StoryObj<typeof TextAreaField>;
|
|
24
24
|
export declare const TextAreaFieldDefault: Story;
|
|
25
25
|
export declare const TextAreaFieldWithError: Story;
|
|
26
|
-
export declare const TextAreaFieldSU2C: Story;
|
|
27
|
-
export declare const TextAreaFieldWithErrorSU2C: Story;
|
|
28
|
-
export declare const TextAreaFielBowelbabe: Story;
|
|
29
|
-
export declare const TextAreaFieldWithErrorBowelbabe: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import TextField
|
|
3
|
+
import TextField from ".";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.FunctionComponent<TextFieldProps>;
|
|
6
|
+
component: React.FunctionComponent<import(".").TextFieldProps>;
|
|
7
7
|
args: {
|
|
8
8
|
value: undefined;
|
|
9
9
|
disabled: boolean;
|
|
@@ -21,7 +21,3 @@ export declare const TextFieldDefault: Story;
|
|
|
21
21
|
export declare const TextFieldExtraLeft: Story;
|
|
22
22
|
export declare const TextFieldExtraRight: Story;
|
|
23
23
|
export declare const TextFieldWithError: Story;
|
|
24
|
-
export declare const TextFieldSU2C: Story;
|
|
25
|
-
export declare const TextFieldWithErrorSU2C: Story;
|
|
26
|
-
export declare const TextFieldBowelbabe: Story;
|
|
27
|
-
export declare const TextFieldWithErrorBowelbabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import Totaliser
|
|
2
|
+
import Totaliser from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => JSX.Element;
|
|
5
|
+
component: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: import(".").TotaliserProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
total: number;
|
|
8
8
|
additionalAmount: number;
|
|
@@ -17,11 +17,3 @@ export declare const TotaliserWithoutTarget: Story;
|
|
|
17
17
|
export declare const TotaliserTextSummaryMessage: Story;
|
|
18
18
|
export declare const TotaliserTextSummaryMessageAsComponent: Story;
|
|
19
19
|
export declare const TotaliserCompact: Story;
|
|
20
|
-
export declare const TotaliserWithoutTargetSU2C: Story;
|
|
21
|
-
export declare const TotaliserTextSummaryMessageSU2C: Story;
|
|
22
|
-
export declare const TotaliserTextSummaryMessageAsComponentSU2C: Story;
|
|
23
|
-
export declare const TotaliserCompactSU2C: Story;
|
|
24
|
-
export declare const TotaliserWithoutTargetBowelbabe: Story;
|
|
25
|
-
export declare const TotaliserTextSummaryMessageBowelbabe: Story;
|
|
26
|
-
export declare const TotaliserTextSummaryMessageAsComponentBowelbabe: Story;
|
|
27
|
-
export declare const TotaliserCompactBowelbabe: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
|
2
|
-
import UserBlock
|
|
2
|
+
import UserBlock from ".";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => JSX.Element;
|
|
5
|
+
component: ({ name, avatarName, avatarUrl, extra, size, }: import(".").UserBlockProps) => JSX.Element;
|
|
6
6
|
args: {
|
|
7
7
|
name: string;
|
|
8
8
|
size: string;
|
|
@@ -14,10 +14,3 @@ type Story = StoryObj<typeof UserBlock>;
|
|
|
14
14
|
export declare const UserBlockDefault: Story;
|
|
15
15
|
export declare const UserBlockCustomAvatar: Story;
|
|
16
16
|
export declare const UserBlockWithExtra: Story;
|
|
17
|
-
export declare const UserBlockDefaultSU2C: Story;
|
|
18
|
-
export declare const UserBlockCustomAvatarSU2C: Story;
|
|
19
|
-
export declare const UserBlockWithExtraSU2C: Story;
|
|
20
|
-
export declare const ErrorTextBowelbabe: Story;
|
|
21
|
-
export declare const UserBlockDefaultBowelbabe: Story;
|
|
22
|
-
export declare const UserBlockCustomAvatarBowelbabe: Story;
|
|
23
|
-
export declare const UserBlockWithExtraBowelbabe: Story;
|
|
@@ -16,7 +16,6 @@ export { default as GlobalStyle } from "./GlobalStyle";
|
|
|
16
16
|
export { default as GlobalStyleNoFontFace } from "./GlobalStyleNoFontFace";
|
|
17
17
|
export { default as Header } from "./Header";
|
|
18
18
|
export { default as Heading } from "./Heading";
|
|
19
|
-
export { default as Icon } from "./Icon";
|
|
20
19
|
export { default as IconFa } from "./IconFa";
|
|
21
20
|
export { default as LabelWrapper } from "./LabelWrapper";
|
|
22
21
|
export { default as LegendWrapper } from "./LegendWrapper";
|
|
@@ -39,35 +38,4 @@ export { default as InfoBox } from "./InfoBox";
|
|
|
39
38
|
export { default as bowelbabeTheme } from "../themes/bowelbabe";
|
|
40
39
|
export { default as crukTheme } from "../themes/cruk";
|
|
41
40
|
export { default as su2cTheme } from "../themes/su2c";
|
|
42
|
-
export { default as AddressLookupReadme } from "./AddressLookup/README.md";
|
|
43
|
-
export { default as AvatarReadme } from "./Avatar/README.md";
|
|
44
|
-
export { default as BadgeReadme } from "./Badge/README.md";
|
|
45
|
-
export { default as BoxReadme } from "./Box/README.md";
|
|
46
|
-
export { default as ButtonReadme } from "./Button/README.md";
|
|
47
|
-
export { default as CheckboxReadme } from "./Checkbox/README.md";
|
|
48
|
-
export { default as CollapseReadme } from "./Collapse/README.md";
|
|
49
|
-
export { default as DateFieldReadme } from "./DateField/README.md";
|
|
50
|
-
export { default as ErrorTextReadme } from "./ErrorText/README.md";
|
|
51
|
-
export { default as FooterReadme } from "./Footer/README.md";
|
|
52
|
-
export { default as HeadingReadme } from "./Heading/README.md";
|
|
53
|
-
export { default as HeaderReadme } from "./Header/README.md";
|
|
54
|
-
export { default as IconReadme } from "./Icon/README.md";
|
|
55
|
-
export { default as IconFaReadme } from "./IconFa/README.md";
|
|
56
|
-
export { default as InfoBoxReadme } from "./InfoBox/README.md";
|
|
57
|
-
export { default as LinkReadme } from "./Link/README.md";
|
|
58
|
-
export { default as LegendWrapperReadme } from "./LegendWrapper/README.md";
|
|
59
|
-
export { default as LoaderReadme } from "./Loader/README.md";
|
|
60
|
-
export { default as ModalReadme } from "./Modal/README.md";
|
|
61
|
-
export { default as PaginationReadme } from "./Pagination/README.md";
|
|
62
|
-
export { default as PopOverReadme } from "./PopOver/README.md";
|
|
63
|
-
export { default as ProgressBarReadme } from "./ProgressBar/README.md";
|
|
64
|
-
export { default as RadioReadme } from "./Radio/README.md";
|
|
65
|
-
export { default as RadioConsentReadme } from "./RadioConsent/README.md";
|
|
66
|
-
export { default as SelectReadme } from "./Select/README.md";
|
|
67
|
-
export { default as StepReadme } from "./Step/README.md";
|
|
68
|
-
export { default as TextReadme } from "./Text/README.md";
|
|
69
|
-
export { default as TextAreaFieldReadme } from "./TextAreaField/README.md";
|
|
70
|
-
export { default as TextFieldReadme } from "./TextField/README.md";
|
|
71
|
-
export { default as TotaliserReadme } from "./Totaliser/README.md";
|
|
72
|
-
export { default as UserBlockReadme } from "./UserBlock/README.md";
|
|
73
41
|
export * from "../types";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react";var t=Object.defineProperty,i=(e,i,s)=>(((e,i,s)=>{i in e?t(e,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[i]=s})(e,"symbol"!=typeof i?i+"":i,s),s),s=new Map,n=new WeakMap,r=0;function o(e){return Object.keys(e).sort().filter((t=>void 0!==e[t])).map((t=>{return`${t}_${"root"===t?(i=e.root,i?(n.has(i)||(r+=1,n.set(i,r.toString())),n.get(i)):"0"):e[t]}`;var i})).toString()}function h(e,t,i={},n=undefined){if(void 0===window.IntersectionObserver&&void 0!==n){const s=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:s,intersectionRect:s,rootBounds:s}),()=>{}}const{id:r,observer:h,elements:l}=function(e){let t=o(e),i=s.get(t);if(!i){const n=new Map;let r;const o=new IntersectionObserver((t=>{t.forEach((t=>{var i;const s=t.isIntersecting&&r.some((e=>t.intersectionRatio>=e));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(i=n.get(t.target))||i.forEach((e=>{e(s,t)}))}))}),e);r=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:o,elements:n},s.set(t,i)}return i}(i);let a=l.get(e)||[];return l.has(e)||l.set(e,a),a.push(t),h.observe(e),function(){a.splice(a.indexOf(t),1),0===a.length&&(l.delete(e),h.unobserve(e)),0===l.size&&(h.disconnect(),s.delete(r))}}var l=class extends e.Component{constructor(e){super(e),i(this,"node",null),i(this,"_unobserveCb",null),i(this,"handleNode",(e=>{this.node&&(this.unobserve(),e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()})),i(this,"handleChange",((e,t)=>{e&&this.props.triggerOnce&&this.unobserve(),function(e){return"function"!=typeof e.children}(this.props)||this.setState({inView:e,entry:t}),this.props.onChange&&this.props.onChange(e,t)})),this.state={inView:!!e.initialInView,entry:void 0}}componentDidUpdate(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve(),this.node=null}observeNode(){if(!this.node||this.props.skip)return;const{threshold:e,root:t,rootMargin:i,trackVisibility:s,delay:n,fallbackInView:r}=this.props;this._unobserveCb=h(this.node,this.handleChange,{threshold:e,root:t,rootMargin:i,trackVisibility:s,delay:n},r)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){const{children:t}=this.props;if("function"==typeof t){const{inView:e,entry:i}=this.state;return t({inView:e,entry:i,ref:this.handleNode})}const{as:i,triggerOnce:s,threshold:n,root:r,rootMargin:o,onChange:h,skip:l,trackVisibility:a,delay:d,initialInView:p,fallbackInView:c,...u}=this.props;return e.createElement(i||"div",{ref:this.handleNode,...u},t)}};export{l as InView,h as observe};
|
|
2
|
+
//# sourceMappingURL=index.mjs.js.map
|