@bloom-housing/ui-components 13.0.0 → 13.0.1

package/dist/src/headers/StepHeader.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import "./StepHeader.scss";
 export interface StepHeaderProps {
     currentStep: number;
@@ -7,5 +8,5 @@ export interface StepHeaderProps {
     className?: string;
     priority?: number;
 }
-declare const StepHeader: ({ currentStep, totalSteps, stepPreposition, stepLabeling, className, priority, }: StepHeaderProps) => JSX.Element;
+declare const StepHeader: ({ currentStep, totalSteps, stepPreposition, stepLabeling, className, priority, }: StepHeaderProps) => React.JSX.Element;
 export { StepHeader as default, StepHeader };

package/dist/src/headers/StepHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHeader.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAW1B,IAAM,UAAU,GAAG,UAAC,EAOF;QANhB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,GAAG,GAAG,WAAI,QAAQ,IAAI,CAAC,CAAiC,CAAA;IAE9D,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,sBAAe,SAAS,IAAI,EAAE,CAAE;QAC9C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ;QACjE,kCAAO,UAAG,eAAe,cAAI,UAAU,CAAE,CAAQ;QACjD,8BAAM,SAAS,EAAC,oBAAoB,IACjC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC5D,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"StepHeader.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAW1B,IAAM,UAAU,GAAG,UAAC,EAOF;QANhB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,GAAG,GAAG,WAAI,QAAQ,IAAI,CAAC,CAAuC,CAAA;IAEpE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,sBAAe,SAAS,IAAI,EAAE,CAAE;QAC9C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ;QACjE,kCAAO,UAAG,eAAe,cAAI,UAAU,CAAE,CAAQ;QACjD,8BAAM,SAAS,EAAC,oBAAoB,IACjC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC5D,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/src/headers/StepHeader.stories.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="mdx" />
+import React from "react";
 import { BADGES } from "../../.storybook/constants";
 import StepHeaderDocumentation from "./StepHeader.docs.mdx";
 declare const _default: {
@@ -12,7 +13,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const basicDynamic: () => JSX.Element;
-export declare const finalStep: () => JSX.Element;
-export declare const doubleDigits: () => JSX.Element;
-export declare const tripleDigits: () => JSX.Element;
+export declare const basicDynamic: () => React.JSX.Element;
+export declare const finalStep: () => React.JSX.Element;
+export declare const doubleDigits: () => React.JSX.Element;
+export declare const tripleDigits: () => React.JSX.Element;

package/dist/src/helpers/MultiLineAddress.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface Address {
     city?: string;
     latitude?: number;
@@ -11,5 +12,5 @@ export interface Address {
 export interface MultiLineAddressProps {
     address: Address;
 }
-declare const MultiLineAddress: ({ address }: MultiLineAddressProps) => JSX.Element | null;
+declare const MultiLineAddress: ({ address }: MultiLineAddressProps) => React.JSX.Element | null;
 export { MultiLineAddress as default, MultiLineAddress };

package/dist/src/helpers/MultiLineAddress.stories.d.ts

@@ -1,9 +1,10 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ address }: import("./MultiLineAddress").MultiLineAddressProps) => JSX.Element | null;
+    component: ({ address }: import("./MultiLineAddress").MultiLineAddressProps) => React.JSX.Element | null;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const NoStreet: () => JSX.Element;
-export declare const NoCity: () => JSX.Element;
-export declare const NoState: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const NoStreet: () => React.JSX.Element;
+export declare const NoCity: () => React.JSX.Element;
+export declare const NoState: () => React.JSX.Element;

package/dist/src/helpers/OneLineAddress.d.ts

@@ -1,6 +1,7 @@
+import * as React from "react";
 import { Address } from "./MultiLineAddress";
 export interface OneLineAddressProps {
     address: Address;
 }
-declare const OneLineAddress: ({ address }: OneLineAddressProps) => JSX.Element | null;
+declare const OneLineAddress: ({ address }: OneLineAddressProps) => React.JSX.Element | null;
 export { OneLineAddress as default, OneLineAddress };

package/dist/src/helpers/OneLineAddress.stories.d.ts

@@ -1,9 +1,10 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ address }: import("./OneLineAddress").OneLineAddressProps) => JSX.Element | null;
+    component: ({ address }: import("./OneLineAddress").OneLineAddressProps) => React.JSX.Element | null;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const NoStreet: () => JSX.Element;
-export declare const NoCity: () => JSX.Element;
-export declare const NoState: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const NoStreet: () => React.JSX.Element;
+export declare const NoCity: () => React.JSX.Element;
+export declare const NoState: () => React.JSX.Element;

package/dist/src/helpers/formOptions.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { SelectOption } from "../forms/Select";
 export interface FormOptionsProps {
     options: (string | SelectOption)[];
@@ -7,4 +8,4 @@ export interface FormOptionsProps {
     };
 }
 export declare const numberOptions: (end: number, start?: number) => SelectOption[];
-export declare const FormOptions: (props: FormOptionsProps) => JSX.Element;
+export declare const FormOptions: (props: FormOptionsProps) => React.JSX.Element;

package/dist/src/helpers/preferences.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { UseFormMethods } from "react-hook-form";
 type FormAddressProps = {
     subtitle?: string;
@@ -8,5 +9,5 @@ type FormAddressProps = {
     required?: boolean;
     stateKeys: string[];
 };
-export declare const FormAddress: ({ subtitle, dataKey, enableMailCheckbox, register, errors, required, stateKeys, }: FormAddressProps) => JSX.Element;
+export declare const FormAddress: ({ subtitle, dataKey, enableMailCheckbox, register, errors, required, stateKeys, }: FormAddressProps) => React.JSX.Element;
 export {};

package/dist/src/helpers/useFallbackImage.d.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from "react";
 export declare function useFallbackImage(fallbackSrc?: string): {
-    imgParentRef: import("react").RefObject<HTMLDivElement>;
-    imgRefs: import("react").MutableRefObject<(HTMLImageElement | null)[]>;
+    imgParentRef: import("react").RefObject<HTMLDivElement | null>;
+    imgRefs: import("react").RefObject<(HTMLImageElement | null)[]>;
     onError: (e: SyntheticEvent<HTMLImageElement>) => void;
 };

package/dist/src/icons/FontAwesome.stories.d.ts

@@ -1,8 +1,9 @@
+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 IconAlignCenter: () => JSX.Element;
-export declare const IconForwardStep: () => JSX.Element;
-export declare const IconHandsClapping: () => JSX.Element;
+export declare const IconAlignCenter: () => React.JSX.Element;
+export declare const IconForwardStep: () => React.JSX.Element;
+export declare const IconHandsClapping: () => React.JSX.Element;

package/dist/src/icons/HeaderBadge.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import "./HeaderBadge.scss";
-declare const HeaderBadge: () => JSX.Element;
+declare const HeaderBadge: () => React.JSX.Element;
 export { HeaderBadge as default, HeaderBadge };

package/dist/src/icons/HeaderBadge.stories.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const withIcon: () => JSX.Element;
+export declare const withIcon: () => React.JSX.Element;

package/dist/src/icons/Icon.d.ts

@@ -1,67 +1,68 @@
+import * as React from "react";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import "./Icon.scss";
 declare const IconMap: {
-    application: (props: import("./Icons").IconProps) => JSX.Element;
-    arrowBack: (props: import("./Icons").IconProps) => JSX.Element;
-    arrowForward: (props: import("./Icons").IconProps) => JSX.Element;
-    arrowDown: (props: import("./Icons").IconProps) => JSX.Element;
-    assistance: (props: import("./Icons").IconProps) => JSX.Element;
-    asterisk: (props: import("./Icons").IconProps) => JSX.Element;
-    bed: (props: import("./Icons").IconProps) => JSX.Element;
-    browse: (props: import("./Icons").IconProps) => JSX.Element;
-    building: (props: import("./Icons").IconProps) => JSX.Element;
-    calendar: (props: import("./Icons").IconProps) => JSX.Element;
-    check: (props: import("./Icons").IconProps) => JSX.Element;
-    clock: (props: import("./Icons").IconProps) => JSX.Element;
-    close: (props: import("./Icons").IconProps) => JSX.Element;
-    closeRound: (props: import("./Icons").IconProps) => JSX.Element;
-    closeSmall: (props: import("./Icons").IconProps) => JSX.Element;
-    cross: (props: import("./Icons").IconProps) => JSX.Element;
-    document: (props: import("./Icons").IconProps) => JSX.Element;
-    doubleHouse: (props: import("./Icons").IconProps) => JSX.Element;
-    down: (props: import("./Icons").IconProps) => JSX.Element;
-    download: (props: import("./Icons").IconProps) => JSX.Element;
-    draggable: (props: import("./Icons").IconProps) => JSX.Element;
-    edit: (props: import("./Icons").IconProps) => JSX.Element;
-    eligibility: (props: import("./Icons").IconProps) => JSX.Element;
-    envelope: (props: import("./Icons").IconProps) => JSX.Element;
-    eye: (props: import("./Icons").IconProps) => JSX.Element;
-    favorite: (props: import("./Icons").IconProps) => JSX.Element;
-    file: (props: import("./Icons").IconProps) => JSX.Element;
-    forward: (props: import("./Icons").IconProps) => JSX.Element;
-    frontDoor: (props: import("./Icons").IconProps) => JSX.Element;
-    globe: (props: import("./Icons").IconProps) => JSX.Element;
-    hamburger: (props: import("./Icons").IconProps) => JSX.Element;
-    house: (props: import("./Icons").IconProps) => JSX.Element;
-    info: (props: import("./Icons").IconProps) => JSX.Element;
-    left: (props: import("./Icons").IconProps) => JSX.Element;
-    lightbulb: (props: import("./Icons").IconProps) => JSX.Element;
-    like: (props: import("./Icons").IconProps) => JSX.Element;
-    likeFill: (props: import("./Icons").IconProps) => JSX.Element;
-    link: (props: import("./Icons").IconProps) => JSX.Element;
-    list: (props: import("./Icons").IconProps) => JSX.Element;
-    lock: (props: import("./Icons").IconProps) => JSX.Element;
-    mail: (props: import("./Icons").IconProps) => JSX.Element;
-    mailThin: (props: import("./Icons").IconProps) => JSX.Element;
-    map: (props: import("./Icons").IconProps) => JSX.Element;
-    mapThin: (props: import("./Icons").IconProps) => JSX.Element;
-    menu: (props: import("./Icons").IconProps) => JSX.Element;
-    messages: (props: import("./Icons").IconProps) => JSX.Element;
-    oval: (props: import("./Icons").IconProps) => JSX.Element;
-    phone: (props: import("./Icons").IconProps) => JSX.Element;
-    plus: (props: import("./Icons").IconProps) => JSX.Element;
-    polygon: (props: import("./Icons").IconProps) => JSX.Element;
-    profile: (props: import("./Icons").IconProps) => JSX.Element;
-    question: (props: import("./Icons").IconProps) => JSX.Element;
-    result: (props: import("./Icons").IconProps) => JSX.Element;
-    right: (props: import("./Icons").IconProps) => JSX.Element;
-    search: (props: import("./Icons").IconProps) => JSX.Element;
-    settings: (props: import("./Icons").IconProps) => JSX.Element;
-    spinner: (props: import("./Icons").IconProps) => JSX.Element;
-    star: (props: import("./Icons").IconProps) => JSX.Element;
-    ticket: (props: import("./Icons").IconProps) => JSX.Element;
-    trash: (props: import("./Icons").IconProps) => JSX.Element;
-    warning: (props: import("./Icons").IconProps) => JSX.Element;
+    application: (props: import("./Icons").IconProps) => React.JSX.Element;
+    arrowBack: (props: import("./Icons").IconProps) => React.JSX.Element;
+    arrowForward: (props: import("./Icons").IconProps) => React.JSX.Element;
+    arrowDown: (props: import("./Icons").IconProps) => React.JSX.Element;
+    assistance: (props: import("./Icons").IconProps) => React.JSX.Element;
+    asterisk: (props: import("./Icons").IconProps) => React.JSX.Element;
+    bed: (props: import("./Icons").IconProps) => React.JSX.Element;
+    browse: (props: import("./Icons").IconProps) => React.JSX.Element;
+    building: (props: import("./Icons").IconProps) => React.JSX.Element;
+    calendar: (props: import("./Icons").IconProps) => React.JSX.Element;
+    check: (props: import("./Icons").IconProps) => React.JSX.Element;
+    clock: (props: import("./Icons").IconProps) => React.JSX.Element;
+    close: (props: import("./Icons").IconProps) => React.JSX.Element;
+    closeRound: (props: import("./Icons").IconProps) => React.JSX.Element;
+    closeSmall: (props: import("./Icons").IconProps) => React.JSX.Element;
+    cross: (props: import("./Icons").IconProps) => React.JSX.Element;
+    document: (props: import("./Icons").IconProps) => React.JSX.Element;
+    doubleHouse: (props: import("./Icons").IconProps) => React.JSX.Element;
+    down: (props: import("./Icons").IconProps) => React.JSX.Element;
+    download: (props: import("./Icons").IconProps) => React.JSX.Element;
+    draggable: (props: import("./Icons").IconProps) => React.JSX.Element;
+    edit: (props: import("./Icons").IconProps) => React.JSX.Element;
+    eligibility: (props: import("./Icons").IconProps) => React.JSX.Element;
+    envelope: (props: import("./Icons").IconProps) => React.JSX.Element;
+    eye: (props: import("./Icons").IconProps) => React.JSX.Element;
+    favorite: (props: import("./Icons").IconProps) => React.JSX.Element;
+    file: (props: import("./Icons").IconProps) => React.JSX.Element;
+    forward: (props: import("./Icons").IconProps) => React.JSX.Element;
+    frontDoor: (props: import("./Icons").IconProps) => React.JSX.Element;
+    globe: (props: import("./Icons").IconProps) => React.JSX.Element;
+    hamburger: (props: import("./Icons").IconProps) => React.JSX.Element;
+    house: (props: import("./Icons").IconProps) => React.JSX.Element;
+    info: (props: import("./Icons").IconProps) => React.JSX.Element;
+    left: (props: import("./Icons").IconProps) => React.JSX.Element;
+    lightbulb: (props: import("./Icons").IconProps) => React.JSX.Element;
+    like: (props: import("./Icons").IconProps) => React.JSX.Element;
+    likeFill: (props: import("./Icons").IconProps) => React.JSX.Element;
+    link: (props: import("./Icons").IconProps) => React.JSX.Element;
+    list: (props: import("./Icons").IconProps) => React.JSX.Element;
+    lock: (props: import("./Icons").IconProps) => React.JSX.Element;
+    mail: (props: import("./Icons").IconProps) => React.JSX.Element;
+    mailThin: (props: import("./Icons").IconProps) => React.JSX.Element;
+    map: (props: import("./Icons").IconProps) => React.JSX.Element;
+    mapThin: (props: import("./Icons").IconProps) => React.JSX.Element;
+    menu: (props: import("./Icons").IconProps) => React.JSX.Element;
+    messages: (props: import("./Icons").IconProps) => React.JSX.Element;
+    oval: (props: import("./Icons").IconProps) => React.JSX.Element;
+    phone: (props: import("./Icons").IconProps) => React.JSX.Element;
+    plus: (props: import("./Icons").IconProps) => React.JSX.Element;
+    polygon: (props: import("./Icons").IconProps) => React.JSX.Element;
+    profile: (props: import("./Icons").IconProps) => React.JSX.Element;
+    question: (props: import("./Icons").IconProps) => React.JSX.Element;
+    result: (props: import("./Icons").IconProps) => React.JSX.Element;
+    right: (props: import("./Icons").IconProps) => React.JSX.Element;
+    search: (props: import("./Icons").IconProps) => React.JSX.Element;
+    settings: (props: import("./Icons").IconProps) => React.JSX.Element;
+    spinner: (props: import("./Icons").IconProps) => React.JSX.Element;
+    star: (props: import("./Icons").IconProps) => React.JSX.Element;
+    ticket: (props: import("./Icons").IconProps) => React.JSX.Element;
+    trash: (props: import("./Icons").IconProps) => React.JSX.Element;
+    warning: (props: import("./Icons").IconProps) => React.JSX.Element;
 };
 export type IconTypes = keyof typeof IconMap;
 export type UniversalIconType = IconTypes | IconDefinition;
@@ -83,5 +84,5 @@ export interface IconProps {
     dataTestId?: string;
     tabIndex?: number;
 }
-declare const Icon: (props: IconProps) => JSX.Element;
+declare const Icon: (props: IconProps) => React.JSX.Element;
 export { Icon as default, Icon };

package/dist/src/icons/Icon.stories.d.ts

@@ -1,64 +1,65 @@
+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 IconApplication: () => JSX.Element;
-export declare const IconArrowBack: () => JSX.Element;
-export declare const IconArrowDown: () => JSX.Element;
-export declare const IconAssistance: () => JSX.Element;
-export declare const IconAsterisk: () => JSX.Element;
-export declare const IconBed: () => JSX.Element;
-export declare const IconBrowse: () => JSX.Element;
-export declare const IconBuilding: () => JSX.Element;
-export declare const IconCalendar: () => JSX.Element;
-export declare const IconCheck: () => JSX.Element;
-export declare const IconClock: () => JSX.Element;
-export declare const IconClose: () => JSX.Element;
-export declare const IconCloseRound: () => JSX.Element;
-export declare const IconCloseSmall: () => JSX.Element;
-export declare const IconCross: () => JSX.Element;
-export declare const IconDocument: () => JSX.Element;
-export declare const IconDoubleHouse: () => JSX.Element;
-export declare const IconDown: () => JSX.Element;
-export declare const IconDownload: () => JSX.Element;
-export declare const IconEdit: () => JSX.Element;
-export declare const IconEligibility: () => JSX.Element;
-export declare const IconEnvelope: () => JSX.Element;
-export declare const IconEye: () => JSX.Element;
-export declare const IconFavorite: () => JSX.Element;
-export declare const IconFile: () => JSX.Element;
-export declare const IconForward: () => JSX.Element;
-export declare const IconFrontDoor: () => JSX.Element;
-export declare const IconGlobe: () => JSX.Element;
-export declare const IconHamburger: () => JSX.Element;
-export declare const IconHouse: () => JSX.Element;
-export declare const IconInfo: () => JSX.Element;
-export declare const IconLeft: () => JSX.Element;
-export declare const IconLightBulb: () => JSX.Element;
-export declare const IconLike: () => JSX.Element;
-export declare const IconLikeFill: () => JSX.Element;
-export declare const IconLink: () => JSX.Element;
-export declare const IconList: () => JSX.Element;
-export declare const IconLock: () => JSX.Element;
-export declare const IconMail: () => JSX.Element;
-export declare const IconMailThin: () => JSX.Element;
-export declare const IconMap: () => JSX.Element;
-export declare const IconMapThin: () => JSX.Element;
-export declare const IconMenu: () => JSX.Element;
-export declare const IconMessages: () => JSX.Element;
-export declare const IconOval: () => JSX.Element;
-export declare const IconPhone: () => JSX.Element;
-export declare const IconPlus: () => JSX.Element;
-export declare const IconPolygon: () => JSX.Element;
-export declare const IconProfile: () => JSX.Element;
-export declare const IconQuestion: () => JSX.Element;
-export declare const IconResult: () => JSX.Element;
-export declare const IconRight: () => JSX.Element;
-export declare const IconSearch: () => JSX.Element;
-export declare const IconSettings: () => JSX.Element;
-export declare const IconSpinner: () => JSX.Element;
-export declare const IconStar: () => JSX.Element;
-export declare const IconTicket: () => JSX.Element;
-export declare const IconTrash: () => JSX.Element;
-export declare const IconWarning: () => JSX.Element;
+export declare const IconApplication: () => React.JSX.Element;
+export declare const IconArrowBack: () => React.JSX.Element;
+export declare const IconArrowDown: () => React.JSX.Element;
+export declare const IconAssistance: () => React.JSX.Element;
+export declare const IconAsterisk: () => React.JSX.Element;
+export declare const IconBed: () => React.JSX.Element;
+export declare const IconBrowse: () => React.JSX.Element;
+export declare const IconBuilding: () => React.JSX.Element;
+export declare const IconCalendar: () => React.JSX.Element;
+export declare const IconCheck: () => React.JSX.Element;
+export declare const IconClock: () => React.JSX.Element;
+export declare const IconClose: () => React.JSX.Element;
+export declare const IconCloseRound: () => React.JSX.Element;
+export declare const IconCloseSmall: () => React.JSX.Element;
+export declare const IconCross: () => React.JSX.Element;
+export declare const IconDocument: () => React.JSX.Element;
+export declare const IconDoubleHouse: () => React.JSX.Element;
+export declare const IconDown: () => React.JSX.Element;
+export declare const IconDownload: () => React.JSX.Element;
+export declare const IconEdit: () => React.JSX.Element;
+export declare const IconEligibility: () => React.JSX.Element;
+export declare const IconEnvelope: () => React.JSX.Element;
+export declare const IconEye: () => React.JSX.Element;
+export declare const IconFavorite: () => React.JSX.Element;
+export declare const IconFile: () => React.JSX.Element;
+export declare const IconForward: () => React.JSX.Element;
+export declare const IconFrontDoor: () => React.JSX.Element;
+export declare const IconGlobe: () => React.JSX.Element;
+export declare const IconHamburger: () => React.JSX.Element;
+export declare const IconHouse: () => React.JSX.Element;
+export declare const IconInfo: () => React.JSX.Element;
+export declare const IconLeft: () => React.JSX.Element;
+export declare const IconLightBulb: () => React.JSX.Element;
+export declare const IconLike: () => React.JSX.Element;
+export declare const IconLikeFill: () => React.JSX.Element;
+export declare const IconLink: () => React.JSX.Element;
+export declare const IconList: () => React.JSX.Element;
+export declare const IconLock: () => React.JSX.Element;
+export declare const IconMail: () => React.JSX.Element;
+export declare const IconMailThin: () => React.JSX.Element;
+export declare const IconMap: () => React.JSX.Element;
+export declare const IconMapThin: () => React.JSX.Element;
+export declare const IconMenu: () => React.JSX.Element;
+export declare const IconMessages: () => React.JSX.Element;
+export declare const IconOval: () => React.JSX.Element;
+export declare const IconPhone: () => React.JSX.Element;
+export declare const IconPlus: () => React.JSX.Element;
+export declare const IconPolygon: () => React.JSX.Element;
+export declare const IconProfile: () => React.JSX.Element;
+export declare const IconQuestion: () => React.JSX.Element;
+export declare const IconResult: () => React.JSX.Element;
+export declare const IconRight: () => React.JSX.Element;
+export declare const IconSearch: () => React.JSX.Element;
+export declare const IconSettings: () => React.JSX.Element;
+export declare const IconSpinner: () => React.JSX.Element;
+export declare const IconStar: () => React.JSX.Element;
+export declare const IconTicket: () => React.JSX.Element;
+export declare const IconTrash: () => React.JSX.Element;
+export declare const IconWarning: () => React.JSX.Element;

package/dist/src/icons/Icons.d.ts

@@ -1,64 +1,65 @@
+import * as React from "react";
 export interface IconProps {
     fill?: string;
 }
-export declare const Application: (props: IconProps) => JSX.Element;
-export declare const ArrowBack: (props: IconProps) => JSX.Element;
-export declare const ArrowForward: (props: IconProps) => JSX.Element;
-export declare const ArrowDown: (props: IconProps) => JSX.Element;
-export declare const Assistance: (props: IconProps) => JSX.Element;
-export declare const Asterisk: (props: IconProps) => JSX.Element;
-export declare const Bed: (props: IconProps) => JSX.Element;
-export declare const Browse: (props: IconProps) => JSX.Element;
-export declare const Building: (props: IconProps) => JSX.Element;
-export declare const Calendar: (props: IconProps) => JSX.Element;
-export declare const Check: (props: IconProps) => JSX.Element;
-export declare const Clock: (props: IconProps) => JSX.Element;
-export declare const Close: (props: IconProps) => JSX.Element;
-export declare const CloseRound: (props: IconProps) => JSX.Element;
-export declare const CloseSmall: (props: IconProps) => JSX.Element;
-export declare const Cross: (props: IconProps) => JSX.Element;
-export declare const Document: (props: IconProps) => JSX.Element;
-export declare const DoubleHouse: (props: IconProps) => JSX.Element;
-export declare const Down: (props: IconProps) => JSX.Element;
-export declare const Download: (props: IconProps) => JSX.Element;
-export declare const Draggable: (props: IconProps) => JSX.Element;
-export declare const Edit: (props: IconProps) => JSX.Element;
-export declare const Eligibility: (props: IconProps) => JSX.Element;
-export declare const Envelope: (props: IconProps) => JSX.Element;
-export declare const Eye: (props: IconProps) => JSX.Element;
-export declare const Favorite: (props: IconProps) => JSX.Element;
-export declare const File: (props: IconProps) => JSX.Element;
-export declare const Forward: (props: IconProps) => JSX.Element;
-export declare const FrontDoor: (props: IconProps) => JSX.Element;
-export declare const Globe: (props: IconProps) => JSX.Element;
-export declare const Hamburger: (props: IconProps) => JSX.Element;
-export declare const House: (props: IconProps) => JSX.Element;
-export declare const Info: (props: IconProps) => JSX.Element;
-export declare const Left: (props: IconProps) => JSX.Element;
-export declare const Lightbulb: (props: IconProps) => JSX.Element;
-export declare const Like: (props: IconProps) => JSX.Element;
-export declare const LikeFill: (props: IconProps) => JSX.Element;
-export declare const Link: (props: IconProps) => JSX.Element;
-export declare const List: (props: IconProps) => JSX.Element;
-export declare const Lock: (props: IconProps) => JSX.Element;
-export declare const Mail: (props: IconProps) => JSX.Element;
-export declare const MailThin: (props: IconProps) => JSX.Element;
-export declare const Map: (props: IconProps) => JSX.Element;
-export declare const MapThin: (props: IconProps) => JSX.Element;
-export declare const Menu: (props: IconProps) => JSX.Element;
-export declare const Messages: (props: IconProps) => JSX.Element;
-export declare const Oval: (props: IconProps) => JSX.Element;
-export declare const Phone: (props: IconProps) => JSX.Element;
-export declare const Plus: (props: IconProps) => JSX.Element;
-export declare const Polygon: (props: IconProps) => JSX.Element;
-export declare const Profile: (props: IconProps) => JSX.Element;
-export declare const Question: (props: IconProps) => JSX.Element;
-export declare const Result: (props: IconProps) => JSX.Element;
-export declare const Right: (props: IconProps) => JSX.Element;
-export declare const Search: (props: IconProps) => JSX.Element;
-export declare const Settings: (props: IconProps) => JSX.Element;
-export declare const Spinner: (props: IconProps) => JSX.Element;
-export declare const Star: (props: IconProps) => JSX.Element;
-export declare const Ticket: (props: IconProps) => JSX.Element;
-export declare const Trash: (props: IconProps) => JSX.Element;
-export declare const Warning: (props: IconProps) => JSX.Element;
+export declare const Application: (props: IconProps) => React.JSX.Element;
+export declare const ArrowBack: (props: IconProps) => React.JSX.Element;
+export declare const ArrowForward: (props: IconProps) => React.JSX.Element;
+export declare const ArrowDown: (props: IconProps) => React.JSX.Element;
+export declare const Assistance: (props: IconProps) => React.JSX.Element;
+export declare const Asterisk: (props: IconProps) => React.JSX.Element;
+export declare const Bed: (props: IconProps) => React.JSX.Element;
+export declare const Browse: (props: IconProps) => React.JSX.Element;
+export declare const Building: (props: IconProps) => React.JSX.Element;
+export declare const Calendar: (props: IconProps) => React.JSX.Element;
+export declare const Check: (props: IconProps) => React.JSX.Element;
+export declare const Clock: (props: IconProps) => React.JSX.Element;
+export declare const Close: (props: IconProps) => React.JSX.Element;
+export declare const CloseRound: (props: IconProps) => React.JSX.Element;
+export declare const CloseSmall: (props: IconProps) => React.JSX.Element;
+export declare const Cross: (props: IconProps) => React.JSX.Element;
+export declare const Document: (props: IconProps) => React.JSX.Element;
+export declare const DoubleHouse: (props: IconProps) => React.JSX.Element;
+export declare const Down: (props: IconProps) => React.JSX.Element;
+export declare const Download: (props: IconProps) => React.JSX.Element;
+export declare const Draggable: (props: IconProps) => React.JSX.Element;
+export declare const Edit: (props: IconProps) => React.JSX.Element;
+export declare const Eligibility: (props: IconProps) => React.JSX.Element;
+export declare const Envelope: (props: IconProps) => React.JSX.Element;
+export declare const Eye: (props: IconProps) => React.JSX.Element;
+export declare const Favorite: (props: IconProps) => React.JSX.Element;
+export declare const File: (props: IconProps) => React.JSX.Element;
+export declare const Forward: (props: IconProps) => React.JSX.Element;
+export declare const FrontDoor: (props: IconProps) => React.JSX.Element;
+export declare const Globe: (props: IconProps) => React.JSX.Element;
+export declare const Hamburger: (props: IconProps) => React.JSX.Element;
+export declare const House: (props: IconProps) => React.JSX.Element;
+export declare const Info: (props: IconProps) => React.JSX.Element;
+export declare const Left: (props: IconProps) => React.JSX.Element;
+export declare const Lightbulb: (props: IconProps) => React.JSX.Element;
+export declare const Like: (props: IconProps) => React.JSX.Element;
+export declare const LikeFill: (props: IconProps) => React.JSX.Element;
+export declare const Link: (props: IconProps) => React.JSX.Element;
+export declare const List: (props: IconProps) => React.JSX.Element;
+export declare const Lock: (props: IconProps) => React.JSX.Element;
+export declare const Mail: (props: IconProps) => React.JSX.Element;
+export declare const MailThin: (props: IconProps) => React.JSX.Element;
+export declare const Map: (props: IconProps) => React.JSX.Element;
+export declare const MapThin: (props: IconProps) => React.JSX.Element;
+export declare const Menu: (props: IconProps) => React.JSX.Element;
+export declare const Messages: (props: IconProps) => React.JSX.Element;
+export declare const Oval: (props: IconProps) => React.JSX.Element;
+export declare const Phone: (props: IconProps) => React.JSX.Element;
+export declare const Plus: (props: IconProps) => React.JSX.Element;
+export declare const Polygon: (props: IconProps) => React.JSX.Element;
+export declare const Profile: (props: IconProps) => React.JSX.Element;
+export declare const Question: (props: IconProps) => React.JSX.Element;
+export declare const Result: (props: IconProps) => React.JSX.Element;
+export declare const Right: (props: IconProps) => React.JSX.Element;
+export declare const Search: (props: IconProps) => React.JSX.Element;
+export declare const Settings: (props: IconProps) => React.JSX.Element;
+export declare const Spinner: (props: IconProps) => React.JSX.Element;
+export declare const Star: (props: IconProps) => React.JSX.Element;
+export declare const Ticket: (props: IconProps) => React.JSX.Element;
+export declare const Trash: (props: IconProps) => React.JSX.Element;
+export declare const Warning: (props: IconProps) => React.JSX.Element;

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

@@ -1,5 +1,6 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const list: () => JSX.Element;
+export declare const list: () => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import "./PreferencesList.scss";
 export interface ListPreferenceLink {
     title: string;
@@ -15,5 +16,5 @@ export interface ListPreference {
 export interface PreferencesListProps {
     listingPreferences: ListPreference[];
 }
-declare const PreferencesList: (props: PreferencesListProps) => JSX.Element;
+declare const PreferencesList: (props: PreferencesListProps) => React.JSX.Element;
 export { PreferencesList as default, PreferencesList };

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;