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

package/dist/{components → src/components}/Header/utils/headerUtils.d.ts

@@ -1,94 +1,94 @@
-export interface Alert {
-    id: string;
-    link: string;
-    description: string;
-    startDate: string;
-    endDate: string;
-}
-export declare const alertsApiUrl = "https://refinery.nypl.org/api/nypl/ndo/v0.1/content/alerts?filter%5Bscope%5D=all";
-export declare const patronApiUrl = "https://platform.nypl.org/api/v0.1/auth/patron/tokens/";
-export declare const tokenRefreshLink: (isProduction?: boolean) => string;
-export declare const getLoginLinks: (patronName?: string, isProduction?: boolean) => {
-    catalogLink: string;
-    researchLink: string;
-    logOutLink: string;
-};
-export declare const upperNavLinks: {
-    locations: {
-        href: string;
-        text: string;
-    };
-    libraryCard: {
-        href: string;
-        text: string;
-    };
-    emailUpdates: {
-        href: string;
-        text: string;
-    };
-    donate: {
-        href: string;
-        text: string;
-    };
-    shop: {
-        href: string;
-        text: string;
-    };
-};
-export declare const siteNavLinks: {
-    href: string;
-    text: string;
-}[];
-/**
- * Replaces the search string's special characters that need to be encoded
- * using base64. These characters are "=","/", "\", "?".
- */
-export declare const encoreEncodeSearchString: (searchString: any) => any;
-/**
- * Returns the final URL for the NYPL Encore search.
- */
-export declare const getEncoreCatalogURL: (searchValue: any) => any;
-/**
- * Returns the final URL for the NYPL Research Catalog search.
- */
-export declare const getResearchCatalogURL: (searchValue: any) => string;
-/**
- * Returns the final URL for the NYPL catalog search.
- */
-export declare const getNYPLSearchURL: (searchString: any) => string;
-/**
- * The `alertsApiUrl` fetches NYPL alerts from the Refinery API. This API
- * returns JSONAPI-formatted data. We could use a better JSONAPI parser, but
- * this is the only endpoint we will use that is JSONAPI. Eventually, this
- * endpoint will be replaced. This function parses the JSONAPI data in a very
- * naive and quick way to get the necessary alerts data. The data is then
- * filtered to include active alerts.
- */
-export declare const parseAlertsData: (data: any) => Alert[];
-/**
- * `refreshAccessToken` attempts to refresh the "nyplIdentityPatron" cookie's
- * `accessToken` by making a request to the `tokenRefreshLink`. If successful,
- * it tries to fetch the patron's data again.
- */
-export declare const refreshAccessToken: (api: any, cb: any, fallBackCb: any) => void;
-/**
- * getCookieValue uses the js.cookie package to get the value
- * of the "nyplIdentityPatron" cookie (if it exists) and extract
- * the cookie's `access_token`.
- */
-export declare const getCookieValue: () => {
-    cookieValue: any;
-    accessToken: any;
-};
-export declare const deleteCookieValue: () => void;
-/**
- * getLoginData uses the `patronApiUrl` combined with the
- * `accessToken` from the "nyplIdentityPatron" cookie to fetch
- * the patron's information from the server.
- */
-export declare const getLoginData: (accessToken: any, cb: any) => void;
-/**
- * `extractPatronName` locates and returns the `patronName`
- * from the nested object that is returned from `getLoginData`.
- */
-export declare const extractPatronName: (data: any) => any;
+export interface Alert {
+    id: string;
+    link: string;
+    description: string;
+    startDate: string;
+    endDate: string;
+}
+export declare const alertsApiUrl = "https://refinery.nypl.org/api/nypl/ndo/v0.1/content/alerts?filter%5Bscope%5D=all";
+export declare const patronApiUrl = "https://platform.nypl.org/api/v0.1/auth/patron/tokens/";
+export declare const tokenRefreshLink: (isProduction?: boolean) => string;
+export declare const getLoginLinks: (patronName?: string, isProduction?: boolean) => {
+    catalogLink: string;
+    researchLink: string;
+    logOutLink: string;
+};
+export declare const upperNavLinks: {
+    locations: {
+        href: string;
+        text: string;
+    };
+    libraryCard: {
+        href: string;
+        text: string;
+    };
+    emailUpdates: {
+        href: string;
+        text: string;
+    };
+    donate: {
+        href: string;
+        text: string;
+    };
+    shop: {
+        href: string;
+        text: string;
+    };
+};
+export declare const siteNavLinks: {
+    href: string;
+    text: string;
+}[];
+/**
+ * Replaces the search string's special characters that need to be encoded
+ * using base64. These characters are "=","/", "\", "?".
+ */
+export declare const encoreEncodeSearchString: (searchString: any) => any;
+/**
+ * Returns the final URL for the NYPL Encore search.
+ */
+export declare const getEncoreCatalogURL: (searchValue: any) => any;
+/**
+ * Returns the final URL for the NYPL Research Catalog search.
+ */
+export declare const getResearchCatalogURL: (searchValue: any) => string;
+/**
+ * Returns the final URL for the NYPL catalog search.
+ */
+export declare const getNYPLSearchURL: (searchString: any) => string;
+/**
+ * The `alertsApiUrl` fetches NYPL alerts from the Refinery API. This API
+ * returns JSONAPI-formatted data. We could use a better JSONAPI parser, but
+ * this is the only endpoint we will use that is JSONAPI. Eventually, this
+ * endpoint will be replaced. This function parses the JSONAPI data in a very
+ * naive and quick way to get the necessary alerts data. The data is then
+ * filtered to include active alerts.
+ */
+export declare const parseAlertsData: (data: any) => Alert[];
+/**
+ * `refreshAccessToken` attempts to refresh the "nyplIdentityPatron" cookie's
+ * `accessToken` by making a request to the `tokenRefreshLink`. If successful,
+ * it tries to fetch the patron's data again.
+ */
+export declare const refreshAccessToken: (api: any, cb: any, fallBackCb: any) => void;
+/**
+ * getCookieValue uses the js.cookie package to get the value
+ * of the "nyplIdentityPatron" cookie (if it exists) and extract
+ * the cookie's `access_token`.
+ */
+export declare const getCookieValue: () => {
+    cookieValue: any;
+    accessToken: any;
+};
+export declare const deleteCookieValue: () => void;
+/**
+ * getLoginData uses the `patronApiUrl` combined with the
+ * `accessToken` from the "nyplIdentityPatron" cookie to fetch
+ * the patron's information from the server.
+ */
+export declare const getLoginData: (accessToken: any, cb: any) => void;
+/**
+ * `extractPatronName` locates and returns the `patronName`
+ * from the nested object that is returned from `getLoginData`.
+ */
+export declare const extractPatronName: (data: any) => any;

package/dist/{components → src/components}/Heading/Heading.d.ts

@@ -1,35 +1,35 @@
-import React from "react";
-export declare type HeadingSizes = "primary" | "secondary" | "tertiary" | "callout";
-export declare type HeadingLevels = "one" | "two" | "three" | "four" | "five" | "six";
-export interface HeadingProps {
-    /** Optional className that appears in addition to `heading` */
-    className?: string;
-    /** Optional ID that other components can cross reference for accessibility purposes */
-    id?: string;
-    /** Optional prop used to show capitalized text */
-    isCapitalized?: boolean;
-    /** Optional prop used to show upper case text */
-    isUppercase?: boolean;
-    /** Optional prop used to show lower case text */
-    isLowercase?: boolean;
-    /** Optional number 1-6 used to create the `<h*>` tag; if prop is not passed,
-     * `Heading` will default to `<h2>` */
-    level?: HeadingLevels;
-    /** Optional size used to override the default styles of the semantic HTM
-     * `<h>` elements */
-    size?: HeadingSizes;
-    /** Optional prop used to remove default spacing */
-    noSpace?: boolean;
-    /** Inner text of the `<h*>` element */
-    text?: string;
-    /** Optional URL that header points to; when `url` prop is passed to
-     * `Heading`, a child `<a>` element is created and the heading text becomes
-     * an active link */
-    url?: string;
-    /** 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 default Heading;
+import React from "react";
+export type HeadingSizes = "primary" | "secondary" | "tertiary" | "callout";
+export type HeadingLevels = "one" | "two" | "three" | "four" | "five" | "six";
+export interface HeadingProps {
+    /** Optional className that appears in addition to `heading` */
+    className?: string;
+    /** Optional ID that other components can cross reference for accessibility purposes */
+    id?: string;
+    /** Optional prop used to show capitalized text */
+    isCapitalized?: boolean;
+    /** Optional prop used to show upper case text */
+    isUppercase?: boolean;
+    /** Optional prop used to show lower case text */
+    isLowercase?: boolean;
+    /** Optional number 1-6 used to create the `<h*>` tag; if prop is not passed,
+     * `Heading` will default to `<h2>` */
+    level?: HeadingLevels;
+    /** Optional size used to override the default styles of the semantic HTM
+     * `<h>` elements */
+    size?: HeadingSizes;
+    /** Optional prop used to remove default spacing */
+    noSpace?: boolean;
+    /** Inner text of the `<h*>` element */
+    text?: string;
+    /** Optional URL that header points to; when `url` prop is passed to
+     * `Heading`, a child `<a>` element is created and the heading text becomes
+     * an active link */
+    url?: string;
+    /** 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 default Heading;

package/dist/{components → src/components}/HelperErrorText/HelperErrorText.d.ts

@@ -1,34 +1,34 @@
-import React from "react";
-export declare type AriaLiveValues = "assertive" | "off" | "polite" | undefined;
-export declare 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<React.ForwardRefExoticComponent<HelperErrorTextProps & React.RefAttributes<HTMLDivElement>>, {}>;
-export default HelperErrorText;
+import React from "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<React.ForwardRefExoticComponent<HelperErrorTextProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export default HelperErrorText;

package/dist/{components → src/components}/Hero/Hero.d.ts

@@ -1,42 +1,42 @@
-import React from "react";
-import { ComponentImageProps } from "../Image/Image";
-export declare type HeroTypes = "primary" | "secondary" | "secondaryBooksAndMore" | "secondaryLocations" | "secondaryResearch" | "secondaryWhatsOn" | "tertiary" | "campaign" | "fiftyFifty";
-export declare const heroSecondaryTypes: string[];
-export interface HeroImageProps extends Pick<ComponentImageProps, "alt" | "src"> {
-}
-export interface HeroProps {
-    /** Optional hex color value used to override the default background
-     * color for a given `Hero` variation.
-     * Note: not all `Hero` variations utilize this prop. */
-    backgroundColor?: string;
-    /** Optional path to an image that will be used as a background image for the
-     * `Hero` component.
-     * Note: not all `Hero` variations utilize this prop. */
-    backgroundImageSrc?: string;
-    /** Optional hex color value used to override the default text color for a
-     * given `Hero` variation.
-     * Note: not all `Hero` variations utilize this prop. */
-    foregroundColor?: string;
-    /** Optional heading element. */
-    heading?: JSX.Element;
-    /** Used to control how the `Hero` component will be rendered. */
-    heroType?: HeroTypes;
-    /** Object used to create and render the `Image` component. Note that only
-     * `src` and `alt` are the available attributes to pass. If `imageProps.alt`
-     * is left blank, a warning will be logged to the console and will cause
-     * accessibility issues. For `imageProps.src`, it will only work for the
-     * "secondary", "fiftyFifty" and "campaign" `Hero` types; Note: `imageProps.src`
-     * can only be used in conjunction with `backgroundImageSrc` for the "campaign"
-     * `Hero` type. Note: not all `Hero` variations utilize this prop. */
-    imageProps?: HeroImageProps;
-    /** Optional details area that contains location data.
-     * Note: not all `Hero` variations utilize this prop. */
-    locationDetails?: JSX.Element;
-    /** Optional string used for the subheader that displays
-     * 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 default Hero;
+import React from "react";
+import { ComponentImageProps } from "../Image/Image";
+export type HeroTypes = "primary" | "secondary" | "secondaryBooksAndMore" | "secondaryLocations" | "secondaryResearch" | "secondaryWhatsOn" | "tertiary" | "campaign" | "fiftyFifty";
+export declare const heroSecondaryTypes: string[];
+export interface HeroImageProps extends Pick<ComponentImageProps, "alt" | "src"> {
+}
+export interface HeroProps {
+    /** Optional hex color value used to override the default background
+     * color for a given `Hero` variation.
+     * Note: not all `Hero` variations utilize this prop. */
+    backgroundColor?: string;
+    /** Optional path to an image that will be used as a background image for the
+     * `Hero` component.
+     * Note: not all `Hero` variations utilize this prop. */
+    backgroundImageSrc?: string;
+    /** Optional hex color value used to override the default text color for a
+     * given `Hero` variation.
+     * Note: not all `Hero` variations utilize this prop. */
+    foregroundColor?: string;
+    /** Optional heading element. */
+    heading?: JSX.Element;
+    /** Used to control how the `Hero` component will be rendered. */
+    heroType?: HeroTypes;
+    /** Object used to create and render the `Image` component. Note that only
+     * `src` and `alt` are the available attributes to pass. If `imageProps.alt`
+     * is left blank, a warning will be logged to the console and will cause
+     * accessibility issues. For `imageProps.src`, it will only work for the
+     * "secondary", "fiftyFifty" and "campaign" `Hero` types; Note: `imageProps.src`
+     * can only be used in conjunction with `backgroundImageSrc` for the "campaign"
+     * `Hero` type. Note: not all `Hero` variations utilize this prop. */
+    imageProps?: HeroImageProps;
+    /** Optional details area that contains location data.
+     * Note: not all `Hero` variations utilize this prop. */
+    locationDetails?: JSX.Element;
+    /** Optional string used for the subheader that displays
+     * 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 default Hero;

package/dist/{components → src/components}/HorizontalRule/HorizontalRule.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-export interface HorizontalRuleProps {
-    /** Optional alignment value to align the horizontal rule to one side or the
-     * other when the width is less than 100%. If omitted, the horizontal rule
-     * will have a default center alignment. */
-    align?: "left" | "right";
-    /** 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 default HorizontalRule;
+import React from "react";
+export interface HorizontalRuleProps {
+    /** Optional alignment value to align the horizontal rule to one side or the
+     * other when the width is less than 100%. If omitted, the horizontal rule
+     * will have a default center alignment. */
+    align?: "left" | "right";
+    /** 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 default HorizontalRule;

package/dist/{components → src/components}/Icons/Icon.d.ts

@@ -1,41 +1,41 @@
-import React from "react";
-import iconColors from "./IconColors";
-import iconNames from "./IconNames";
-export declare type IconAlign = "left" | "right" | "none";
-export declare type IconColors = typeof iconColors[number];
-export declare type IconNames = typeof iconNames[number];
-export declare type IconRotationTypes = "rotate0" | "rotate90" | "rotate180" | "rotate270";
-export declare type IconSizes = "default" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge";
-export declare type IconTypes = "default" | "breadcrumbs";
-export interface IconProps {
-    /** Aligns the icon. */
-    align?: IconAlign;
-    /** Optional className that will be added to the parent element */
-    className?: string;
-    /** Overrides default icon color (black). */
-    color?: IconColors;
-    /** Icons designated as decorative will be ignored by screenreaders. True
-     * by default. */
-    decorative?: boolean;
-    /** Rotates the icon clockwise in increments of 90deg */
-    iconRotation?: IconRotationTypes;
-    /** ID that other components can cross reference for accessibility purposes */
-    id?: string;
-    /** The name of the icon you want to use. */
-    name?: IconNames;
-    /** Sets the icon size. */
-    size?: IconSizes;
-    /** For accessibility purposes, the text passed in the `title` prop gets
-     * rendered in a `title` element in the SVG. This descriptive text is not
-     * visible but is needed for screenreaders to describe the graphic. */
-    title?: string;
-    /** FOR INTERNAL DS USE ONLY: the icon variant to display. */
-    type?: IconTypes;
-}
-/**
- * Renders SVG-based icons.
- */
-export declare const Icon: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<IconProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & SVGSVGElement>>, {}>;
-export default Icon;
+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";
+export interface IconProps {
+    /** Aligns the icon. */
+    align?: IconAlign;
+    /** Optional className that will be added to the parent element */
+    className?: string;
+    /** Overrides default icon color (black). */
+    color?: IconColors;
+    /** Icons designated as decorative will be ignored by screenreaders. True
+     * by default. */
+    decorative?: boolean;
+    /** Rotates the icon clockwise in increments of 90deg */
+    iconRotation?: IconRotationTypes;
+    /** ID that other components can cross reference for accessibility purposes */
+    id?: string;
+    /** The name of the icon you want to use. */
+    name?: IconNames;
+    /** Sets the icon size. */
+    size?: IconSizes;
+    /** For accessibility purposes, the text passed in the `title` prop gets
+     * rendered in a `title` element in the SVG. This descriptive text is not
+     * visible but is needed for screenreaders to describe the graphic. */
+    title?: string;
+    /** FOR INTERNAL DS USE ONLY: the icon variant to display. */
+    type?: IconTypes;
+}
+/**
+ * Renders SVG-based icons.
+ */
+export declare const Icon: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<IconProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement & SVGSVGElement>>, {}>;
+export default Icon;

package/dist/{components → src/components}/Icons/IconColors.d.ts

@@ -1,3 +1,3 @@
-declare const iconColors: 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 getIconColors: () => 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 default iconColors;
+declare const iconColors: 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 getIconColors: () => 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 default iconColors;

package/dist/{components → src/components}/Icons/IconNames.d.ts

@@ -1,3 +1,3 @@
-declare const iconNames: 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 getIconNames: () => 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 default iconNames;
+declare const iconNames: 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 getIconNames: () => 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 default iconNames;