@nypl/design-system-react-components 1.6.0-vite-rc → 1.6.0-vite-rc-2

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

@@ -1,5 +1,6 @@
 import React from "react";
-export type BreadcrumbsTypes = "blogs" | "booksAndMore" | "brand" | "education" | "locations" | "research" | "whatsOn";
+export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "education", "locations", "research", "whatsOn"];
+export type BreadcrumbsTypes = typeof breadcrumbTypeArray[number];
 export interface BreadcrumbsDataProps {
     url: string;
     text: string | React.ReactNode;
@@ -14,5 +15,10 @@ export interface BreadcrumbProps {
     /** ID that other components can cross reference for accessibility purposes */
     id?: string;
 }
+/**
+ * The `Breadcrumbs` component is a navigation element that provides a
+ * 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 default Breadcrumbs;

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

@@ -1,7 +1,10 @@
 import React from "react";
-export type ButtonElementType = "submit" | "button" | "reset";
-export type ButtonSizes = "small" | "medium" | "large";
-export type ButtonTypes = "primary" | "secondary" | "text" | "callout" | "pill" | "noBrand" | "link";
+export declare const buttonElementTypeArray: readonly ["submit", "button", "reset"];
+export declare const buttonSizesArray: readonly ["small", "medium", "large"];
+export declare const buttonTypesArray: readonly ["primary", "secondary", "text", "callout", "pill", "noBrand", "link"];
+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;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { LayoutTypes } from "../../helpers/types";
-export type ButtonGroupWidths = "default" | "full";
+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;

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

@@ -47,8 +47,8 @@ export interface CardProps extends CardBaseProps, CardWrapperProps {
 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<{}>) => JSX.Element, {}>;
-export declare const CardActions: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<CardActionsProps>) => JSX.Element, {}>;
+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>>, {}>;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 import { TextInputRefType } from "../TextInput/TextInput";
-export type DatePickerTypes = "full" | "month" | "year";
+export declare const datePickerTypesArray: readonly ["full", "month", "year"];
+export type DatePickerTypes = typeof datePickerTypesArray[number];
 export interface FullDateType {
     /** Date object that gets returned for the onChange
      * function only for date ranges. */

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

@@ -1,5 +1,6 @@
 import React from "react";
-type ViewType = "form" | "confirmation" | "error";
+export declare const feedbackBoxViewTypeArray: readonly ["form", "confirmation", "error"];
+export type FeedbackBoxViewType = typeof feedbackBoxViewTypeArray[number];
 interface FeedbackBoxProps {
     /** Additional class name to add. */
     className?: string;
@@ -14,9 +15,9 @@ interface FeedbackBoxProps {
     hiddenFields?: any;
     /** ID that other components can cross reference for accessibility purposes */
     id?: string;
-    /** Toggles the invalid state for the email field. */
-    isInvalidComment?: boolean;
     /** 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;
@@ -43,7 +44,7 @@ interface FeedbackBoxProps {
      * header title. */
     title: string;
     /** Used to specify what screen should be displayed. */
-    view?: ViewType;
+    view?: FeedbackBoxViewType;
 }
 /**
  * The `FeedbackBox` component renders a fixed-positioned button on the bottom
@@ -58,6 +59,6 @@ export declare function useFeedbackBox(): {
     isOpen: boolean;
     onClose: () => void;
     onOpen: () => void;
-    FeedbackBox: import("@chakra-ui/react").ChakraComponent<(props: any) => JSX.Element, {}>;
+    FeedbackBox: import("@chakra-ui/react").ChakraComponent<(props: any) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 };
 export default FeedbackBox;

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

@@ -21,9 +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>) => JSX.Element, {}>;
+export declare const FormRow: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 /** FormField child-component */
-export declare const FormField: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
+export declare const FormField: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 /** Main Form component */
 export declare const Form: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FormProps & {
     children?: React.ReactNode;

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

@@ -1,5 +1,6 @@
 import React from "react";
-export type GridGaps = "grid.xxs" | "grid.xs" | "grid.s" | "grid.m" | "grid.l" | "grid.xl" | "grid.xxl";
+export declare const gridGapsArray: readonly ["grid.xxs", "grid.xs", "grid.s", "grid.m", "grid.l", "grid.xl", "grid.xxl"];
+export type GridGaps = typeof gridGapsArray[number];
 export interface SimpleGridProps {
     /** Additional class name. */
     className?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface GAOptionProps {
     debug?: boolean;
     standardImplementation?: boolean;
@@ -18,5 +17,5 @@ export interface HeaderProps {
  * contains features for logging in, logging out, searching, and navigating
  * the NYPL.org site.
  */
-export declare const Header: import("@chakra-ui/react").ChakraComponent<({ fetchSitewideAlerts, gaOptions, isProduction, }: HeaderProps) => JSX.Element, {}>;
+export declare const Header: import("@chakra-ui/react").ChakraComponent<({ fetchSitewideAlerts, gaOptions, isProduction, }: HeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default Header;

package/dist/src/components/Header/components/HeaderLogin.d.ts

@@ -8,5 +8,5 @@ export interface HeaderLoginProps {
  * in and log out. When the patron is logged in, it will also display the patron's
  * name, links to the catalogs, and a log out link.
  */
-declare const HeaderLogin: import("@chakra-ui/react").ChakraComponent<({ catalogRef, isMobile }: HeaderLoginProps) => JSX.Element, {}>;
+declare const HeaderLogin: import("@chakra-ui/react").ChakraComponent<({ catalogRef, isMobile }: HeaderLoginProps) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderLogin;

package/dist/src/components/Header/components/HeaderLoginButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HeaderLoginButtonProps {
     isMobile?: boolean;
 }
@@ -7,5 +6,5 @@ export interface HeaderLoginButtonProps {
  * and keep focus trapped within the menu. Its display text will be "Log In"
  * when the user is not logged in and "My Account" when the user is logged in.
  */
-declare const HeaderLoginButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderLoginButtonProps) => JSX.Element, {}>;
+declare const HeaderLoginButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderLoginButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderLoginButton;

package/dist/src/components/Header/components/HeaderLowerNav.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 /**
  * This component renders the navigational list of links used to
  * navigate to different landing pages on NYPL.org.
  */
-declare const HeaderLowerNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+declare const HeaderLowerNav: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderLowerNav;

package/dist/src/components/Header/components/HeaderMobileIconNav.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 /**
  * This component renders the mobile list of icon buttons for
  * logging in, searching, and navigating on NYPL.org.
  */
-declare const HeaderMobileIconNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+declare const HeaderMobileIconNav: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderMobileIconNav;

package/dist/src/components/Header/components/HeaderMobileNav.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 /**
  * This component renders the navigational list of links used to navigate
  * NYPL.org for mobile devices.
  */
-declare const HeaderMobileNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+declare const HeaderMobileNav: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderMobileNav;

package/dist/src/components/Header/components/HeaderMobileNavButton.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 /**
  * This is the button that will render the navigational list of links
  * when it is clicked and keep focus trapped within the menu.
  */
-declare const HeaderMobileNavButton: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+declare const HeaderMobileNavButton: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderMobileNavButton;

package/dist/src/components/Header/components/HeaderSearchButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HeaderSearchButtonProps {
     isMobile?: boolean;
 }
@@ -6,5 +5,5 @@ export interface HeaderSearchButtonProps {
  * This is the button that will render the search form when it is clicked and
  * keep focus trapped within the menu.
  */
-declare const HeaderSearchButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchButtonProps) => JSX.Element, {}>;
+declare const HeaderSearchButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderSearchButton;

package/dist/src/components/Header/components/HeaderSearchForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HeaderSearchFormProps {
     isMobile?: boolean;
 }
@@ -7,5 +6,5 @@ export type SearchOptionType = "circulatingCatalog" | "researchCatalog" | "websi
  * Displays the search form for the Header's search interface. On mobile, two
  * buttons are displayed and on desktop, two radio inputs are displayed.
  */
-declare const HeaderSearchForm: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchFormProps) => JSX.Element, {}>;
+declare const HeaderSearchForm: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchFormProps) => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderSearchForm;

package/dist/src/components/Header/components/HeaderSitewideAlerts.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 /**
  * The HeaderSitewideAlerts component makes an API request to an NYPL API
  * endpoint to fetch NYPL sitewide alerts. While this component can be used in
  * isolation, it is already rendered in the DS Header component.
  */
-export declare const HeaderSitewideAlerts: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export declare const HeaderSitewideAlerts: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderSitewideAlerts;

package/dist/src/components/Header/components/HeaderUpperNav.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 /**
  * This renders the navigational list of links for logging in, subscribing
  * to the email service, going to the Locations page, getting a Library card,
  * donating, and shopping at NYPL.
  */
-declare const HeaderUpperNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+declare const HeaderUpperNav: import("@chakra-ui/react").ChakraComponent<() => import("@emotion/react/jsx-runtime").JSX.Element, {}>;
 export default HeaderUpperNav;

package/dist/src/components/Header/context/headerContext.d.ts

@@ -10,4 +10,4 @@ export declare const HeaderProvider: ({ children, isProduction, patronName, }: {
     children: any;
     isProduction?: boolean;
     patronName?: string;
-}) => JSX.Element;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 import React from "react";
-export type HeadingSizes = "primary" | "secondary" | "tertiary" | "callout";
-export type HeadingLevels = "one" | "two" | "three" | "four" | "five" | "six";
+export declare const headingSizesArray: readonly ["primary", "secondary", "tertiary", "callout"];
+export declare const headingLevelsArray: readonly ["one", "two", "three", "four", "five", "six"];
+export type HeadingSizes = typeof headingSizesArray[number];
+export type HeadingLevels = typeof headingLevelsArray[number];
 export interface HeadingProps {
     /** Optional className that appears in addition to `heading` */
     className?: string;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { ComponentImageProps } from "../Image/Image";
-export type HeroTypes = "primary" | "secondary" | "secondaryBooksAndMore" | "secondaryLocations" | "secondaryResearch" | "secondaryWhatsOn" | "tertiary" | "campaign" | "fiftyFifty";
+export declare const heroTypesArray: readonly ["primary", "secondary", "secondaryBooksAndMore", "secondaryLocations", "secondaryResearch", "secondaryWhatsOn", "tertiary", "campaign", "fiftyFifty"];
+export type HeroTypes = typeof heroTypesArray[number];
 export declare const heroSecondaryTypes: string[];
 export interface HeroImageProps extends Pick<ComponentImageProps, "alt" | "src"> {
 }

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

@@ -1,12 +1,11 @@
 import React from "react";
-import iconColors from "./IconColors";
-import iconNames from "./IconNames";
-export type IconAlign = "left" | "right" | "none";
-export type IconColors = typeof iconColors[number];
-export type IconNames = typeof iconNames[number];
-export type IconRotationTypes = "rotate0" | "rotate90" | "rotate180" | "rotate270";
-export type IconSizes = "default" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge";
-export type IconTypes = "default" | "breadcrumbs";
+import { iconAlignArray, iconColorsArray, iconNamesArray, iconRotationTypesArray, iconSizesArray, iconTypesArray } from "./iconVariables";
+export type IconAlign = typeof iconAlignArray[number];
+export type IconColors = typeof iconColorsArray[number];
+export type IconNames = typeof iconNamesArray[number];
+export type IconRotationTypes = typeof iconRotationTypesArray[number];
+export type IconSizes = typeof iconSizesArray[number];
+export type IconTypes = typeof iconTypesArray[number];
 export interface IconProps {
     /** Aligns the icon. */
     align?: IconAlign;

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

@@ -1,56 +1,163 @@
+/// <reference types="react" />
 declare const _default: {
-    accessibilityFull: string;
-    accessibilityPartial: string;
-    actionCheckCircle: string;
-    actionCheckCircleFilled: string;
-    actionExit: string;
-    actionHelpDefault: string;
-    actionHelpOutline: string;
-    actionLaunch: string;
-    actionPower: string;
-    actionRegistration: string;
-    actionSettings: string;
-    alertNotificationImportant: string;
-    alertWarningFilled: string;
-    alertWarningOutline: string;
-    arrow: string;
-    building: string;
-    check: string;
-    clock: string;
-    close: string;
-    decorativeEnvelope: string;
-    decorativeLibraryCard: string;
-    decorativeShoppingBag: string;
-    download: string;
-    errorFilled: string;
-    errorOutline: string;
-    fileTypeAudio: string;
-    fileTypeDoc: string;
-    fileTypeGenericDoc: string;
-    fileTypeImage: string;
-    fileTypePdf: string;
-    fileTypeSpreadsheet: string;
-    fileTypeVideo: string;
-    headset: string;
-    legacyAccountFilled: string;
-    legacyAccountUnfilled: string;
-    legacySocialFacebook: string;
-    legacySocialInstagram: string;
-    legacySocialTwitter: string;
-    legacySocialYoutube: string;
-    locator: string;
-    minus: string;
-    plus: string;
-    search: string;
-    socialFacebook: string;
-    socialInstagram: string;
-    socialTumblr: string;
-    socialTwitter: string;
-    socialYoutube: string;
-    speakerNotes: string;
-    utilityAccountFilled: string;
-    utilityAccountUnfilled: string;
-    utilityHamburger: string;
-    utilitySearch: string;
+    accessibilityFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    accessibilityPartial: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionCheckCircle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionCheckCircleFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionExit: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionHelpDefault: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionHelpOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionLaunch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionPower: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionRegistration: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionSettings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    alertNotificationImportant: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    alertWarningFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    alertWarningOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    arrow: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    building: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    check: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    clock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    close: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    decorativeEnvelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    decorativeLibraryCard: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    decorativeShoppingBag: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    download: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    errorFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    errorOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeAudio: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeGenericDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeImage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypePdf: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeSpreadsheet: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fileTypeVideo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    headset: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacyAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacyAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacySocialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacySocialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacySocialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    legacySocialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    locator: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialTumblr: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    speakerNotes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    utilityAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    utilityAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    utilityHamburger: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    utilitySearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
 };
 export default _default;

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

@@ -0,0 +1,6 @@
+export declare const iconAlignArray: readonly ["left", "right", "none"];
+export declare const iconColorsArray: readonly ["ui.black", "ui.white", "brand.primary", "brand.secondary", "ui.error.primary", "ui.error.secondary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.warning.primary", "ui.warning.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.education.primary", "section.education.secondary", "section.locations.primary", "section.locations.secondary", "section.research.primary", "section.research.secondary", "section.research-library.lpa", "section.research-library.schomburg", "section.research-library.schwartzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.warning.primary", "dark.ui.warning.secondary"];
+export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionLaunch", "actionPower", "actionRegistration", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "minus", "plus", "search", "socialFacebook", "socialInstagram", "socialTumblr", "socialTwitter", "socialYoutube", "speakerNotes", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
+export declare const iconRotationTypesArray: readonly ["rotate0", "rotate90", "rotate180", "rotate270"];
+export declare const iconSizesArray: readonly ["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
+export declare const iconTypesArray: readonly ["default", "breadcrumbs"];

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

@@ -1,7 +1,10 @@
 import React, { ImgHTMLAttributes } from "react";
-export type ImageRatios = "fourByThree" | "oneByTwo" | "original" | "sixteenByNine" | "square" | "threeByFour" | "threeByTwo" | "twoByOne";
-export type ImageSizes = "default" | "xxsmall" | "xsmall" | "small" | "medium" | "large";
-export type ImageTypes = "default" | "circle";
+export declare const imageRatiosArray: readonly ["fourByThree", "oneByTwo", "original", "sixteenByNine", "square", "threeByFour", "threeByTwo", "twoByOne"];
+export declare const imageSizesArray: readonly ["default", "xxsmall", "xsmall", "small", "medium", "large"];
+export declare const imageTypesArray: readonly ["default", "circle"];
+export type ImageRatios = typeof imageRatiosArray[number];
+export type ImageSizes = typeof imageSizesArray[number];
+export type ImageTypes = typeof imageTypesArray[number];
 export interface ComponentImageProps extends Partial<HTMLImageElement> {
     /** String value used to populate the `alt` attribute of the internal `Image`
      * component's `img` element. @NOTE if an image is used, this value must be passed. */

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

@@ -1,5 +1,6 @@
 import React from "react";
-export type LinkTypes = "action" | "backwards" | "button" | "buttonPrimary" | "buttonSecondary" | "buttonPill" | "buttonCallout" | "buttonNoBrand" | "buttonDisabled" | "default" | "external" | "forwards";
+export declare const linkTypesArray: readonly ["action", "backwards", "button", "buttonPrimary", "buttonSecondary", "buttonPill", "buttonCallout", "buttonNoBrand", "buttonDisabled", "default", "external", "forwards"];
+export type LinkTypes = typeof linkTypesArray[number];
 export interface LinkProps {
     /** Any child node passed to the component. */
     children: React.ReactNode;