@cruk/cruk-react-components 2.0.1 → 3.1.0

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

@@ -1,50 +1,50 @@
-import { SpacingProps } from "../Spacing";
-import { ThemeType, FontSizeType, WordBreakType } from "../../types";
-export declare const H1: import("styled-components").StyledComponent<"h1", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
-export declare const H3: import("styled-components").StyledComponent<"h3", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
-export declare const H5: import("styled-components").StyledComponent<"h5", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
-export declare const H6: import("styled-components").StyledComponent<"h6", any, SpacingProps & {
-    theme: ThemeType;
-    textSize?: FontSizeType | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textColor?: string | undefined;
-    wordBreak?: WordBreakType | undefined;
-    overflowWrap?: WordBreakType | undefined;
-}, never>;
+import { SpacingProps } from "../Spacing";
+import { ThemeType, FontSizeType, WordBreakType } from "../../types";
+export declare const H1: import("styled-components").StyledComponent<"h1", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;
+export declare const H2: import("styled-components").StyledComponent<"h2", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;
+export declare const H3: import("styled-components").StyledComponent<"h3", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;
+export declare const H4: import("styled-components").StyledComponent<"h4", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;
+export declare const H5: import("styled-components").StyledComponent<"h5", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;
+export declare const H6: import("styled-components").StyledComponent<"h6", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+    overflowWrap?: WordBreakType | undefined;
+}, never>;

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

@@ -1,6 +1,16 @@
-import { Story, Meta } from "@storybook/react";
-import { IconProps } from ".";
-declare const _default: Meta<IconProps>;
-export default _default;
-export declare const IconDefault: Story<IconProps>;
-export declare const SU2CIcon: Story<IconProps>;
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react";
+import Icon, { IconProps } from ".";
+declare const _default: {
+    title: string;
+    component: ({ name, color, size, ...rest }: IconProps) => JSX.Element;
+    args: {
+        name: string;
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Icon>;
+export declare const IconDefault: Story;
+export declare const IconSU2C: Story;
+export declare const IconBowelbabe: Story;

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

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

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

@@ -1,268 +1,268 @@
-export declare const ICONS: {
-    calendar: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    check: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    checkCircle: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronRightBold: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    cog: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    copy: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    clock: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    close: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    comment: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    delete: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    edit: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    envelope: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    envelopeSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    eventName: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebook: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebookRound: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebookSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    flag: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    heartbeat: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    link: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    linkedin: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    linkedinSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    mapMarker: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    messengerSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    move: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveDown: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveUp: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    poundSign: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    question: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    rotateLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    rotateRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    search: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    selectImage: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    settings: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    share: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    shareSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    steps: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    sync: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    team: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    twitter: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    twitterSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    uploadPhoto: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    userLock: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    view: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    walk: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    whatsapp: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    whatsappSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    zoomIn: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    zoomOut: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-};
-export default ICONS;
+export declare const ICONS: {
+    calendar: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    check: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    checkCircle: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    chevronLeft: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    chevronRight: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    chevronRightBold: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    cog: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    copy: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    clock: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    close: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    comment: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    delete: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    edit: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    envelope: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    envelopeSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    eventName: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    facebook: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    facebookRound: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    facebookSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    flag: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    heartbeat: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    link: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    linkedin: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    linkedinSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    mapMarker: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    messengerSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    move: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    moveDown: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    moveLeft: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    moveRight: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    moveUp: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    poundSign: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    question: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    rotateLeft: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    rotateRight: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    search: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    selectImage: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    settings: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    share: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    shareSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    steps: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    sync: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    team: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    twitter: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    twitterSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    uploadPhoto: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    userLock: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    view: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    walk: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    whatsapp: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    whatsappSquare: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    zoomIn: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+    zoomOut: {
+        paths: string[];
+        width: string;
+        height: string;
+    };
+};
+export default ICONS;