@bloom-housing/ui-components 13.0.0 → 13.0.2

package/dist/src/lists/PreferencesList.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="mdx" />
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 import PreferencesListDocumentation from "./PreferencesList.docs.mdx";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         docs: {
             page: typeof PreferencesListDocumentation;
@@ -13,4 +14,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const preferences: () => JSX.Element;
+export declare const preferences: () => React.JSX.Element;

package/dist/src/navigation/Breadcrumbs.d.ts

@@ -7,6 +7,6 @@ declare const BreadcrumbLink: (props: {
     href: string;
     children: React.ReactNode;
     current?: boolean;
-}) => JSX.Element;
-declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+}) => React.JSX.Element;
+declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
 export { Breadcrumbs as default, Breadcrumbs, BreadcrumbLink };

package/dist/src/navigation/Breadcrumbs.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/navigation/FooterNav.d.ts

@@ -4,5 +4,5 @@ export interface FooterNavProps {
     children?: React.ReactNode;
     copyright: string;
 }
-declare const FooterNav: (props: FooterNavProps) => JSX.Element;
+declare const FooterNav: (props: FooterNavProps) => React.JSX.Element;
 export { FooterNav as default, FooterNav };

package/dist/src/navigation/LanguageNav.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./LanguageNav.scss";
 export type LangItem = {
     label: string;
@@ -8,5 +9,5 @@ export interface LanguageNavProps {
     ariaLabel?: string;
     languages: LangItem[];
 }
-declare const LanguageNav: ({ ariaLabel, languages }: LanguageNavProps) => JSX.Element;
+declare const LanguageNav: ({ ariaLabel, languages }: LanguageNavProps) => React.JSX.Element;
 export { LanguageNav as default, LanguageNav };

package/dist/src/navigation/LanguageNav.stories.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         badges: BADGES[];
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/navigation/ProgressNav.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./ProgressNav.scss";
 type ProgressNavStyle = "bar" | "dot";
 declare const ProgressNav: (props: {
@@ -10,5 +11,5 @@ declare const ProgressNav: (props: {
     strings?: {
         screenReaderHeading?: string;
     };
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { ProgressNav as default, ProgressNav };

package/dist/src/navigation/ProgressNav.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         badges: BADGES[];
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const barStyle: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const barStyle: () => React.JSX.Element;

package/dist/src/navigation/SideNav.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import "./SideNav.scss";
 export interface SideNavItemProps {
     current?: boolean;
@@ -10,5 +11,5 @@ export interface SideNavProps {
     className?: string;
     navItems?: SideNavItemProps[];
 }
-declare const SideNav: (props: SideNavProps) => JSX.Element;
+declare const SideNav: (props: SideNavProps) => React.JSX.Element;
 export { SideNav as default, SideNav };

package/dist/src/navigation/SideNav.stories.d.ts

@@ -1,14 +1,15 @@
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         badges: BADGES[];
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Current: () => JSX.Element;
-export declare const ChildItems: () => JSX.Element;
-export declare const WithinLayout: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Current: () => React.JSX.Element;
+export declare const ChildItems: () => React.JSX.Element;
+export declare const WithinLayout: () => React.JSX.Element;

package/dist/src/navigation/TabNav.d.ts

@@ -8,9 +8,9 @@ export interface TabNavItemProps {
     tagSize?: AppearanceSizeType;
     children: React.ReactNode;
 }
-declare const TabNavItem: (props: TabNavItemProps) => JSX.Element;
+declare const TabNavItem: (props: TabNavItemProps) => React.JSX.Element;
 declare const TabNav: (props: {
     children: React.ReactNode;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { TabNav as default, TabNav, TabNavItem };

package/dist/src/navigation/TabNav.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         actions: {
             argTypesRegex: string;
@@ -9,7 +10,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {
@@ -22,7 +23,7 @@ export declare const Default: {
     };
 };
 export declare const Other: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {

package/dist/src/navigation/Tabs.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/notifications/AlertBox.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ReactNode } from "react";
 import { IconTypes } from "../icons/Icon";
 import type { AlertTypes } from "./alertTypes";
@@ -14,5 +15,5 @@ export interface AlertBoxProps {
     sticky?: boolean;
     type?: AlertTypes;
 }
-declare const AlertBox: (props: AlertBoxProps) => JSX.Element | null;
+declare const AlertBox: (props: AlertBoxProps) => React.JSX.Element | null;
 export { AlertBox as default, AlertBox };

package/dist/src/notifications/AlertBox.stories.d.ts

@@ -1,23 +1,24 @@
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./AlertBox").AlertBoxProps) => JSX.Element | null;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./AlertBox").AlertBoxProps) => React.JSX.Element | null;
     parameters: {
         badges: BADGES[];
     };
 };
 export default _default;
-export declare const AlertBoxAlert: () => JSX.Element;
-export declare const AlertBoxAlertInvert: () => JSX.Element;
-export declare const AlertBoxNotice: () => JSX.Element;
-export declare const AlertBoxNoticeInvert: () => JSX.Element;
-export declare const AlertBoxNoticeInvertLink: () => JSX.Element;
-export declare const AlertBoxSuccess: () => JSX.Element;
-export declare const AlertBoxSuccessInvert: () => JSX.Element;
-export declare const AlertBoxWarn: () => JSX.Element;
-export declare const AlertBoxBoundToLayoutWidth: () => JSX.Element;
-export declare const AlertBoxNarrow: () => JSX.Element;
-export declare const AlertBoxSticky: () => JSX.Element;
-export declare const styleOverrides: () => JSX.Element;
+export declare const AlertBoxAlert: () => React.JSX.Element;
+export declare const AlertBoxAlertInvert: () => React.JSX.Element;
+export declare const AlertBoxNotice: () => React.JSX.Element;
+export declare const AlertBoxNoticeInvert: () => React.JSX.Element;
+export declare const AlertBoxNoticeInvertLink: () => React.JSX.Element;
+export declare const AlertBoxSuccess: () => React.JSX.Element;
+export declare const AlertBoxSuccessInvert: () => React.JSX.Element;
+export declare const AlertBoxWarn: () => React.JSX.Element;
+export declare const AlertBoxBoundToLayoutWidth: () => React.JSX.Element;
+export declare const AlertBoxNarrow: () => React.JSX.Element;
+export declare const AlertBoxSticky: () => React.JSX.Element;
+export declare const styleOverrides: () => React.JSX.Element;

package/dist/src/notifications/AlertNotice.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ReactNode } from "react";
 import type { AlertTypes } from "./alertTypes";
 import "./AlertNotice.scss";
@@ -8,5 +9,5 @@ export interface AlertNoticeProps {
     children: ReactNode;
     className?: string;
 }
-declare const AlertNotice: (props: AlertNoticeProps) => JSX.Element;
+declare const AlertNotice: (props: AlertNoticeProps) => React.JSX.Element;
 export { AlertNotice as default, AlertNotice };

package/dist/src/notifications/AlertNotice.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const AlertNoticeAlert: () => JSX.Element;
-export declare const AlertNoticeAlertInverted: () => JSX.Element;
-export declare const AlertNoticeNotice: () => JSX.Element;
-export declare const AlertNoticeNoticeInverted: () => JSX.Element;
-export declare const AlertNoticeSuccess: () => JSX.Element;
-export declare const AlertNoticeSuccessInverted: () => JSX.Element;
+export declare const AlertNoticeAlert: () => React.JSX.Element;
+export declare const AlertNoticeAlertInverted: () => React.JSX.Element;
+export declare const AlertNoticeNotice: () => React.JSX.Element;
+export declare const AlertNoticeNoticeInverted: () => React.JSX.Element;
+export declare const AlertNoticeSuccess: () => React.JSX.Element;
+export declare const AlertNoticeSuccessInverted: () => React.JSX.Element;

package/dist/src/notifications/ApplicationStatus.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { UniversalIconType } from "../icons/Icon";
 import { ApplicationStatusType } from "../global/ApplicationStatusType";
 import "./ApplicationStatus.scss";
@@ -11,5 +12,5 @@ export interface ApplicationStatusProps {
     vivid?: boolean;
     withIcon?: boolean;
 }
-declare const ApplicationStatus: (props: ApplicationStatusProps) => JSX.Element | null;
+declare const ApplicationStatus: (props: ApplicationStatusProps) => React.JSX.Element | null;
 export { ApplicationStatus as default, ApplicationStatus };

package/dist/src/notifications/ApplicationStatus.stories.d.ts

@@ -1,20 +1,21 @@
+import * as React from "react";
 declare const _default: {
-    component: (props: import("./ApplicationStatus").ApplicationStatusProps) => JSX.Element | null;
+    component: (props: import("./ApplicationStatus").ApplicationStatusProps) => React.JSX.Element | null;
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const dueSoonAndVivid: () => JSX.Element;
-export declare const withSubContent: () => JSX.Element;
-export declare const dueSoonWithTime: () => JSX.Element;
-export declare const pastDue: () => JSX.Element;
-export declare const pastDueAndVivid: () => JSX.Element;
-export declare const pastDueWithStyles: () => JSX.Element;
-export declare const pastDueWithIconColor: () => JSX.Element;
-export declare const openSoon: () => JSX.Element;
-export declare const openedAlready: () => JSX.Element;
-export declare const openedWithNoDue: () => JSX.Element;
-export declare const openedWithFCFS: () => JSX.Element;
-export declare const openedWithFCFSVivid: () => JSX.Element;
-export declare const postLottery: () => JSX.Element;
-export declare const matched: () => JSX.Element;
+export declare const dueSoonAndVivid: () => React.JSX.Element;
+export declare const withSubContent: () => React.JSX.Element;
+export declare const dueSoonWithTime: () => React.JSX.Element;
+export declare const pastDue: () => React.JSX.Element;
+export declare const pastDueAndVivid: () => React.JSX.Element;
+export declare const pastDueWithStyles: () => React.JSX.Element;
+export declare const pastDueWithIconColor: () => React.JSX.Element;
+export declare const openSoon: () => React.JSX.Element;
+export declare const openedAlready: () => React.JSX.Element;
+export declare const openedWithNoDue: () => React.JSX.Element;
+export declare const openedWithFCFS: () => React.JSX.Element;
+export declare const openedWithFCFSVivid: () => React.JSX.Element;
+export declare const postLottery: () => React.JSX.Element;
+export declare const matched: () => React.JSX.Element;

package/dist/src/notifications/ErrorMessage.d.ts

@@ -4,5 +4,5 @@ declare const ErrorMessage: (props: {
     error?: boolean;
     children?: React.ReactNode;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { ErrorMessage as default, ErrorMessage };

package/dist/src/notifications/SiteAlert.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AlertTypes } from "./alertTypes";
 type SiteAlertProps = {
     timeout?: number;
@@ -15,5 +16,5 @@ export declare const clearSiteAlertMessage: (type: AlertTypes) => void;
 /**
  * Show an alert based on a url query param.
  */
-export declare const SiteAlert: ({ timeout, dismissable, type, className, alertMessage, sticky, }: SiteAlertProps) => JSX.Element | null;
+export declare const SiteAlert: ({ timeout, dismissable, type, className, alertMessage, sticky, }: SiteAlertProps) => React.JSX.Element | null;
 export {};

package/dist/src/notifications/StatusAside.d.ts

@@ -5,4 +5,4 @@ export interface StatusAsideProps {
     columns?: number;
     children?: React.ReactNode;
 }
-export declare const StatusAside: (props: StatusAsideProps) => JSX.Element;
+export declare const StatusAside: (props: StatusAsideProps) => React.JSX.Element;

package/dist/src/notifications/StatusAside.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const WithButtonsAndMessages: () => JSX.Element;
-export declare const OnlyTimestamp: () => JSX.Element;
+export declare const WithButtonsAndMessages: () => React.JSX.Element;
+export declare const OnlyTimestamp: () => React.JSX.Element;

package/dist/src/notifications/StatusMessage.d.ts

@@ -9,12 +9,12 @@ export interface StatusMessagesProps {
         statusHistory?: string;
     };
 }
-export declare const StatusMessages: (props: StatusMessagesProps) => JSX.Element;
+export declare const StatusMessages: (props: StatusMessagesProps) => React.JSX.Element;
 export interface StatusMessageProps {
     status: string;
     timestamp: string;
     body?: string;
     style?: AppearanceStyleType;
 }
-declare const StatusMessage: (props: StatusMessageProps) => JSX.Element;
+declare const StatusMessage: (props: StatusMessageProps) => React.JSX.Element;
 export { StatusMessage as default, StatusMessage };

package/dist/src/notifications/StatusMessage.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const SeveralMessages: () => JSX.Element;
-export declare const NoMessages: () => JSX.Element;
+export declare const SeveralMessages: () => React.JSX.Element;
+export declare const NoMessages: () => React.JSX.Element;

package/dist/src/overlays/Drawer.d.ts

@@ -17,5 +17,5 @@ export interface DrawerProps extends OverlayProps {
     direction?: DrawerSide;
     actions?: React.ReactNode[];
 }
-declare const Drawer: (props: DrawerProps) => JSX.Element;
+declare const Drawer: (props: DrawerProps) => React.JSX.Element;
 export { Drawer as default, Drawer };

package/dist/src/overlays/Drawer.stories.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const StandardOnLeft: () => JSX.Element;
-export declare const DrawerFieldTest: () => JSX.Element;
-export declare const DrawerViewTest: () => JSX.Element;
+export declare const Standard: () => React.JSX.Element;
+export declare const StandardOnLeft: () => React.JSX.Element;
+export declare const DrawerFieldTest: () => React.JSX.Element;
+export declare const DrawerViewTest: () => React.JSX.Element;

package/dist/src/overlays/LoadingOverlay.d.ts

@@ -4,5 +4,5 @@ type LoadingOverlayProps = {
     isLoading: boolean;
     children: React.ReactNode;
 };
-declare const LoadingOverlay: ({ isLoading, children }: LoadingOverlayProps) => JSX.Element;
+declare const LoadingOverlay: ({ isLoading, children }: LoadingOverlayProps) => React.JSX.Element;
 export { LoadingOverlay as default, LoadingOverlay };

package/dist/src/overlays/LoadingOverlay.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/overlays/Modal.d.ts

@@ -17,4 +17,4 @@ export interface ModalProps extends Omit<OverlayProps, "children"> {
     slim?: boolean;
     title: string;
 }
-export declare const Modal: (props: ModalProps) => JSX.Element;
+export declare const Modal: (props: ModalProps) => React.JSX.Element;

package/dist/src/overlays/Modal.stories.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 import "./Modal.scss";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         badges: BADGES[];
     };
@@ -25,7 +26,7 @@ export declare const BasicModal: {
         action2Label: string;
         content: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const BasicModalOverflowContent: {
     args: {
@@ -38,7 +39,7 @@ export declare const BasicModalOverflowContent: {
         action1Label: string;
         action2Label: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const ScrollableModal: {
     args: {
@@ -51,7 +52,7 @@ export declare const ScrollableModal: {
         action1Label: string;
         action2Label: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const ScrollableModalNoFooter: {
     args: {
@@ -64,7 +65,7 @@ export declare const ScrollableModalNoFooter: {
         action1Label: string;
         action2Label: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const ScrollableModalManyButtons: {
     args: {
@@ -79,7 +80,7 @@ export declare const ScrollableModalManyButtons: {
         action1Label: string;
         action2Label: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const ScrollableModalMinimalContent: {
     args: {
@@ -92,7 +93,7 @@ export declare const ScrollableModalMinimalContent: {
         action1Label: string;
         action2Label: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };
 export declare const ManyButtons: {
     args: {
@@ -107,5 +108,5 @@ export declare const ManyButtons: {
         action2Label: string;
         content: string;
     };
-    render: (args: Record<string, any>) => JSX.Element;
+    render: (args: Record<string, any>) => React.JSX.Element;
 };

package/dist/src/page_components/ApplicationTimeline.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./ApplicationTimeline.scss";
 export interface ApplicationTimelineProps {
     strings?: {
@@ -6,5 +7,5 @@ export interface ApplicationTimelineProps {
         applicationsRanked?: string;
     };
 }
-declare const ApplicationTimeline: (props: ApplicationTimelineProps) => JSX.Element;
+declare const ApplicationTimeline: (props: ApplicationTimelineProps) => React.JSX.Element;
 export { ApplicationTimeline };

package/dist/src/page_components/NavigationHeader.d.ts

@@ -14,5 +14,5 @@ type NavigationHeaderTabs = {
     listingLabel: string;
     applicationsLabel: string;
 };
-declare const NavigationHeader: ({ className, title, listingId, tabs, children, breadcrumbs, }: NavigationHeaderProps) => JSX.Element;
+declare const NavigationHeader: ({ className, title, listingId, tabs, children, breadcrumbs, }: NavigationHeaderProps) => React.JSX.Element;
 export { NavigationHeader as default, NavigationHeader };

package/dist/src/page_components/forgot-password/FormForgotPassword.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { NetworkErrorReset, NetworkStatusContent } from "../sign-in/FormSignIn";
 import type { UseFormMethods } from "react-hook-form";
 export type FormForgotPasswordProps = {
@@ -17,5 +18,5 @@ export type FormForgotPasswordControl = {
 export type FormForgotPasswordValues = {
     email: string;
 };
-declare const FormForgotPassword: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, }: FormForgotPasswordProps) => JSX.Element;
+declare const FormForgotPassword: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, }: FormForgotPasswordProps) => React.JSX.Element;
 export { FormForgotPassword as default, FormForgotPassword };

package/dist/src/page_components/listing/AdditionalFees.d.ts

@@ -14,5 +14,5 @@ export interface AdditionalFeesProps {
     /** Footer content rendered below both blocks, i.e. utilities included section, strings, or other formatted info  */
     footerContent?: (string | React.ReactNode)[];
 }
-declare const AdditionalFees: ({ deposit, applicationFee, footerContent, strings, }: AdditionalFeesProps) => JSX.Element;
+declare const AdditionalFees: ({ deposit, applicationFee, footerContent, strings, }: AdditionalFeesProps) => React.JSX.Element;
 export { AdditionalFees as default, AdditionalFees };

package/dist/src/page_components/listing/AdditionalFees.stories.d.ts

@@ -1,13 +1,14 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ deposit, applicationFee, footerContent, strings, }: import("./AdditionalFees").AdditionalFeesProps) => JSX.Element;
+    component: ({ deposit, applicationFee, footerContent, strings, }: import("./AdditionalFees").AdditionalFeesProps) => React.JSX.Element;
 };
 export default _default;
-export declare const allFieldsAndFourFooterItems: () => JSX.Element;
-export declare const allFieldsAndThreeFooterItems: () => JSX.Element;
-export declare const allFieldsAndTwoFooterItems: () => JSX.Element;
-export declare const allFieldsAndFooterNotIncluded: () => JSX.Element;
-export declare const justDepositRange: () => JSX.Element;
-export declare const justApplicationFee: () => JSX.Element;
-export declare const costsNotIncluded: () => JSX.Element;
-export declare const multipleFooters: () => JSX.Element;
+export declare const allFieldsAndFourFooterItems: () => React.JSX.Element;
+export declare const allFieldsAndThreeFooterItems: () => React.JSX.Element;
+export declare const allFieldsAndTwoFooterItems: () => React.JSX.Element;
+export declare const allFieldsAndFooterNotIncluded: () => React.JSX.Element;
+export declare const justDepositRange: () => React.JSX.Element;
+export declare const justApplicationFee: () => React.JSX.Element;
+export declare const costsNotIncluded: () => React.JSX.Element;
+export declare const multipleFooters: () => React.JSX.Element;

package/dist/src/page_components/listing/ContentAccordion.d.ts

@@ -13,5 +13,5 @@ export type AccordionTheme = "blue" | "gray";
  * An accordion that consists of header bar content and expandable content
  * Two existing themes under our design system are available
  */
-declare const ContentAccordion: (props: ContentAccordionProps) => JSX.Element;
+declare const ContentAccordion: (props: ContentAccordionProps) => React.JSX.Element;
 export { ContentAccordion as default, ContentAccordion };

package/dist/src/page_components/listing/ContentAccordion.stories.d.ts

@@ -1,10 +1,11 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const blueThemeBasic: () => JSX.Element;
-export declare const blueThemeBasicWithInitialExpanded: () => JSX.Element;
-export declare const blueThemeBasicDisabled: () => JSX.Element;
-export declare const blueThemeFilled: () => JSX.Element;
-export declare const grayThemeBasic: () => JSX.Element;
-export declare const grayThemeFilled: () => JSX.Element;
+export declare const blueThemeBasic: () => React.JSX.Element;
+export declare const blueThemeBasicWithInitialExpanded: () => React.JSX.Element;
+export declare const blueThemeBasicDisabled: () => React.JSX.Element;
+export declare const blueThemeFilled: () => React.JSX.Element;
+export declare const grayThemeBasic: () => React.JSX.Element;
+export declare const grayThemeFilled: () => React.JSX.Element;

package/dist/src/page_components/listing/ListingCard.d.ts

@@ -55,5 +55,5 @@ export interface ListingCardProps {
  * A component that renders an image with optional status bars below it,
  * and a content section associated with the image which can include titles, a table, and custom content
  */
-declare const ListingCard: (props: ListingCardProps) => JSX.Element;
+declare const ListingCard: (props: ListingCardProps) => React.JSX.Element;
 export { ListingCard as default, ListingCard };