@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/fields/image-upload/image-review/image-review.styles.d.ts

@@ -1,129 +1,128 @@
-/// <reference types="react" />
-interface IModalBoxStyle {
-    imageReviewModalStyles?: string | undefined;
-}
-export declare const ModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "imageReviewModalStyles"> & IModalBoxStyle, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "imageReviewModalStyles"> & IModalBoxStyle, never>>> & string & Omit<(props: import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$drawActive"> & {
-    $drawActive?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$drawActive"> & {
-    $drawActive?: boolean;
-}, never>>> & string;
-export declare const ReviewCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const ReviewTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const EditHeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const ContentSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LoadingPreviewText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const DrawDeleteButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DrawDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const DrawDeleteButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never>>> & string;
-export declare const DrawIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const DeleteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$disabled"> & {
-    $disabled: boolean;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ImageEditorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const FooterSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const FooterSaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const EraserButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const EraserButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$eraseMode"> & {
-    $eraseMode: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$eraseMode"> & {
-    $eraseMode: boolean;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$colorScheme"> & {
-    $colorScheme: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, "$colorScheme"> & {
-    $colorScheme: string;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const PaletteHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Palette: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$colorScheme" | "$color"> & {
-    $color: string;
-    $colorScheme?: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$colorScheme" | "$color"> & {
-    $color: string;
-    $colorScheme?: string;
-}, never>>> & string;
-export {};
+interface IModalBoxStyle {
+    imageReviewModalStyles?: string | undefined;
+}
+export declare const ModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, "imageReviewModalStyles"> & IModalBoxStyle, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, "imageReviewModalStyles"> & IModalBoxStyle, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$drawActive"> & {
+    $drawActive?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$drawActive"> & {
+    $drawActive?: boolean;
+}, never>>> & string;
+export declare const ReviewCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const ReviewTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const EditHeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export declare const ContentSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LoadingPreviewText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const DrawDeleteButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const DrawDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const DrawDeleteButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never>>> & string;
+export declare const DrawIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const DeleteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$disabled"> & {
+    $disabled: boolean;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const ImageEditorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const FooterSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const FooterSaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const EraserButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export declare const EraserButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$eraseMode"> & {
+    $eraseMode: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$eraseMode"> & {
+    $eraseMode: boolean;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const ButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$colorScheme"> & {
+    $colorScheme: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, "$colorScheme"> & {
+    $colorScheme: string;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const PaletteHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Palette: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$colorScheme" | "$color"> & {
+    $color: string;
+    $colorScheme?: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$colorScheme" | "$color"> & {
+    $color: string;
+    $colorScheme?: string;
+}, never>>> & string;
+export {};

package/components/fields/image-upload/image-review/image-thumbnails/image-thumbnails.d.ts

@@ -1,11 +1,11 @@
-import { IImage, ISharedImageProps, TFileCapture } from "../../types";
-interface IProps extends Omit<ISharedImageProps, "maxSizeInKb"> {
-    activeFileIndex: number;
-    capture?: TFileCapture;
-    images: IImage[];
-    onClickThumbnail: (index: number) => void;
-    onSelectFile: (files: File[]) => void;
-    multiple?: boolean | undefined;
-}
-export declare const ImageThumbnails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { IImage, ISharedImageProps, TFileCapture } from "../../types";
+interface IProps extends Omit<ISharedImageProps, "maxSizeInKb"> {
+    activeFileIndex: number;
+    capture?: TFileCapture;
+    images: IImage[];
+    onClickThumbnail: (index: number) => void;
+    onSelectFile: (files: File[]) => void;
+    multiple?: boolean | undefined;
+}
+export declare const ImageThumbnails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/image-upload/image-review/image-thumbnails/image-thumbnails.styles.d.ts

@@ -1,30 +1,29 @@
-/// <reference types="react" />
-export declare const ThumbnailsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ThumbnailItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$src" | "$error"> & {
-    $src?: string;
-    $error?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$src" | "$error"> & {
-    $src?: string;
-    $error?: boolean;
-}, never>>> & string;
-export declare const ThumbnailWarningIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const LoadingDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LoadingBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BorderOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
-    $isSelected: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
-    $isSelected: boolean;
-}, never>>> & string;
-export declare const HiddenFileSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const AddImageButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const ThumbnailsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ThumbnailItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$src" | "$error"> & {
+    $src?: string;
+    $error?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$src" | "$error"> & {
+    $src?: string;
+    $error?: boolean;
+}, never>>> & string;
+export declare const ThumbnailWarningIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const LoadingDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LoadingBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const BorderOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
+    $isSelected: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
+    $isSelected: boolean;
+}, never>>> & string;
+export declare const HiddenFileSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+export declare const AddImageButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/components/fields/image-upload/image-review/image-thumbnails/index.d.ts

@@ -1 +1 @@
-export * from "./image-thumbnails";
+export * from "./image-thumbnails";

package/components/fields/image-upload/image-review/index.d.ts

@@ -1 +1 @@
-export * from "./image-review";
+export * from "./image-review";

package/components/fields/image-upload/image-upload-helper.d.ts

@@ -1,10 +1,12 @@
-import { IImage } from "./types";
-export declare namespace ImageUploadHelper {
-    /**
-     * picks an available slot
-     * slot refers to the index of the file selected
-     * this is for tracking so we can remove the correct file when user removes it
-     * NOTE: validation for max no. of images should be carried out outside this function, this function will only look for the next available slot
-     */
-    const findAvailableSlot: (images: IImage[]) => number;
-}
+import { IImage } from "./types";
+export declare namespace ImageUploadHelper {
+    /** Render when base64 is ready, or when FileItem should show a validation/upload error row. */
+    const shouldRenderFileItem: (image: IImage) => boolean;
+    /**
+     * picks an available slot
+     * slot refers to the index of the file selected
+     * this is for tracking so we can remove the correct file when user removes it
+     * NOTE: validation for max no. of images should be carried out outside this function, this function will only look for the next available slot
+     */
+    const findAvailableSlot: (images: IImage[]) => number;
+}

package/components/fields/image-upload/image-upload.d.ts

@@ -1,4 +1,4 @@
-import { IGenericFieldProps } from "..";
-import { IImageUploadSchema } from "./types";
-export declare const ImageUploadInner: (props: IGenericFieldProps<IImageUploadSchema>) => import("react/jsx-runtime").JSX.Element;
-export declare const ImageUpload: (props: IGenericFieldProps<IImageUploadSchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericFieldProps } from "..";
+import { IImageUploadSchema } from "./types";
+export declare const ImageUploadInner: (props: IGenericFieldProps<IImageUploadSchema>) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageUpload: (props: IGenericFieldProps<IImageUploadSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/image-upload/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./image-upload";
-export * from "./types";
+export * from "./image-upload";
+export * from "./types";