@nypl/design-system-react-components 2.1.2 → 2.2.0-react-chakra-rc-2

package/dist/src/components/Accordion/Accordion.d.ts

@@ -25,5 +25,5 @@ export interface AccordionProps {
  * Accordion component that shows content on toggle. Can be used to display
  * multiple accordion items together.
  */
-export declare const Accordion: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Accordion: React.FC<any>;
 export default Accordion;

package/dist/src/components/AlphabetFilter/AlphabetFilter.d.ts

@@ -19,5 +19,5 @@ export interface AlphabetFilterProps {
     /** The callback function called when a letter button or the Show All button is clicked. */
     onClick: (filterValue: string) => void;
 }
-export declare const AlphabetFilter: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<AlphabetFilterProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const AlphabetFilter: React.FC<any>;
 export default AlphabetFilter;

package/dist/src/components/AudioPlayer/AudioPlayer.d.ts

@@ -32,9 +32,7 @@ export interface AudioPlayerProps {
 /**
  * Renders an audio player from 3rd party services such as Libsyn, SoundCloud, and Spotify.
  */
-export declare const AudioPlayer: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<AudioPlayerProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const AudioPlayer: React.FC<any>;
 /**
  * Parse the embedCode string to a DOM object for proper formatted HTML element.
  * We are only interested in the iframe element.

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

@@ -20,5 +20,5 @@ export interface BreadcrumbProps {
  * breadcrumb path that reflects the site structure and allows a user to
  * navigate to any page available in the breadcrumb hierarchy.
  */
-export declare const Breadcrumbs: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Breadcrumbs: React.FC<any>;
 export default Breadcrumbs;

package/dist/src/components/Button/Button.d.ts

@@ -5,31 +5,8 @@ export declare const buttonTypesArray: readonly ["primary", "secondary", "text",
 export type ButtonElementType = typeof buttonElementTypeArray[number];
 export type ButtonSizes = typeof buttonSizesArray[number];
 export type ButtonTypes = typeof buttonTypesArray[number];
-interface ButtonProps {
-    /** The button variation to render based on the `ButtonTypes` type.*/
-    buttonType?: ButtonTypes;
-    /** Additional className to use. */
-    className?: string;
-    /** ID that other components can cross reference for accessibility purposes. */
-    id: string;
-    /** Adds 'disabled' property to the button. */
-    isDisabled?: boolean;
-    /** Trigger the Button's action through the `mouseDown` event handler instead
-     * of `onClick`. `false` by default. */
-    mouseDown?: boolean;
-    /** The action to perform on the `<button>`'s onClick function. */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /** Visibly hidden text that will only be read by screenreaders. */
-    screenreaderOnlyText?: string;
-    /** The size of the `Button`. */
-    size?: ButtonSizes;
-    /** The HTML button type attribute. */
-    type?: ButtonElementType;
-}
 /**
  * Renders a simple `button` element with custom variant styles.
  */
-export declare const Button: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ButtonProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>, {}>;
+export declare const Button: React.FC<React.PropsWithChildren<any>>;
 export default Button;

package/dist/src/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,25 +1,10 @@
 import React from "react";
-import { LayoutTypes } from "../../helpers/types";
 export declare const buttonGroupWidthsArray: readonly ["default", "full"];
 export type ButtonGroupWidths = typeof buttonGroupWidthsArray[number];
-interface ButtonGroupProps {
-    /** Sets the width to "default" (for "fit-content") or "full". */
-    buttonWidth?: ButtonGroupWidths;
-    /** Additional className to use. */
-    className?: string;
-    /** ID that other components can cross reference for accessibility purposes. */
-    id?: string;
-    /** Set's the disabled state to all the internal `Button` components. */
-    isDisabled?: boolean;
-    /** Renders the layout of `Button` components in a row or column. */
-    layout?: LayoutTypes;
-}
 /**
  * A simple wrapper to group `Button` components together. The layout can be set
  * to row or column and the width of internal `Button` components can be set to
  * the parent's full width or the `Button`'s content width
  */
-export declare const ButtonGroup: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ButtonGroupProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const ButtonGroup: React.FC<React.PropsWithChildren<any>>;
 export default ButtonGroup;

package/dist/src/components/Card/Card.d.ts

@@ -22,14 +22,6 @@ interface CardImageProps extends ComponentImageProps {
     /** Optional boolean value to control the position of the `CardImage`. */
     isAtEnd?: boolean;
 }
-interface CardActionsProps extends CardBaseProps {
-    /** Optional boolean value to control visibility of border on the bottom edge
-     * of the card actions element */
-    bottomBorder?: boolean;
-    /** Optional boolean value to control visibility of border on the top edge of
-     * the card actions element */
-    topBorder?: boolean;
-}
 export interface CardProps extends CardBaseProps, CardWrapperProps {
     /** Optional hex color value used to set the card background color. */
     backgroundColor?: string;
@@ -44,12 +36,8 @@ export interface CardProps extends CardBaseProps, CardWrapperProps {
      * the row layout. */
     isAlignedRightActions?: boolean;
 }
-export declare const CardHeading: import("@chakra-ui/react").ChakraComponent<import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<import("../Heading/Heading").HeadingProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLHeadingElement>>, {}>, {}>;
-export declare const CardContent: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<{}>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
-export declare const CardActions: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<CardActionsProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
-export declare const Card: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<CardProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const CardHeading: React.FC<any>;
+export declare const CardContent: React.FC<React.PropsWithChildren<any>>;
+export declare const CardActions: React.FC<React.PropsWithChildren<any>>;
+export declare const Card: React.FC<React.PropsWithChildren<any>>;
 export default Card;

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -43,5 +43,5 @@ export interface CheckboxProps extends CheckboxIconProps {
     /** Populates the value of the input */
     value?: string;
 }
-export declare const Checkbox: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>, {}>;
+export declare const Checkbox: React.FC<any>;
 export default Checkbox;

package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -47,5 +47,5 @@ export interface CheckboxGroupProps {
  * wrapping and associated text elements, but the checkbox input elements
  * _need_ to be child `Checkbox` components from the NYPL Design System.
  */
-export declare const CheckboxGroup: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const CheckboxGroup: React.FC<any>;
 export default CheckboxGroup;

package/dist/src/components/ComponentWrapper/ComponentWrapper.d.ts

@@ -25,7 +25,5 @@ export interface ComponentWrapperProps {
     /** Offers the ability to hide the helper/invalid text. */
     showHelperInvalidText?: boolean;
 }
-export declare const ComponentWrapper: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ComponentWrapperProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const ComponentWrapper: React.FC<React.PropsWithChildren<any>>;
 export default ComponentWrapper;

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -78,5 +78,5 @@ export interface DatePickerProps extends DatePickerWrapperProps {
 /**
  * Returns a single date input field or two date input fields for a date range.
  */
-export declare const DatePicker: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<TextInputRefType>>, {}>;
+export declare const DatePicker: React.FC<any>;
 export default DatePicker;

package/dist/src/components/FeaturedContent/FeaturedContent.d.ts

@@ -23,7 +23,5 @@ export interface FeaturedContentProps {
     /** Data object that contains the props related to the image element: alt, position, src, width.  */
     imageProps: FeaturedContentImageProps;
 }
-export declare const FeaturedContent: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FeaturedContentProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const FeaturedContent: React.FC<any>;
 export default FeaturedContent;

package/dist/src/components/FeedbackBox/FeedbackBox.d.ts

@@ -1,51 +1,6 @@
 import React from "react";
 export declare const feedbackBoxViewTypeArray: readonly ["form", "confirmation", "error"];
 export type FeedbackBoxViewType = typeof feedbackBoxViewTypeArray[number];
-interface FeedbackBoxProps {
-    /** Additional class name to add. */
-    className?: string;
-    /** Used to add additional information to the default confirmation message in
-     * the confirmation view. */
-    confirmationText?: string | JSX.Element;
-    /** Used to add description text above the form input fields in
-     * the initial/form view. */
-    descriptionText?: string | JSX.Element;
-    /** A data object containing key/value pairs that will be added to the form
-     * field submitted data. */
-    hiddenFields?: any;
-    /** ID that other components can cross reference for accessibility purposes */
-    id?: string;
-    /** Toggles the invalid state for the comment field. */
-    isInvalidComment?: boolean;
-    /** Toggles the invalid state for the email field. */
-    isInvalidEmail?: boolean;
-    /** Only used for internal purposes. */
-    isOpen?: boolean;
-    /** Used to add a notification above the description in the
-     * initial/form view.*/
-    notificationText?: string | JSX.Element;
-    /** Only used for internal purposes. */
-    onClose?: any;
-    /** Only used for internal purposes. */
-    onOpen?: any;
-    /** Callback function that will be invoked when the form is submitted.
-     * The returned data object contains key/value pairs including the
-     * values from the `hiddenFields` prop.
-     */
-    onSubmit: (values: {
-        [key: string]: string;
-    }) => any;
-    /** Toggles the category radio group field. */
-    showCategoryField?: boolean;
-    /** Toggles the email input field. When set to `true`, an additional
-     * confirmation message will be rendered. */
-    showEmailField?: boolean;
-    /** Used to populate the label on the open button and the `Drawer`'s
-     * header title. */
-    title: string;
-    /** Used to specify what screen should be displayed. */
-    view?: FeedbackBoxViewType;
-}
 /**
  * The `FeedbackBox` component renders a fixed-positioned button on the bottom
  * right corner of a page that opens a Chakra `Drawer` popup component. Inside
@@ -54,11 +9,6 @@ interface FeedbackBoxProps {
  * submitted data; that feature is the responsibility of the consuming
  * application.
  */
-export declare const FeedbackBox: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FeedbackBoxProps & React.RefAttributes<any>>, {}>;
-export declare function useFeedbackBox(): {
-    isOpen: boolean;
-    onClose: () => void;
-    onOpen: () => void;
-    FeedbackBox: import("@chakra-ui/react").ChakraComponent<(props: any) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
-};
+export declare const FeedbackBox: React.FC<any>;
+export declare function useFeedbackBox(): any;
 export default FeedbackBox;

package/dist/src/components/Fieldset/Fieldset.d.ts

@@ -1,24 +1,7 @@
 import React from "react";
-interface FieldsetProps {
-    /** Additional class name to add. */
-    className?: string;
-    /** ID that other components can cross reference for accessibility purposes */
-    id: string;
-    /** Flag to show or hide the text in the `legend` element. False by default. */
-    isLegendHidden?: boolean;
-    /** Flag to render "Required" in the `legend`. True by default. */
-    isRequired?: boolean;
-    /** Text to display in the `legend` element. */
-    legendText?: string;
-    /** Whether or not to display the "(Required)" text in the `legend` text.
-     * True by default. */
-    showRequiredLabel?: boolean;
-}
 /**
  * A wrapper component that renders a `fieldset` element along with a `legend`
  * element as its first child. Commonly used to wrap form components.
  */
-export declare const Fieldset: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FieldsetProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & HTMLFieldSetElement>>, {}>;
+export declare const Fieldset: React.FC<React.PropsWithChildren<any>>;
 export default Fieldset;

package/dist/src/components/Form/Form.d.ts

@@ -21,11 +21,9 @@ export interface FormProps extends FormBaseProps {
     onSubmit?: (e: React.FormEvent<any>) => void;
 }
 /** FormRow child-component */
-export declare const FormRow: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
+export declare const FormRow: React.FC<any>;
 /** FormField child-component */
-export declare const FormField: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
+export declare const FormField: React.FC<any>;
 /** Main Form component */
-export declare const Form: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FormProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & HTMLFormElement>>, {}>;
+export declare const Form: React.FC<any>;
 export default Form;

package/dist/src/components/Grid/SimpleGrid.d.ts

@@ -14,7 +14,5 @@ export interface SimpleGridProps {
     /** ID that other components can cross reference for accessibility purposes */
     id?: string;
 }
-export declare const SimpleGrid: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SimpleGridProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const SimpleGrid: React.FC<any>;
 export default SimpleGrid;

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

@@ -36,7 +36,5 @@ export interface HeadingProps {
     /** Optional className for the URL when the `url` prop is passed */
     urlClass?: string;
 }
-export declare const Heading: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<HeadingProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLHeadingElement>>, {}>;
+export declare const Heading: React.FC<any>;
 export default Heading;

package/dist/src/components/HelperErrorText/HelperErrorText.d.ts

@@ -1,34 +1,10 @@
 /// <reference types="react" />
 export type AriaLiveValues = "assertive" | "off" | "polite" | undefined;
 export type HelperErrorTextType = string | JSX.Element;
-interface HelperErrorTextProps {
-    /** Aria attribute. When true, assistive technologies will read the entire
-     * DOM element. When false, only changes (additionals or removals) will be
-     * read. True by default. */
-    ariaAtomic?: boolean;
-    /** Aria attribute used to handle live updates for the helper and error text.
-     * This indicates the priority of the text and when it should be presented to
-     * users using screen readers; "off" indicates that the content should not be
-     * presented, "polite" that it will be announced at the next available time
-     * slot, and "assertive" that it should be announced immediately. This is set
-     * to "polite" by default. */
-    ariaLive?: AriaLiveValues;
-    /** Additional className to add. */
-    className?: string;
-    /** Unique ID for accessibility purposes. */
-    id?: string;
-    /** Toggles between helper and invalid styling. */
-    isInvalid?: boolean;
-    /** Offers the ability to render or not render the content passed in
-     * the `text` prop; `true` by default. */
-    isRenderedText?: boolean;
-    /** The text to display. */
-    text: HelperErrorTextType;
-}
 /**
  * Component that always renders a div even if the text content is not passed.
  * This pattern guarantees accessibility guidelines are met if the text content
  * is dynamically updated by the app or component that implements it.
  */
-export declare const HelperErrorText: import("@chakra-ui/react").ChakraComponent<import("react").ForwardRefExoticComponent<HelperErrorTextProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
+export declare const HelperErrorText: React.FC<any>;
 export default HelperErrorText;

package/dist/src/components/Hero/Hero.d.ts

@@ -43,7 +43,5 @@ export interface HeroProps {
      * underneath the heading element. */
     subHeaderText?: string | JSX.Element;
 }
-export declare const Hero: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<HeroProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Hero: React.FC<any>;
 export default Hero;

package/dist/src/components/HorizontalRule/HorizontalRule.d.ts

@@ -7,5 +7,5 @@ export interface HorizontalRuleProps {
     /** ClassName you can add in addition to `horizontal-rule` */
     className?: string;
 }
-export declare const HorizontalRule: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<HorizontalRuleProps & React.RefAttributes<HTMLDivElement & HTMLHRElement>>, {}>;
+export declare const HorizontalRule: React.FC<any>;
 export default HorizontalRule;

package/dist/src/components/Icons/Icon.d.ts

@@ -35,7 +35,5 @@ export interface IconProps {
 /**
  * Renders SVG-based icons.
  */
-export declare const Icon: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<IconProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & SVGSVGElement>>, {}>;
+export declare const Icon: React.FC<any>;
 export default Icon;

package/dist/src/components/Image/Image.d.ts

@@ -64,5 +64,5 @@ export interface ImageProps extends ImageWrapperProps, ImgHTMLAttributes<HTMLIma
     /** The src attribute is required, and contains the path to the image you want to embed. */
     src?: string;
 }
-export declare const Image: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Image: React.FC<any>;
 export default Image;

package/dist/src/components/Label/Label.d.ts

@@ -1,25 +1,6 @@
 import React from "react";
-interface LabelProps {
-    /** Additional CSS class name to render in the `label` element. */
-    className?: string;
-    /** The id of the html element that this `Label` is describing. */
-    htmlFor: string;
-    /** ID that other components can cross reference for accessibility purposes */
-    id?: string;
-    /** Controls whether the label should be inline with the input it goes with.
-     * This prop should only be used internally. */
-    isInlined?: boolean;
-    /** Controls whether the "(Required)" text should be displayed alongside the
-     * label's text. False by default. */
-    isRequired?: boolean;
-    /** Allows the '(Required)' text to be changed for language purposes
-     * Note: Parenthesis will be added automatically by the component */
-    requiredLabelText?: string;
-}
 /**
  * A label for form inputs. It should never be used alone.
  */
-export declare const Label: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<LabelProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & HTMLLabelElement>>, {}>;
+export declare const Label: React.FC<any>;
 export default Label;

package/dist/src/components/Link/Link.d.ts

@@ -6,6 +6,8 @@ export interface LinkProps {
     children: React.ReactNode;
     /** Additional class name to render in the `Link` component. */
     className?: string;
+    /** Used to include or remove visited state styles. Default is true. */
+    hasVisitedState?: boolean;
     /** The `href` attribute for the anchor element. */
     href?: string;
     /** ID used for accessibility purposes. */
@@ -28,5 +30,5 @@ export interface LinkProps {
  * A component that uses an `href` prop or a child anchor element, to create
  * an anchor element with added styling and conventions.
  */
-export declare const Link: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLDivElement & HTMLAnchorElement>>, {}>;
+export declare const Link: React.FC<any>;
 export default Link;

package/dist/src/components/List/List.d.ts

@@ -32,9 +32,7 @@ export interface ListProps {
  * and `dd` elements based on the `type` prop. Note that the `title` prop will
  * only display for the `Description` list type.
  */
-export declare const List: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ListProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & HTMLUListElement & HTMLOListElement>>, {}>;
+export declare const List: React.FC<any>;
 /**
  * Checks for `li` elements and consoles a warning if the
  * children are different HTML elements.

package/dist/src/components/Logo/Logo.d.ts

@@ -26,7 +26,5 @@ export interface LogoProps {
  * The `Logo` component renders SVG-based logos and color variants that are
  * commonly used by the New York Public Library.
  */
-export declare const Logo: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<LogoProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & SVGSVGElement>>, {}>;
+export declare const Logo: React.FC<any>;
 export default Logo;

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

@@ -19,17 +19,11 @@ export interface ModalProps {
  * internal `Modal` component. Note that props to update the internal `Modal`
  * component are passed through to the `modalProps` prop.
  */
-export declare const ModalTrigger: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ModalProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>, {}>;
+export declare const ModalTrigger: React.FC<any>;
 /**
  * This hook function can be used to render the `Modal` component with a custom
  * open button(s) and optional custom close button(s). You must render your own
  * button and pass the appropriate `onOpen` and ` handler for the modal to open.
  */
-export declare function useModal(): {
-    onClose: () => void;
-    onOpen: () => void;
-    Modal: import("@chakra-ui/react").ChakraComponent<({ bodyContent, closeButtonLabel, headingText, id, ...rest }: React.PropsWithChildren<BaseModalProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
-};
+export declare function useModal(): any;
 export {};

package/dist/src/components/NewsletterSignup/NewsletterSignup.d.ts

@@ -1,46 +1,8 @@
 import React from "react";
-import { SectionTypes } from "../../helpers/types";
-interface NewsletterSignupProps {
-    /** Additional class name to add. */
-    className?: string;
-    /** Text displayed next to the confirmation icon after a successful email submission */
-    confirmationHeading: string;
-    /** Detail text for the confirmation view */
-    confirmationText: string;
-    /** Appears below the title to provide details about the newsletter. Accepts a string or an element. */
-    descriptionText?: string | JSX.Element;
-    /** Text displayed next to the error icon in case of an error in the email submission process*/
-    errorHeading?: string;
-    /** Appears below the title to provide details about next steps in case of an error. Accepts a string or an element. */
-    errorText?: string | JSX.Element;
-    /** Appears below the input field's example text to provide any additional instructions. Accepts a string or
-     *  an element. */
-    formHelperText?: string | JSX.Element;
-    /** ID that other components can cross-reference for accessibility purposes */
-    id?: string;
-    /** Toggles the invalid state for the email field. */
-    isInvalidEmail?: boolean;
-    /** Value to determine the section color highlight. The default is set to "blogs" as it uses the
-     * "ui.border.deafult" color.
-     */
-    newsletterSignupType?: SectionTypes;
-    /** A handler function that will be called when the form is submitted. */
-    onSubmit: (event: React.FormEvent<any>) => void;
-    /** A handler function that will be called when the text input changes. */
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Link to the relevant privacy policy page. */
-    privacyPolicyLink?: string;
-    /** Used to populate the title of the Component*/
-    title?: JSX.Element;
-    /** The value of the email text input field. */
-    valueEmail?: string;
-    /** Used to specify what is displayed in the component form/feedback area. */
-    view?: NewsletterSignupViewType;
-}
 export type NewsletterSignupViewType = "form" | "submitting" | "confirmation" | "error";
 /**
  * The NewsletterSignup component provides a way for patrons to register for an
  * email-based newsletter distribution list.
  */
-export declare const NewsletterSignup: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<NewsletterSignupProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const NewsletterSignup: React.FC<any>;
 export default NewsletterSignup;

package/dist/src/components/Notification/Notification.d.ts

@@ -18,13 +18,11 @@ interface BaseProps {
     /** Prop to display the `Notification` icon. Defaults to `true`. */
     showIcon?: boolean;
 }
-type NotificationHeadingProps = Omit<BasePropsWithoutAlignText, "notificationHeading" | "showIcon">;
-type NotificationContentProps = Omit<BaseProps, "icon">;
 type BasePropsWithoutAlignText = Omit<BaseProps, "alignText">;
 export interface NotificationProps extends BasePropsWithoutAlignText {
     /** Label used to describe the `Notification`'s aside HTML element. */
     ariaLabel?: string;
-    /** Additional `className` to add.  */
+    /** Additional `className` to add. */
     className?: string;
     /** Optional prop to control whether a `Notification` can be dismissed
      * (closed) by a user. */
@@ -39,14 +37,14 @@ export interface NotificationProps extends BasePropsWithoutAlignText {
 /**
  * NotificationHeading child-component.
  */
-export declare const NotificationHeading: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<NotificationHeadingProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
+export declare const NotificationHeading: React.FC<any>;
 /**
  * NotificationContent child-component.
  */
-export declare const NotificationContent: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<NotificationContentProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
+export declare const NotificationContent: React.FC<any>;
 /**
  * Component used to present users with three different levels of notifications:
  * standard, announcement, and warning.
  */
-export declare const Notification: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Notification: React.FC<any>;
 export default Notification;

package/dist/src/components/Pagination/Pagination.d.ts

@@ -23,5 +23,5 @@ export interface PaginationProps {
 /**
  * A component that provides a navigational list of page items.
  */
-export declare const Pagination: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Pagination: React.FC<any>;
 export default Pagination;

package/dist/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -28,5 +28,5 @@ export interface ProgressIndicatorProps {
  * time to complete or consists of multiple steps. Examples include downloading,
  * uploading, or processing.
  */
-export declare const ProgressIndicator: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const ProgressIndicator: React.FC<any>;
 export default ProgressIndicator;

package/dist/src/components/Radio/Radio.d.ts

@@ -39,5 +39,5 @@ export interface RadioProps {
     /** Populates the value of the input. */
     value?: string;
 }
-export declare const Radio: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>, {}>;
+export declare const Radio: React.FC<any>;
 export default Radio;

package/dist/src/components/RadioGroup/RadioGroup.d.ts

@@ -45,7 +45,5 @@ export interface RadioGroupProps {
  * for this form group element and is not needed for individual DS `Radio`
  * components when `RadioGroup` is used.
  */
-export declare const RadioGroup: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<RadioGroupProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const RadioGroup: React.FC<any>;
 export default RadioGroup;

package/dist/src/components/SearchBar/SearchBar.d.ts

@@ -54,5 +54,5 @@ export interface SearchBarProps {
  * Renders a wrapper `form` element to be used with `Select` (optional),
  * `Input`, and `Button` components together.
  */
-export declare const SearchBar: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const SearchBar: React.FC<any>;
 export default SearchBar;

package/dist/src/components/Select/Select.d.ts

@@ -53,7 +53,5 @@ export interface SelectProps {
  * Component that renders Chakra's `Select` component along with an accessible
  * `Label` and optional `HelperErrorText` component.
  */
-export declare const Select: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SelectProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLSelectElement>>, {}>;
+export declare const Select: React.FC<any>;
 export default Select;

package/dist/src/components/SkeletonLoader/SkeletonLoader.d.ts

@@ -36,7 +36,5 @@ export interface SkeletonLoaderProps {
  * The `SkeletonLoader` component renders a placeholder to be used while
  * dynamic content is loading.
  */
-export declare const SkeletonLoader: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SkeletonLoaderProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const SkeletonLoader: React.FC<any>;
 export default SkeletonLoader;