@cruk/cruk-react-components 2.0.0 → 3.0.0

package/lib/components/AddressLookup/AddressLookUp.test.cypress.d.ts

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

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

@@ -1,7 +1,36 @@
-import { Story, Meta } from "@storybook/react";
-import { AddressLookupProps } from ".";
-declare const _default: Meta<AddressLookupProps>;
-export default _default;
-export declare const AddressLookUp: Story<AddressLookupProps>;
-export declare const SU2CAddressLookUp: Story<AddressLookupProps>;
-export declare const BowelbabeAddressLookUp: Story<AddressLookupProps>;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import AddressLookup from ".";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+        apiKey: string;
+        countries?: string[] | undefined;
+        onAddressSelected: (address: import("..").AddressDataType) => void;
+        errorMessage?: string | undefined;
+        hasError?: boolean | undefined;
+        isValid?: boolean | undefined;
+        isValidVisible?: boolean | undefined;
+        isInvalidVisible?: boolean | undefined;
+        label?: string | undefined;
+        onAddressError?: ((error: Error) => void) | undefined;
+        onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+        ref?: React.Ref<HTMLInputElement> | undefined;
+    }, "label" | "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+    args: {
+        disabled: boolean;
+        errorMessage: string;
+        hasError: boolean;
+        label: string;
+        required: boolean;
+        isValid: boolean;
+        isValidVisible: boolean;
+        isInvalidVisible: boolean;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof AddressLookup>;
+export declare const AddressLookupStory: Story;
+export declare const AddressLookupSU2C: Story;
+export declare const AddressLookupBowelbabe: Story;

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

@@ -1,61 +1,61 @@
-import React, { InputHTMLAttributes, Ref, FocusEvent } from "react";
-import { AddressDataType } from "../../types";
-export type AddressLookupProps = InputHTMLAttributes<HTMLInputElement> & {
-    /** api key for loqate */
-    apiKey: string;
-    /** list of countries codes you want the address look up to search within */
-    countries?: string[];
-    /** callback function which is passed the selected address data */
-    onAddressSelected: (address: AddressDataType) => void;
-    /** error message */
-    errorMessage?: string;
-    /** when true a input has a red border */
-    hasError?: boolean;
-    /** flag which effects the check or cross icons to the right of the input */
-    isValid?: boolean;
-    /** flag to hide or show the check icon when valid */
-    isValidVisible?: boolean;
-    /** flag to hide or show the cross icon when invalid */
-    isInvalidVisible?: boolean;
-    /** label text */
-    label?: string;
-    /** callback function which is passed the error */
-    onAddressError?: (error: Error) => void;
-    /** onBlur handler */
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-    /** attach a DOM reference variable to your component */
-    ref?: Ref<HTMLInputElement>;
-};
-/**
- * This component creates a combobox for a user to type in a post code or partial address and be presented with a of verified addresses.
- * We use Loqate (formerly Addressy and Postcode Anywhere) API v3, we have looked at v4 but it is more expensive without many benefits for our use case.
- * You will need a Loqate api key, the examples below use "MG17-ZD93-FF33-KF13" our development key.
- * This component is generally only used for country codes including "GBR", "GGY", "IMN", "JEY". An example of this behavior is included bellow.
- */
-declare const AddressLookup: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
-    /** api key for loqate */
-    apiKey: string;
-    /** list of countries codes you want the address look up to search within */
-    countries?: string[] | undefined;
-    /** callback function which is passed the selected address data */
-    onAddressSelected: (address: AddressDataType) => void;
-    /** error message */
-    errorMessage?: string | undefined;
-    /** when true a input has a red border */
-    hasError?: boolean | undefined;
-    /** flag which effects the check or cross icons to the right of the input */
-    isValid?: boolean | undefined;
-    /** flag to hide or show the check icon when valid */
-    isValidVisible?: boolean | undefined;
-    /** flag to hide or show the cross icon when invalid */
-    isInvalidVisible?: boolean | undefined;
-    /** label text */
-    label?: string | undefined;
-    /** callback function which is passed the error */
-    onAddressError?: ((error: Error) => void) | undefined;
-    /** onBlur handler */
-    onBlur?: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
-    /** attach a DOM reference variable to your component */
-    ref?: React.Ref<HTMLInputElement> | undefined;
-}, "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "label" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
-export default AddressLookup;
+import React, { InputHTMLAttributes, Ref, FocusEvent } from "react";
+import { AddressDataType } from "../../types";
+export type AddressLookupProps = InputHTMLAttributes<HTMLInputElement> & {
+    /** api key for loqate */
+    apiKey: string;
+    /** list of countries codes you want the address look up to search within */
+    countries?: string[];
+    /** callback function which is passed the selected address data */
+    onAddressSelected: (address: AddressDataType) => void;
+    /** error message */
+    errorMessage?: string;
+    /** when true a input has a red border */
+    hasError?: boolean;
+    /** flag which effects the check or cross icons to the right of the input */
+    isValid?: boolean;
+    /** flag to hide or show the check icon when valid */
+    isValidVisible?: boolean;
+    /** flag to hide or show the cross icon when invalid */
+    isInvalidVisible?: boolean;
+    /** label text */
+    label?: string;
+    /** callback function which is passed the error */
+    onAddressError?: (error: Error) => void;
+    /** onBlur handler */
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    /** attach a DOM reference variable to your component */
+    ref?: Ref<HTMLInputElement>;
+};
+/**
+ * This component creates a combobox for a user to type in a post code or partial address and be presented with a of verified addresses.
+ * We use Loqate (formerly Addressy and Postcode Anywhere) API v3, we have looked at v4 but it is more expensive without many benefits for our use case.
+ * You will need a Loqate api key, the examples below use "MG17-ZD93-FF33-KF13" our development key.
+ * This component is generally only used for country codes including "GBR", "GGY", "IMN", "JEY". An example of this behavior is included bellow.
+ */
+declare const AddressLookup: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+    /** api key for loqate */
+    apiKey: string;
+    /** list of countries codes you want the address look up to search within */
+    countries?: string[] | undefined;
+    /** callback function which is passed the selected address data */
+    onAddressSelected: (address: AddressDataType) => void;
+    /** error message */
+    errorMessage?: string | undefined;
+    /** when true a input has a red border */
+    hasError?: boolean | undefined;
+    /** flag which effects the check or cross icons to the right of the input */
+    isValid?: boolean | undefined;
+    /** flag to hide or show the check icon when valid */
+    isValidVisible?: boolean | undefined;
+    /** flag to hide or show the cross icon when invalid */
+    isInvalidVisible?: boolean | undefined;
+    /** label text */
+    label?: string | undefined;
+    /** callback function which is passed the error */
+    onAddressError?: ((error: Error) => void) | undefined;
+    /** onBlur handler */
+    onBlur?: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
+    /** attach a DOM reference variable to your component */
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}, "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "label" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export default AddressLookup;

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-interface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {
-    tabIndex?: number;
-}
-export declare const ListWrapper: import("styled-components").StyledComponent<"div", any, ListWrapperProps, never>;
-export declare const List: import("styled-components").StyledComponent<"ul", any, {
-    ref?: import("react").Ref<HTMLUListElement> | undefined;
-}, never>;
-export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
-    isActive: boolean;
-    ref?: import("react").Ref<HTMLLIElement> | undefined;
-}, never>;
-export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
+/// <reference types="react" />
+interface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {
+    tabIndex?: number;
+}
+export declare const ListWrapper: import("styled-components").StyledComponent<"div", any, ListWrapperProps, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", any, {
+    ref?: import("react").Ref<HTMLUListElement> | undefined;
+}, never>;
+export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
+    isActive: boolean;
+    ref?: import("react").Ref<HTMLLIElement> | undefined;
+}, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1,20 +1,33 @@
-import { Story, Meta } from "@storybook/react";
-import { AvatarProps } from ".";
-declare const _default: Meta<AvatarProps>;
-export default _default;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const ExtraLarge: Story;
-export declare const CustomImage: Story;
-export declare const SU2CDefault: Story;
-export declare const SU2CSmall: Story;
-export declare const SU2CMedium: Story;
-export declare const SU2CLarge: Story;
-export declare const SU2CExtraLarge: Story;
-export declare const BowelbabeDefault: Story;
-export declare const BowelbabeSmall: Story;
-export declare const BowelbabeMedium: Story;
-export declare const BowelbabeLarge: Story;
-export declare const BowelbabeExtraLarge: Story;
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react";
+import Avatar from ".";
+declare const _default: {
+    title: string;
+    component: ({ url, name, size, alt, ...rest }: import(".").AvatarProps) => JSX.Element;
+    args: {
+        name: string;
+        size: string;
+        alt: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const CustomImage: Story;
+export declare const DefaultSU2C: Story;
+export declare const SmallSU2C: Story;
+export declare const MediumSU2C: Story;
+export declare const LargeSU2C: Story;
+export declare const ExtraLargeSU2C: Story;
+export declare const CustomImageSU2C: Story;
+export declare const DefaultBowelBabe: Story;
+export declare const SmallBowelBabe: Story;
+export declare const MediumBowelBabe: Story;
+export declare const LargeBowelBabe: Story;
+export declare const ExtraLargeBowelBabe: Story;
+export declare const CustomImageBowelBabe: Story;

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

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

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

@@ -1,15 +1,15 @@
-import { ImgHTMLAttributes } from "react";
-export type AvatarProps = ImgHTMLAttributes<HTMLElement> & {
-    /** name of user/entity */
-    name?: string;
-    /** image url */
-    url?: string;
-    /** image size */
-    size?: "s" | "m" | "l" | "xl";
-};
-/**
- *
- * You can use an avatar to display ownership of an item of content. If you pass a URL of an image that will be displayed otherwise the first letter of the name will be used to display a branded avatar.
- */
-declare const Avatar: ({ url, name, size, alt, ...rest }: AvatarProps) => JSX.Element;
-export default Avatar;
+import { ImgHTMLAttributes } from "react";
+export type AvatarProps = ImgHTMLAttributes<HTMLElement> & {
+    /** name of user/entity */
+    name?: string;
+    /** image url */
+    url?: string;
+    /** image size */
+    size?: "s" | "m" | "l" | "xl";
+};
+/**
+ *
+ * You can use an avatar to display ownership of an item of content. If you pass a URL of an image that will be displayed otherwise the first letter of the name will be used to display a branded avatar.
+ */
+declare const Avatar: ({ url, name, size, alt, ...rest }: AvatarProps) => JSX.Element;
+export default Avatar;

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

@@ -1,7 +1,7 @@
-import { ThemeType } from "../../types";
-type AvatarStyledProps = {
-    size?: string;
-    theme: ThemeType;
-};
-export declare const StyledAvatar: import("styled-components").StyledComponent<"img", any, AvatarStyledProps, never>;
-export default StyledAvatar;
+import { ThemeType } from "../../types";
+type AvatarStyledProps = {
+    size?: string;
+    theme: ThemeType;
+};
+export declare const StyledAvatar: import("styled-components").StyledComponent<"img", any, AvatarStyledProps, never>;
+export default StyledAvatar;

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

@@ -1,16 +1,26 @@
-import { Story, Meta } from "@storybook/react";
-import { BadgeProps } from ".";
-declare const _default: Meta<BadgeProps>;
-export default _default;
-export declare const BadgeWithText: Story;
-export declare const Default: Story;
-export declare const BadgeWithColour: Story;
-export declare const BadgeWithInverseColours: Story;
-export declare const SU2CBadgeWithText: Story;
-export declare const SU2CDefault: Story;
-export declare const SU2CBadgeWithColour: Story;
-export declare const SU2CBadgeWithInverseColours: Story;
-export declare const BowelbabeBadgeWithText: Story;
-export declare const BowelbabeDefault: Story;
-export declare const BowelbabeBadgeWithColour: Story;
-export declare const BowelbabeBadgeWithInverseColours: Story;
+import { StoryObj } from "@storybook/react";
+import Badge, { BadgeProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ children, ...rest }: BadgeProps) => JSX.Element;
+    args: {
+        borderColor: string;
+        backgroundColor: string;
+        textColor: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const BadgeWithText: Story;
+export declare const BadgeWithColour: Story;
+export declare const BadgeWithInverseColours: Story;
+export declare const DefaultSU2C: Story;
+export declare const BadgeWithTextSU2C: Story;
+export declare const BadgeWithColourSU2C: Story;
+export declare const BadgeWithInverseColoursSU2C: Story;
+export declare const DefaultBowelbabe: Story;
+export declare const BadgeWithTextBowelbabe: Story;
+export declare const BadgeWithColourBowelbabe: Story;
+export declare const BadgeWithInverseColoursBowelbabe: Story;

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

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

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

@@ -1,29 +1,29 @@
-import { ReactNode } from "react";
-import { SpaceType } from "../../types";
-export type BadgeProps = {
-    /** background colour of badge */
-    backgroundColor?: string;
-    /** border colour of badge */
-    borderColor?: string;
-    /** text colour of badge */
-    textColor?: string;
-    /** size of badge */
-    size?: SpaceType;
-    /** contents of badge */
-    children?: ReactNode;
-};
-/**
- * Displays a numeric or icon indicator. You can use the icon prop to
-indicate the importance of the badge to the user.
+import { ReactNode } from "react";
+import { SpaceType } from "../../types";
+export type BadgeProps = {
+    /** background colour of badge */
+    backgroundColor?: string;
+    /** border colour of badge */
+    borderColor?: string;
+    /** text colour of badge */
+    textColor?: string;
+    /** size of badge */
+    size?: SpaceType;
+    /** contents of badge */
+    children?: ReactNode;
+};
+/**
+ * Displays a numeric or icon indicator. You can use the icon prop to
+indicate the importance of the badge to the user.
 
-Note that depending on how they are used, badges may be confusing for users
-of screen readers and similar assistive technologies. While the styling of
-badges provides a visual cue as to their purpose, these users will simply
-be presented with the content of the badge. Depending on the specific
-situation, these badges may seem like random additional words or numbers
-at the end of a sentence, link, or button. Unless the context is clear,
-consider including additional context with a visually hidden piece of
-additional text.
- */
-declare const Badge: ({ children, ...rest }: BadgeProps) => JSX.Element;
-export default Badge;
+Note that depending on how they are used, badges may be confusing for users
+of screen readers and similar assistive technologies. While the styling of
+badges provides a visual cue as to their purpose, these users will simply
+be presented with the content of the badge. Depending on the specific
+situation, these badges may seem like random additional words or numbers
+at the end of a sentence, link, or button. Unless the context is clear,
+consider including additional context with a visually hidden piece of
+additional text.
+ */
+declare const Badge: ({ children, ...rest }: BadgeProps) => JSX.Element;
+export default Badge;

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

@@ -1,11 +1,11 @@
-import { SpaceType, ThemeType } from "../../types";
-type StyleBadgeProps = {
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    isText?: boolean;
-    size: SpaceType;
-    theme: ThemeType;
-};
-export declare const StyledBadge: import("styled-components").StyledComponent<"span", any, StyleBadgeProps, never>;
-export default StyledBadge;
+import { SpaceType, ThemeType } from "../../types";
+type StyleBadgeProps = {
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    isText?: boolean;
+    size: SpaceType;
+    theme: ThemeType;
+};
+export declare const StyledBadge: import("styled-components").StyledComponent<"span", any, StyleBadgeProps, never>;
+export default StyledBadge;

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

@@ -1,13 +1,20 @@
-import { Story, Meta } from "@storybook/react";
-import { BoxProps } from ".";
-declare const _default: Meta<BoxProps>;
-export default _default;
-export declare const Default: Story;
-export declare const BoxWithColour: Story;
-export declare const BoxWithColourWithCustomSpacing: Story;
-export declare const SU2CDefault: Story;
-export declare const SU2CBoxWithColour: Story;
-export declare const SU2CBoxWithColourWithCustomSpacing: Story;
-export declare const BowelbabeDefault: Story;
-export declare const BowelbabeBoxWithColour: Story;
-export declare const BowelbabeBoxWithColourWithCustomSpacing: Story;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Box, { BoxProps } from ".";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<BoxProps>;
+    args: {};
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Box>;
+export declare const Default: Story;
+export declare const BoxWithColour: Story;
+export declare const BoxWithColourWithCustomSpacing: Story;
+export declare const DefaultSU2C: Story;
+export declare const BoxWithColourSU2C: Story;
+export declare const BoxWithColourWithCustomSpacingSU2C: Story;
+export declare const DefaultBowelBabe: Story;
+export declare const BoxWithColourBowelBabe: Story;
+export declare const BoxWithColourWithCustomSpacingBowelBabe: Story;

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

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

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

@@ -1,18 +1,18 @@
-import { FunctionComponent, HTMLAttributes, Ref, ReactNode, ElementType } from "react";
-import { SpacingProps } from "../Spacing";
-export type BoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
-    /** background color of box, this will add default padding */
-    backgroundColor?: string;
-    css?: string;
-    ref?: Ref<HTMLDivElement>;
-    children?: ReactNode;
-    /** styled-component polymorphic feature so you take the styling of a box and cast the component to be a "span" for example */
-    as?: ElementType;
-};
-/**
- * Box is used to wrap other components to add margin and padding. The values will be in the t-shirt sizes specified in the theme sizes.
+import { FunctionComponent, HTMLAttributes, Ref, ReactNode, ElementType } from "react";
+import { SpacingProps } from "../Spacing";
+export type BoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+    /** background color of box, this will add default padding */
+    backgroundColor?: string;
+    css?: string;
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+    /** styled-component polymorphic feature so you take the styling of a box and cast the component to be a "span" for example */
+    as?: ElementType;
+};
+/**
+ * Box is used to wrap other components to add margin and padding. The values will be in the t-shirt sizes specified in the theme sizes.
 
-The more specific the the target the higher priority the css will have. For example `margin` will be overridden by the `marginVertical` or `marginHorizontal` props. `marginTop`, `marginBottom`, `marginLeft`, `marginRight` will override the the `marginVertical` and `marginHorizontal` props.
- */
-declare const Box: FunctionComponent<BoxProps>;
-export default Box;
+The more specific the the target the higher priority the css will have. For example `margin` will be overridden by the `marginVertical` or `marginHorizontal` props. `marginTop`, `marginBottom`, `marginLeft`, `marginRight` will override the the `marginVertical` and `marginHorizontal` props.
+ */
+declare const Box: FunctionComponent<BoxProps>;
+export default Box;

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

@@ -1,8 +1,8 @@
-import { SpacingProps } from "../Spacing";
-import { ThemeType } from "../../types";
-export declare const StyledBox: import("styled-components").StyledComponent<"div", any, SpacingProps & {
-    backgroundColor?: string | undefined;
-    css?: string | undefined;
-    theme: ThemeType;
-}, never>;
-export default StyledBox;
+import { SpacingProps } from "../Spacing";
+import { ThemeType } from "../../types";
+export declare const StyledBox: import("styled-components").StyledComponent<"div", any, SpacingProps & {
+    backgroundColor?: string | undefined;
+    css?: string | undefined;
+    theme: ThemeType;
+}, never>;
+export default StyledBox;

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

@@ -1,15 +1,39 @@
-import { Story, Meta } from "@storybook/react";
-import { Props } from ".";
-declare const _default: Meta<Props>;
-export default _default;
-export declare const Primary: Story;
-export declare const PrimaryAnchorButton: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const WithIcons: Story;
-export declare const SU2CPrimary: Story;
-export declare const SU2CSecondary: Story;
-export declare const SU2CTertiary: Story;
-export declare const BowelbabePrimary: Story;
-export declare const BowelbabeSecondary: Story;
-export declare const BowelbabeTertiary: Story;
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { Button } from "./";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLElement> & {
+        appearance?: import("..").ButtonAppearanceType | undefined;
+        full?: boolean | undefined;
+        href?: string | undefined;
+        size?: "m" | "l" | undefined;
+        css?: any;
+        as?: React.ElementType | undefined;
+        isIconButton?: boolean | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
+        children?: React.ReactNode;
+    }, "css" | "as" | "size" | keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
+    args: {
+        appearance: string;
+        disabled: boolean;
+        children: string;
+        full: boolean;
+        size: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const PrimaryAnchorButton: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const WithIcons: Story;
+export declare const PrimarySU2C: Story;
+export declare const SecondarySU2C: Story;
+export declare const TertiarySU2C: Story;
+export declare const PrimaryBowelbabe: Story;
+export declare const SecondaryBowelbabe: Story;
+export declare const TertiaryBowelbabe: Story;

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

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