@nypl/design-system-react-components 1.7.0 → 1.7.2

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

@@ -6,6 +6,12 @@ export declare const heroSecondaryTypes: string[];
 export interface HeroImageProps extends Pick<ComponentImageProps, "alt" | "src"> {
 }
 export interface HeroProps {
+    /**
+     * Optional background color for the backdrop only in the `campaign` variant.
+     * When both `backdropBackgroundColor` and `backgroundImageSrc` are passed,
+     * the `backgroundImageSrc` will take precedence.
+     */
+    backdropBackgroundColor?: string;
     /** Optional hex color value used to override the default background
      * color for a given `Hero` variation.
      * Note: not all `Hero` variations utilize this prop. */

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

@@ -1,9 +1,10 @@
 import React from "react";
-import { iconAlignArray, iconColorsArray, iconNamesArray, iconRotationTypesArray, iconSizesArray, iconTypesArray } from "./iconVariables";
+import { iconAlignArray, iconColorsArray, iconNamesArray, iconRotationsArray, 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 IconRotations = typeof iconRotationsArray[number];
+export type IconRotationTypes = typeof iconRotationsArray[number];
 export type IconSizes = typeof iconSizesArray[number];
 export type IconTypes = typeof iconTypesArray[number];
 export interface IconProps {
@@ -17,7 +18,7 @@ export interface IconProps {
      * by default. */
     decorative?: boolean;
     /** Rotates the icon clockwise in increments of 90deg */
-    iconRotation?: IconRotationTypes;
+    iconRotation?: IconRotations;
     /** ID that other components can cross reference for accessibility purposes */
     id?: string;
     /** The name of the icon you want to use. */

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

@@ -21,6 +21,12 @@ declare const _default: {
     actionHelpOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    actionIdentity: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    actionIdentityFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     actionLaunch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
@@ -30,6 +36,9 @@ declare const _default: {
     actionRegistration: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    actionSearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     actionSettings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
@@ -120,6 +129,9 @@ declare const _default: {
     locator: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    mapsPlace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
@@ -141,12 +153,21 @@ declare const _default: {
     socialSoundCloud: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    socialSpotify: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    socialTikTok: 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;
     }>;
+    socialVimeo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     socialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

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

@@ -1,6 +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 iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionPower", "actionRegistration", "actionSearch", "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", "mapsPlace", "minus", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialYoutube", "speakerNotes", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
+export declare const iconRotationsArray: 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/Text/Text.d.ts

@@ -16,6 +16,8 @@ export interface TextProps {
     isLowercase?: boolean;
     /** Optional prop used to remove default spacing */
     noSpace?: boolean;
+    /** Optional prop used to explicitly set the ARIA role */
+    role?: string;
     /** Optional prop to control the text styling */
     size?: TextSizes;
 }

package/dist/src/index.d.ts

@@ -28,7 +28,7 @@ export { default as Hero } from "./components/Hero/Hero";
 export type { HeroTypes } from "./components/Hero/Hero";
 export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
 export { default as Icon } from "./components/Icons/Icon";
-export type { IconAlign, IconColors, IconNames, IconRotationTypes, IconSizes, IconTypes, } from "./components/Icons/Icon";
+export type { IconAlign, IconColors, IconNames, IconRotationTypes, IconRotations, IconSizes, IconTypes, } from "./components/Icons/Icon";
 export { default as Image } from "./components/Image/Image";
 export type { ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
 export { default as Label } from "./components/Label/Label";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",