@cerebruminc/cerebellum 11.2.0 → 11.2.1

package/lib/types/src/components/CurrencyInput/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { InlineCurrencyInputType } from "../InlineCurrencyInput/types";
 export interface CurrencyInputType extends Omit<InlineCurrencyInputType, "trailingTextColor"> {
     /** Required asterisk color. THEME PROP: default is colors.BLUE_70 */
@@ -8,7 +8,7 @@ export interface CurrencyInputType extends Omit<InlineCurrencyInputType, "traili
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */

package/lib/types/src/components/DatePicker/DatePickerStyles.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { CalendarBoxProps, DatePickerBoxProps, DatePickerGroupProps, LabelProps, HelperTextProps, ValidationTextProps, ButtonBoxProps } from "./types";
 export declare const DatePickerGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatePickerGroupProps>>;
-export declare const DatePickerBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inputWidth"> & import("../../sharedStyle/types").InputBoxProps, "$inputWidth" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const DatePickerBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inputWidth"> & import("../../sharedStyle/types").InputBoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, DatePickerBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../sharedStyle/types").InputBoxProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>>;
 export declare const HelperText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, HelperTextProps>>;
 export declare const ValidationText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ValidationTextProps>>;
-export declare const CalendarBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "key" | keyof import("../../sharedStyle/types").LeadingIconBoxProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const CalendarBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("../../sharedStyle/types").TrailingIconBoxProps> & import("../../sharedStyle/types").TrailingIconBoxProps, CalendarBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "key" | keyof import("../../sharedStyle/types").LeadingIconBoxProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+}, keyof import("../../sharedStyle/types").TrailingIconBoxProps> & import("../../sharedStyle/types").TrailingIconBoxProps, CalendarBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, import("../../sharedStyle/types").TrailingIconBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../../sharedStyle/types").LeadingIconBoxProps>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
 export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/types/src/components/DatePicker/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { ReactDatePickerProps } from "react-datepicker";
 import { InputTheme } from "../../sharedTypes/enums";
 declare type InlineDatePickerTypeProps = {
@@ -77,7 +77,7 @@ export declare type DatePickerType = InlineDatePickerProps & {
     /** The helper text color. Set by the theme, defaults to colors.COOL_GREY_60  */
     helperTextColor?: string;
     /**  A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. Set by the theme, defaults to colors.COOL_GREY_80  */
     labelColor?: string;
     /** Enabling this prop will cause the DatePicker to not render the picker */

package/lib/types/src/components/DescriptiveSwitchMenu/DescriptiveSwitchMenuStyles.d.ts

@@ -3,9 +3,9 @@ import { ThemeOverrideProps, OptionProps, SwitchBoxProps } from "./types";
 export declare const Menu: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeOverrideProps>>;
 export declare const Option: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OptionProps>>;
 export declare const SwitchBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SwitchBoxProps>>;
-export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, ThemeOverrideProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const Description: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Description: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, ThemeOverrideProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/components/DescriptiveSwitchMenu/mocks/options.d.ts

@@ -4,19 +4,19 @@ export declare const componentOptions: ({
     active: boolean;
     description: string;
     disabled: boolean;
-    name: JSX.Element;
+    name: import("react/jsx-runtime").JSX.Element;
     value: string;
 } | {
     active: boolean;
-    description: JSX.Element;
+    description: import("react/jsx-runtime").JSX.Element;
     disabled: boolean;
     name: string;
     value: string;
 } | {
     active: boolean;
-    description: JSX.Element;
+    description: import("react/jsx-runtime").JSX.Element;
     disabled: boolean;
-    name: JSX.Element;
+    name: import("react/jsx-runtime").JSX.Element;
     value: string;
 })[];
 export declare const scrollingOptions: {

package/lib/types/src/components/DescriptiveSwitchMenu/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 export interface DescriptiveSwitchMenuType {
     /** The id matching the active radio option. Has no effect if not using switchType.Radio */
     activeRadioId?: string;
@@ -32,7 +32,7 @@ export interface ThemeOverride {
 }
 export interface SwitchMenuOptionsType {
     active?: boolean;
-    description?: string | FC | JSX.Element;
+    description?: React.ReactNode;
     disabled?: boolean;
     name?: string | JSX.Element;
     value: string;

package/lib/types/src/components/DigitalInput/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC, FocusEvent, RefObject } from "react";
+import { ChangeEvent, FocusEvent, RefObject } from "react";
 export interface DigitalInputProps {
     /** Sets HTML attribute `autofocus`, which will focus on the first input on load.  */
     autofocus?: boolean;
@@ -15,7 +15,7 @@ export interface DigitalInputProps {
     /** Used to pass a ref to the hidden input component, that holds the value */
     innerHiddenRef?: RefObject<HTMLInputElement>;
     /** A label for DigitalInput. Not required, but strongly recommended. */
-    label?: string | FC | JSX.Element;
+    label?: React.ReactNode;
     /** html name attribute */
     name: string;
     /** Fires when the input changes. This is required, unless you want to use `DigitalInput` for display only. */

package/lib/types/src/components/Drawer/mocks.d.ts

@@ -1,5 +1,5 @@
-export declare const drawerMockTable: JSX.Element;
-export declare const longText: JSX.Element;
-export declare const FullExampleTitleComponent: JSX.Element;
-export declare const partialExampleContent: JSX.Element;
-export declare const fullExampleContent: JSX.Element;
+export declare const drawerMockTable: import("react/jsx-runtime").JSX.Element;
+export declare const longText: import("react/jsx-runtime").JSX.Element;
+export declare const FullExampleTitleComponent: import("react/jsx-runtime").JSX.Element;
+export declare const partialExampleContent: import("react/jsx-runtime").JSX.Element;
+export declare const fullExampleContent: import("react/jsx-runtime").JSX.Element;

package/lib/types/src/components/Drawer/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent } from "react";
+import { KeyboardEvent, MouseEvent } from "react";
 import { TextVariantEnum } from "../Typography";
 export interface DrawerType {
     /** This will change the base title font to the Accordion font style */
@@ -6,7 +6,7 @@ export interface DrawerType {
     /** Toggle's current state. Required to render the toggle, alongside the onToggle function. */
     activeToggle?: boolean;
     /** The Drawer content will only be displayed when the component is open. */
-    content?: string | FC | JSX.Element;
+    content?: React.ReactNode;
     /** Adds default padding between the header and content. */
     keepHeaderPadding?: boolean;
     /** External control over state of the Drawer. It's not necessary if the Drawer should only open/close on user interaction. Using it will disable the default actions. */
@@ -18,9 +18,9 @@ export interface DrawerType {
     /** Decides if the Drawer should render opened in a page */
     startsOpen?: boolean;
     /** Drawer title. This text will always be displayed, open or closed, positioned at the top left. */
-    title?: string | FC | JSX.Element;
+    title?: React.ReactNode;
     /** Extra component or text that will always be displayed, open or closed, positioned at the top right. */
-    titleComponent?: string | FC | JSX.Element;
+    titleComponent?: React.ReactNode;
     /** You can override the theme by passing a `themeOverride` object. See below for the available props. */
     themeOverride?: ThemeOverride;
 }

package/lib/types/src/components/EmailInput/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { InlineEmailInputType } from "../InlineEmailInput";
 export interface EmailInputType extends InlineEmailInputType {
     /** Required asterisk color. THEME PROP: default is colors.BLUE_70 */
@@ -8,7 +8,7 @@ export interface EmailInputType extends InlineEmailInputType {
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.TEXT_50 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */

package/lib/types/src/components/Footer/FooterStyles.d.ts

@@ -8,7 +8,7 @@ export declare const DetailsBox: import("styled-components").IStyledComponent<"w
 export declare const TermsBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TermsBoxProps>>;
 export declare const Copyright: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, CopyrightProps>>;
 export declare const Line: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LineProps>>;
-export declare const MobileLine: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$themeOverride"> & LineProps, "$themeOverride" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const MobileLine: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$themeOverride"> & LineProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LineProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const SocialLinks: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SocialLinksProps>>;

package/lib/types/src/components/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import { InternalFormType } from "./types";
 export declare const CLEAR_FORM_BUTTON_TEXT = "Clear Form";
 export declare const Form: {
-    <T extends Record<string, any>>({ addButtons, addButtonWidth, cancelButtonText, cancelButtonFunction, clearFormButton, clearOnBottom, configurableInputFieldActiveIds, disableSubmit, disableSubmitUntilValid, fields, formikProps, hasValues, hideSubmitButton, leftLabels, leftLabelsRightGutter, leftLabelWidth, loading, loadingFieldsNumber, maximumHeight, nextButton, observeScrollRef, rowGap, stickyFooter, submitAttempt, submitButtonLoading, setConfigurableInputFieldActiveIds, setHasValues, setSubmitAttempt, submitButtonAlign, submitButtonText, submitOnBlur, title, themeOverride, thinStickyPadding, }: InternalFormType<T>): JSX.Element;
+    <T extends Record<string, any>>({ addButtons, addButtonWidth, cancelButtonText, cancelButtonFunction, clearFormButton, clearOnBottom, configurableInputFieldActiveIds, disableSubmit, disableSubmitUntilValid, fields, formikProps, hasValues, hideSubmitButton, leftLabels, leftLabelsRightGutter, leftLabelWidth, loading, loadingFieldsNumber, maximumHeight, nextButton, observeScrollRef, rowGap, stickyFooter, submitAttempt, submitButtonLoading, setConfigurableInputFieldActiveIds, setHasValues, setSubmitAttempt, submitButtonAlign, submitButtonText, submitOnBlur, title, themeOverride, thinStickyPadding, }: InternalFormType<T>): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         cancelButtonText: string;
         nextButton: boolean;

package/lib/types/src/components/Form/FormLoader.d.ts

@@ -5,5 +5,5 @@ interface FormLoaderProps {
     loadingFieldsNumber: number;
     rowGap?: number;
 }
-export declare const FormLoader: ({ leftLabelsRightGutter, leftLabelWidth, loadingFieldsNumber, leftLabels, rowGap }: FormLoaderProps) => JSX.Element;
+export declare const FormLoader: ({ leftLabelsRightGutter, leftLabelWidth, loadingFieldsNumber, leftLabels, rowGap }: FormLoaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/src/components/Form/FormStyles.d.ts

@@ -3,21 +3,21 @@ import { ButtonGroupProps, ClearFormButtonWrapProps, FieldBoxProps, FormGroupPro
 export declare const FormWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormWrapperType>>;
 export declare const FormGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormGroupProps>>;
 export declare const FormTitleGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }, TitleProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const ClearFormButtonWrap: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ClearFormButtonWrapProps>>;
 export declare const FieldBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FieldBoxProps>>;
 export declare const LeftGutter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LeftGutterProps>>;
 export declare const RightGutter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SwitchSpacingProps>>;
-export declare const LeftLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const LeftLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const InputBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputBoxProps>>;
-export declare const HelperTextGrid: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../sharedStyle/types").HelperTextProps> & import("../../sharedStyle/types").HelperTextProps, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../../sharedStyle/types").HelperTextProps> & {
+export declare const HelperTextGrid: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../sharedStyle/types").HelperTextProps> & import("../../sharedStyle/types").HelperTextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../sharedStyle/types").HelperTextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const ValidationTextGrid: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../sharedStyle/types").ValidationTextProps> & import("../../sharedStyle/types").ValidationTextProps, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../../sharedStyle/types").ValidationTextProps> & {
+export declare const ValidationTextGrid: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../sharedStyle/types").ValidationTextProps> & import("../../sharedStyle/types").ValidationTextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, SwitchSpacingProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../sharedStyle/types").ValidationTextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const ButtonGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonGroupProps>>;
@@ -27,7 +27,7 @@ export declare const InlineFieldGrid: import("styled-components").IStyledCompone
 export declare const InlineFieldCell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InlineFieldCellProps>>;
 export declare const CenterCheckbox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const CenterToggle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const AddButtonGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ButtonGroupProps> & ButtonGroupProps, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof ButtonGroupProps> & {
+export declare const AddButtonGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ButtonGroupProps> & ButtonGroupProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonGroupProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const AddButtonBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -38,10 +38,10 @@ export declare const RemovableButtonBox: import("styled-components").IStyledComp
 export declare const RemovableFieldBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RemovableFieldBoxProps>>;
 export declare const RemoveButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const TitleGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleGroupProps>>;
-export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, TextProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const SubHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, SubHeaderProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const Separator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, SeparatorProps>>;

package/lib/types/src/components/Form/FormikContainer.d.ts

@@ -1,6 +1,6 @@
 import { FormType } from "./types";
 export declare const FormikContainer: {
-    <FormData_1 extends Record<string, any>>(props: FormType<FormData_1>): JSX.Element;
+    <FormData_1 extends Record<string, any>>(props: FormType<FormData_1>): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         cancelButtonText: string;
         leftLabels: boolean;

package/lib/types/src/components/Form/mocks/fields.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldType, FormFieldTypeEnum } from "./../types";
+import { FormFieldType, FormFieldTypeEnum } from "../types";
 import { northAmericanPhoneMask } from "../../../helpers/inputMasks";
 import { SwitchTypeEnum } from "../../DescriptiveSwitchMenu";
 import { CountryMaskEnum } from "../../../sharedTypes/enums";

package/lib/types/src/components/Form/types.d.ts

@@ -107,7 +107,7 @@ export interface ThemeOverride {
 }
 export interface FormFieldType {
     disabled?: boolean;
-    fieldLabel?: string | FC | JSX.Element;
+    fieldLabel?: React.ReactNode;
     initialValue?: string | number | boolean | Array<string>;
     name: string;
     nextGap?: number;
@@ -418,7 +418,7 @@ export interface RadioGroupOptionsType {
     radios: Array<SwitchGroupSwitchType>;
 }
 export interface SelectOptionsType {
-    bottomButtonLabel?: string | FC | JSX.Element;
+    bottomButtonLabel?: React.ReactNode;
     bottomButtonClick?: () => void;
     BottomButtonIcon?: IconType;
     helperText?: string;

package/lib/types/src/components/IconTile/IconTileStyles.d.ts

@@ -4,7 +4,7 @@ export declare const TileGroup: import("styled-components").IStyledComponent<"we
 export declare const Tile: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TileProps>>;
 export declare const CheckBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const IconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, LabelProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const OptionsButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/types/src/components/ImagePicker/ImagePickerStyles.d.ts

@@ -6,7 +6,7 @@ export declare const ImageInput: import("styled-components").IStyledComponent<"w
 export declare const CenterImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CenterImageProps>>;
 export declare const LoadedImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;
 export declare const PlaceholderCircle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderCircleProps>>;
-export declare const PlaceholderInitials: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+export declare const PlaceholderInitials: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }, PlaceholderInitialsProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const EditIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditIconBoxProps>>;

package/lib/types/src/components/ImagePicker/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC } from "react";
+import { ChangeEvent } from "react";
 import { ButtonColorFamilyEnum } from "../../sharedTypes/enums";
 import { ColorFamilyType } from "../../sharedTypes/types";
 import { IconType } from "../Icons";
@@ -25,7 +25,7 @@ export interface ImagePickerType {
     /** Hides the edit icon */
     hideIcon?: boolean;
     /** A label for the image */
-    imageLabel?: string | FC | JSX.Element;
+    imageLabel?: React.ReactNode;
     /** Prevents imageLabel, helperText, or validationMessage from rendering  */
     inline?: boolean;
     /** Placeholder icon in the center of the component */

package/lib/types/src/components/InlineInput/types.d.ts

@@ -27,7 +27,7 @@ export interface InlineInputType {
     /** HTML inputmode attribute. Used to determine keyboard type only */
     inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
     /** Passed to the input element. Necessary if using an external label */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The input will appear like a button instead of an input. Don't use this if you intend to allow text entry in the Input */
     lookLikeAButton?: boolean;
     /** html name attribute */

package/lib/types/src/components/Input/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { InlineInputType } from "../InlineInput";
 export interface InputType extends InlineInputType {
     /** Required asterisk color. THEME PROP: default is colors.BLUE_70 */
@@ -8,7 +8,7 @@ export interface InputType extends InlineInputType {
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */

package/lib/types/src/components/InputButton/InputButtonStyles.d.ts

@@ -5,8 +5,8 @@ export declare const Text: import("styled-components").IStyledComponent<"web", i
 export declare const TextBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextBoxProps>>;
 export declare const TagBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const CaretBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TrailingCaret: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "key" | keyof import("../../sharedStyle/types").LeadingIconBoxProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const TrailingCaret: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("../../sharedStyle/types").TrailingIconBoxProps> & import("../../sharedStyle/types").TrailingIconBoxProps, TrailingCaretProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "key" | keyof import("../../sharedStyle/types").LeadingIconBoxProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+}, keyof import("../../sharedStyle/types").TrailingIconBoxProps> & import("../../sharedStyle/types").TrailingIconBoxProps, TrailingCaretProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../../sharedStyle/types").LeadingIconBoxProps> & import("../../sharedStyle/types").LeadingIconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, import("../../sharedStyle/types").TrailingIconBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../../sharedStyle/types").LeadingIconBoxProps>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/components/InputButton/types.d.ts

@@ -103,7 +103,7 @@ export interface InputButtonType extends InlineInputButtonType {
     /** The helper text color. THEME PROP: default is  */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** A message when the input fails validation. */
     validationMessage?: string;
     /** The label color. THEME PROP: default is colors.COOL_GREY_80 */

package/lib/types/src/components/InteriorSidebar/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { MenuOptionType } from "../../sharedTypes/types";
 export interface InteriorSidebarType {
     /** Overrides active option if passed. Useful for stepper components. Must match `id` field in `options` */
@@ -12,7 +12,7 @@ export interface InteriorSidebarType {
     /** The distance the divider line extends past the options, in pixels. Can cause a scrollbar */
     dividerExtension?: number;
     /** The title for InteriorSidebar */
-    header?: string | FC | JSX.Element;
+    header?: React.ReactNode;
     /** Hide the divider on the right */
     hideDivider?: boolean;
     /** Disables the CSS transition when there was not an active optionSelected initially. Useful when InteriorSidebar initializes without an activeOption, but one is applied after the first render programatically */

package/lib/types/src/components/LabelledIconGroup/LabelledIconGroupStyles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ButtonWrapperProps } from "./types";
 export declare const Base: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const HeaderText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, keyof import("../../const/types").TextProps | "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const HeaderText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const ListBase: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/types/src/components/PhoneInput/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { InlinePhoneInputType } from "../InlinePhoneInput/types";
 export interface PhoneInputType extends Omit<InlinePhoneInputType, "trailingTextColor"> {
     /** The color of the required asterisk. THEME PROP: default is colors.BLUE_70 */
@@ -8,7 +8,7 @@ export interface PhoneInputType extends Omit<InlinePhoneInputType, "trailingText
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */

package/lib/types/src/components/RJSForm/fields/ArrayField.d.ts

@@ -1,2 +1,2 @@
 import { ArrayFieldTemplateProps } from "@rjsf/utils";
-export declare const ArrayFieldTemplate: (props: ArrayFieldTemplateProps) => JSX.Element;
+export declare const ArrayFieldTemplate: (props: ArrayFieldTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/src/components/RadioGroup/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC } from "react";
+import { ChangeEvent } from "react";
 import { SwitchGroupSwitchType } from "../../sharedTypes/types";
 import { RadioItemType } from "../RadioItem";
 export interface RadioGroupType extends Omit<RadioItemType, "active" | "disabled" | "label" | "onClick" | "id" | "value"> {
@@ -23,7 +23,7 @@ export interface RadioGroupType extends Omit<RadioItemType, "active" | "disabled
     /** Called when a radio is clicked. Returns the radio id that was passed to it */
     onRadioClick: (event: ChangeEvent<HTMLInputElement>) => void;
     /** The label for RadioGroup. Not required, but strongly recommended. */
-    radioLabel?: string | FC | JSX.Element;
+    radioLabel?: React.ReactNode;
     /** An array of radio objects, one for each toggle */
     radios: Array<SwitchGroupSwitchType>;
     /** Gap between radios in the list. THEME PROP: default is 20 */

package/lib/types/src/components/RadioItem/RadioItemStyles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RadioItemProps, LabelProps } from "./types";
-export declare const RadioItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Radio/types").RadioContainerProps> & import("../Radio/types").RadioContainerProps, keyof import("../Radio/types").RadioContainerProps | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const RadioItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Radio/types").RadioContainerProps> & import("../Radio/types").RadioContainerProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, RadioItemProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../Radio/types").RadioContainerProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>>;

package/lib/types/src/components/RadioItem/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC } from "react";
+import { ChangeEvent } from "react";
 export interface RadioItemType {
     /** Is the Radio active or not */
     active: boolean;
@@ -19,7 +19,7 @@ export interface RadioItemType {
     /** The radio's inactive color. Uses checkbox theme inactiveColor by default. THEME PROP: default is COOL_GREY_25 */
     inactiveColor?: string;
     /** Text to accompany the radio */
-    label?: string | FC | JSX.Element;
+    label?: React.ReactNode;
     /** The label color. THEME PROP: default is BodySPrimary color*/
     labelColor?: string;
     /** Maximum width for the label */

package/lib/types/src/components/SearchMenu/SearchMenuStyles.d.ts

@@ -4,11 +4,11 @@ export declare const Menu: import("styled-components").IStyledComponent<"web", i
 export declare const AltSearchWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AltSearchWrapperProps>>;
 export declare const SearchWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const HeaderTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
+export declare const HeaderTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, HeaderTitleProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof React.Component<any, {}, any>>;
 export declare const TextLinkBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const ContentPad: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<any, ContentPadProps>> & Omit<(props: any) => JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const ContentPad: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<any, ContentPadProps>> & Omit<(props: any) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
 export declare const SubOption: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, OptionLabelProps>>;
 export declare const OptionLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, OptionLabelProps>>;
 export declare const LabelText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LabelTextProps>>;

package/lib/types/src/components/SearchMenu/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent, RefObject } from "react";
+import { KeyboardEvent, MouseEvent, RefObject } from "react";
 import { OptionType, RenderOptionLabelProps } from "../../sharedTypes/types";
 import { IconType } from "../Icons";
 import { TextProps } from "../../const/types";
@@ -16,7 +16,7 @@ export interface SearchMenuType {
     /** Menu border radius, in pixels. THEME PROP: default is 8 */
     borderRadius?: number;
     /** Bottom button label text. This and bottomButtonClick are required to enable the bottom button */
-    bottomButtonLabel?: string | FC | JSX.Element;
+    bottomButtonLabel?: React.ReactNode;
     /** Called when the bottom button is clicked. This and bottomButtonLabel are required to enable the bottom button */
     bottomButtonClick?: (event: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
     /** An icon to emphasize the button action. Strongly encouraged, but not technically required. Accepts a Cerebellum Icon component directly, or JSX  */