@bloom-housing/ui-components 12.7.7 → 13.0.1

package/dist/src/prototypes/ButtonPager.stories.d.ts

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

package/dist/src/prototypes/FieldSection.d.ts

@@ -7,5 +7,5 @@ export interface FieldSectionProps {
     insetGrid?: boolean;
     children: React.ReactNode;
 }
-declare const FieldSection: (props: FieldSectionProps) => JSX.Element;
+declare const FieldSection: (props: FieldSectionProps) => React.JSX.Element;
 export { FieldSection as default, FieldSection };

package/dist/src/prototypes/FieldSection.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 FourColumns: () => JSX.Element;
-export declare const FieldGroupAddress: () => JSX.Element;
-export declare const FieldSectionBlank: () => JSX.Element;
+export declare const FourColumns: () => React.JSX.Element;
+export declare const FieldGroupAddress: () => React.JSX.Element;
+export declare const FieldSectionBlank: () => React.JSX.Element;

package/dist/src/prototypes/GridItem.d.ts

@@ -3,5 +3,5 @@ export interface GridItemProps {
     children: React.ReactNode;
     className?: string;
 }
-declare const GridItem: (props: GridItemProps) => JSX.Element;
+declare const GridItem: (props: GridItemProps) => React.JSX.Element;
 export { GridItem as default, GridItem };

package/dist/src/prototypes/GridItem.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 Default: () => JSX.Element;
-export declare const TwoColumns: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const TwoColumns: () => React.JSX.Element;

package/dist/src/prototypes/SummaryCard.stories.d.ts

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

package/dist/src/prototypes/Swatch.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export declare const Swatch: (props: {
     colorVar: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/src/sections/ContentSection.d.ts

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

package/dist/src/sections/FooterSection.d.ts

@@ -5,5 +5,5 @@ export interface FooterSectionProps {
     className?: string;
     small?: boolean;
 }
-declare const FooterSection: (props: FooterSectionProps) => JSX.Element;
+declare const FooterSection: (props: FooterSectionProps) => React.JSX.Element;
 export { FooterSection as default, FooterSection };

package/dist/src/sections/GridSection.d.ts

@@ -6,7 +6,7 @@ export interface GridCellProps {
     className?: string;
     ariaLabel?: string;
 }
-declare const GridCell: (props: GridCellProps) => JSX.Element;
+declare const GridCell: (props: GridCellProps) => React.JSX.Element;
 export interface GridSectionProps {
     title?: React.ReactNode;
     edit?: string;
@@ -24,5 +24,5 @@ export interface GridSectionProps {
     children: React.ReactNode;
     separator?: boolean;
 }
-declare const GridSection: (props: GridSectionProps) => JSX.Element;
+declare const GridSection: (props: GridSectionProps) => React.JSX.Element;
 export { GridSection as default, GridSection, GridCell };

package/dist/src/sections/GridSection.stories.d.ts

@@ -1,15 +1,16 @@
+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 DefaultThreeColumns: () => JSX.Element;
-export declare const TwoColumns: () => JSX.Element;
-export declare const FourColumnsEdit: () => JSX.Element;
-export declare const FourColumnsFields: () => JSX.Element;
-export declare const Address: () => JSX.Element;
-export declare const AddressFields: () => JSX.Element;
-export declare const GridSectionSingleColumn: () => JSX.Element;
-export declare const GridSectionSingleColumnWarn: () => JSX.Element;
-export declare const GridSectionTable: () => JSX.Element;
-export declare const ButtonGrid: () => JSX.Element;
+export declare const DefaultThreeColumns: () => React.JSX.Element;
+export declare const TwoColumns: () => React.JSX.Element;
+export declare const FourColumnsEdit: () => React.JSX.Element;
+export declare const FourColumnsFields: () => React.JSX.Element;
+export declare const Address: () => React.JSX.Element;
+export declare const AddressFields: () => React.JSX.Element;
+export declare const GridSectionSingleColumn: () => React.JSX.Element;
+export declare const GridSectionSingleColumnWarn: () => React.JSX.Element;
+export declare const GridSectionTable: () => React.JSX.Element;
+export declare const ButtonGrid: () => React.JSX.Element;

package/dist/src/sections/InfoCardGrid.d.ts

@@ -6,5 +6,5 @@ export interface InfoCardGridProps {
     defaultHeadingStyle?: boolean;
     children: React.ReactNode;
 }
-declare const InfoCardGrid: (props: InfoCardGridProps) => JSX.Element;
+declare const InfoCardGrid: (props: InfoCardGridProps) => React.JSX.Element;
 export { InfoCardGrid as default, InfoCardGrid };

package/dist/src/sections/InfoCardGrid.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 ThreeCards: () => JSX.Element;
-export declare const InfoCardDefaultHeader: () => JSX.Element;
+export declare const ThreeCards: () => React.JSX.Element;
+export declare const InfoCardDefaultHeader: () => React.JSX.Element;

package/dist/src/sections/ListSection.d.ts

@@ -5,5 +5,5 @@ export interface ListSectionProps {
     subtitle: string | React.ReactNode;
     children?: React.ReactNode;
 }
-declare const ListSection: (props: ListSectionProps) => JSX.Element;
+declare const ListSection: (props: ListSectionProps) => React.JSX.Element;
 export { ListSection as default, ListSection };

package/dist/src/sections/MarkdownSection.d.ts

@@ -5,5 +5,5 @@ export interface MarkdownSectionProps {
     padding?: boolean;
     children: React.ReactNode;
 }
-export declare const MarkdownSection: ({ fullwidth, padding, children }: MarkdownSectionProps) => JSX.Element;
+export declare const MarkdownSection: ({ fullwidth, padding, children }: MarkdownSectionProps) => React.JSX.Element;
 export default MarkdownSection;

package/dist/src/sections/ResponsiveContentList.d.ts

@@ -4,8 +4,8 @@ export interface ResponsiveContentProps {
     desktopClass?: string;
 }
 declare const resetAccordionUuid: () => void;
-declare const ResponsiveContentList: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItem: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItemHeader: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItemBody: (props: ResponsiveContentProps) => JSX.Element;
+declare const ResponsiveContentList: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItem: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItemHeader: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItemBody: (props: ResponsiveContentProps) => React.JSX.Element;
 export { ResponsiveContentList, ResponsiveContentItem, ResponsiveContentItemHeader, ResponsiveContentItemBody, resetAccordionUuid, };

package/dist/src/sections/ResponsiveContentList.stories.d.ts

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

package/dist/src/sections/ResponsiveWrappers.d.ts

@@ -2,6 +2,6 @@ import * as React from "react";
 export interface ResponsiveWrapperProps {
     children: React.ReactNode;
 }
-declare const Desktop: (props: ResponsiveWrapperProps) => JSX.Element;
-declare const Mobile: (props: ResponsiveWrapperProps) => JSX.Element;
+declare const Desktop: (props: ResponsiveWrapperProps) => React.JSX.Element;
+declare const Mobile: (props: ResponsiveWrapperProps) => React.JSX.Element;
 export { Desktop, Mobile };

package/dist/src/tables/AgPagination.d.ts

@@ -11,5 +11,5 @@ type AgPaginationProps = {
     onPerPageChange?: (size: number) => void;
 };
 declare const AG_PER_PAGE_OPTIONS: number[];
-declare const AgPagination: ({ totalItems, totalPages, currentPage, itemsPerPage, quantityLabel, setCurrentPage, setItemsPerPage, onPageChange, onPerPageChange, }: AgPaginationProps) => JSX.Element;
+declare const AgPagination: ({ totalItems, totalPages, currentPage, itemsPerPage, quantityLabel, setCurrentPage, setItemsPerPage, onPageChange, onPerPageChange, }: AgPaginationProps) => React.JSX.Element;
 export { AgPagination as default, AgPagination, AG_PER_PAGE_OPTIONS };

package/dist/src/tables/AgTable.d.ts

@@ -66,5 +66,5 @@ export declare const useAgTable: () => {
         setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
     };
 };
-declare const AgTable: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: AgTableProps) => JSX.Element;
+declare const AgTable: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: AgTableProps) => React.JSX.Element;
 export { AgTable as default, AgTable };

package/dist/src/tables/AgTable.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: import("./AgTable").AgTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: import("./AgTable").AgTableProps) => React.JSX.Element;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {

package/dist/src/tables/CategoryTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { StackedTableProps } from "./StackedTable";
 export interface CategoryTableSection {
     /** The header text for a category */
@@ -9,5 +10,5 @@ export interface CategoryTableProps {
     /** The table data passed as category section strings associated with a table data set */
     categoryData: CategoryTableSection[];
 }
-declare const CategoryTable: (props: CategoryTableProps) => JSX.Element;
+declare const CategoryTable: (props: CategoryTableProps) => React.JSX.Element;
 export { CategoryTable as default, CategoryTable };

package/dist/src/tables/CategoryTable.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./CategoryTable").CategoryTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./CategoryTable").CategoryTableProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const LongerStrings: () => JSX.Element;
+export declare const Basic: () => React.JSX.Element;
+export declare const LongerStrings: () => React.JSX.Element;

package/dist/src/tables/GroupedTable.d.ts

@@ -8,4 +8,4 @@ export interface GroupedTableGroup {
 export interface GroupedTableProps extends Omit<StandardTableProps, "data"> {
     data: GroupedTableGroup[];
 }
-export declare const GroupedTable: (props: GroupedTableProps) => JSX.Element;
+export declare const GroupedTable: (props: GroupedTableProps) => React.JSX.Element;

package/dist/src/tables/GroupedTable.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/tables/MinimalTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TableHeaders, StandardTableData } from "./StandardTable";
 export interface MinimalTableProps {
     /** If the table should be sortable through dragging */
@@ -21,5 +22,5 @@ export interface MinimalTableProps {
     /** An id applied to the table */
     id?: string;
 }
-declare const MinimalTable: (props: MinimalTableProps) => JSX.Element;
+declare const MinimalTable: (props: MinimalTableProps) => React.JSX.Element;
 export { MinimalTable as default, MinimalTable };

package/dist/src/tables/MinimalTable.stories.d.ts

@@ -1,18 +1,19 @@
+import React from "react";
 import { TableHeaders, StandardTableData } from "../tables/StandardTable";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./MinimalTable").MinimalTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./MinimalTable").MinimalTableProps) => React.JSX.Element;
     excludeStories: string[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Responsive: () => JSX.Element;
-export declare const ImageCells: () => JSX.Element;
-export declare const FlushLeft: () => JSX.Element;
-export declare const FlushRight: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Responsive: () => React.JSX.Element;
+export declare const ImageCells: () => React.JSX.Element;
+export declare const FlushLeft: () => React.JSX.Element;
+export declare const FlushRight: () => React.JSX.Element;
 export declare const Draggable: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {
@@ -26,4 +27,4 @@ export declare const Draggable: {
 };
 export declare const mockHeadersWithStyling: TableHeaders;
 export declare const mockDataWithStyling: StandardTableData;
-export declare const withIcons: () => JSX.Element;
+export declare const withIcons: () => React.JSX.Element;

package/dist/src/tables/StackedTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TableHeaders } from "./StandardTable";
 export interface StackedTableRow {
     /** The main text content of the cell */
@@ -19,5 +20,5 @@ export interface StackedTableProps {
     /** A class name applied to the root of the table */
     className?: string;
 }
-declare const StackedTable: (props: StackedTableProps) => JSX.Element;
+declare const StackedTable: (props: StackedTableProps) => React.JSX.Element;
 export { StackedTable as default, StackedTable };

package/dist/src/tables/StackedTable.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./StackedTable").StackedTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./StackedTable").StackedTableProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const BasicWithSubtext: () => JSX.Element;
-export declare const BasicWithSubtextAndHiddenDesktopRow: () => JSX.Element;
-export declare const UnitSummaryDefault: () => JSX.Element;
-export declare const BasicWithMultipleCellElements: () => JSX.Element;
+export declare const Basic: () => React.JSX.Element;
+export declare const BasicWithSubtext: () => React.JSX.Element;
+export declare const BasicWithSubtextAndHiddenDesktopRow: () => React.JSX.Element;
+export declare const UnitSummaryDefault: () => React.JSX.Element;
+export declare const BasicWithMultipleCellElements: () => React.JSX.Element;

package/dist/src/tables/StandardTable.d.ts

@@ -12,21 +12,21 @@ export declare const Row: (props: {
     id?: string;
     className?: string;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const HeaderCell: (props: {
     children?: React.ReactNode;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const Cell: (props: {
     headerLabel?: string | TableHeadersOptions;
     className?: string;
     colSpan?: number;
     children: React.ReactNode;
     mobileReplacement?: string | React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const TableThumbnail: (props: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export type StandardTableCell = {
     /** The main content of the cell */
     content: React.ReactNode;
@@ -64,4 +64,4 @@ export interface StandardTableProps {
         sortString?: string;
     };
 }
-export declare const StandardTable: (props: StandardTableProps) => JSX.Element;
+export declare const StandardTable: (props: StandardTableProps) => React.JSX.Element;

package/dist/src/tables/StandardTable.stories.d.ts

@@ -1,16 +1,17 @@
+import React from "react";
 import { StandardTableData, TableHeaders } from "./StandardTable";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     includeStories: string[];
     excludeStories: string[];
-    component: (props: import("./StandardTable").StandardTableProps) => JSX.Element;
+    component: (props: import("./StandardTable").StandardTableProps) => React.JSX.Element;
 };
 export default _default;
 export declare const mockHeaders: TableHeaders;
 export declare const mockData: StandardTableData;
-export declare const Default: () => JSX.Element;
-export declare const ImageCells: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const ImageCells: () => React.JSX.Element;
 export declare const preferenceHeaders: {
     name: string;
     action: string;
@@ -20,11 +21,11 @@ export declare const preferenceData: {
         content: string;
     };
     action: {
-        content: JSX.Element;
+        content: React.JSX.Element;
     };
 }[];
 export declare const Draggable: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {

package/dist/src/text/Description.d.ts

@@ -8,4 +8,4 @@ export interface DescriptionProps {
     markdown?: boolean;
     markdownProps?: MarkdownToJSX.Options;
 }
-export declare const Description: (props: DescriptionProps) => JSX.Element;
+export declare const Description: (props: DescriptionProps) => React.JSX.Element;

package/dist/src/text/Description.stories.d.ts

@@ -1,11 +1,12 @@
+import * as 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 LongStrings: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const LongStrings: () => React.JSX.Element;

package/dist/src/text/Heading.d.ts

@@ -15,5 +15,5 @@ declare const HeaderStyleMap: {
     lightWeighted: string;
     capsWeighted: string;
 };
-declare const Heading: (props: HeadingProps) => JSX.Element;
+declare const Heading: (props: HeadingProps) => React.JSX.Element;
 export { Heading as default, Heading };

package/dist/src/text/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAiC,CAAA;IACzD,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAuC,CAAA;IAC/D,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/src/text/Heading.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="mdx" />
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 import HeadingDocumentation from "./Heading.docs.mdx";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         docs: {
             page: typeof HeadingDocumentation;
@@ -13,16 +14,16 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const base1: () => JSX.Element;
-export declare const base2: () => JSX.Element;
-export declare const base3: () => JSX.Element;
-export declare const base4: () => JSX.Element;
-export declare const base5: () => JSX.Element;
-export declare const base6: () => JSX.Element;
-export declare const largeHeader: () => JSX.Element;
-export declare const mediumHeader: () => JSX.Element;
-export declare const smallWeighted: () => JSX.Element;
-export declare const smallNormal: () => JSX.Element;
-export declare const underlineHeader: () => JSX.Element;
-export declare const lightWeighted: () => JSX.Element;
-export declare const capsWeighted: () => JSX.Element;
+export declare const base1: () => React.JSX.Element;
+export declare const base2: () => React.JSX.Element;
+export declare const base3: () => React.JSX.Element;
+export declare const base4: () => React.JSX.Element;
+export declare const base5: () => React.JSX.Element;
+export declare const base6: () => React.JSX.Element;
+export declare const largeHeader: () => React.JSX.Element;
+export declare const mediumHeader: () => React.JSX.Element;
+export declare const smallWeighted: () => React.JSX.Element;
+export declare const smallNormal: () => React.JSX.Element;
+export declare const underlineHeader: () => React.JSX.Element;
+export declare const lightWeighted: () => React.JSX.Element;
+export declare const capsWeighted: () => React.JSX.Element;

package/dist/src/text/Message.d.ts

@@ -4,5 +4,5 @@ export interface MessageProps {
     children: React.ReactNode;
     warning?: boolean;
 }
-declare const Message: (props: MessageProps) => JSX.Element;
+declare const Message: (props: MessageProps) => React.JSX.Element;
 export { Message as default, Message };

package/dist/src/text/Message.stories.d.ts

@@ -1,7 +1,8 @@
+import * as 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 warning: () => JSX.Element;
+export declare const standard: () => React.JSX.Element;
+export declare const warning: () => React.JSX.Element;

package/dist/src/text/Tag.d.ts

@@ -9,4 +9,4 @@ export interface TagProps extends AppearanceProps {
     fillContainer?: boolean;
     ariaLabel?: string;
 }
-export declare const Tag: (props: TagProps) => JSX.Element;
+export declare const Tag: (props: TagProps) => React.JSX.Element;

package/dist/src/text/Tag.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="mdx" />
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 import TagDocumentation from "./Tag.docs.mdx";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         docs: {
             page: typeof TagDocumentation;
@@ -13,12 +14,12 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const standard: () => JSX.Element;
-export declare const success: () => JSX.Element;
-export declare const warning: () => JSX.Element;
-export declare const small: () => JSX.Element;
-export declare const pill: () => JSX.Element;
-export declare const pillSmall: () => JSX.Element;
-export declare const pillLarge: () => JSX.Element;
-export declare const pillColors: () => JSX.Element;
-export declare const pillListings: () => JSX.Element;
+export declare const standard: () => React.JSX.Element;
+export declare const success: () => React.JSX.Element;
+export declare const warning: () => React.JSX.Element;
+export declare const small: () => React.JSX.Element;
+export declare const pill: () => React.JSX.Element;
+export declare const pillSmall: () => React.JSX.Element;
+export declare const pillLarge: () => React.JSX.Element;
+export declare const pillColors: () => React.JSX.Element;
+export declare const pillListings: () => React.JSX.Element;