@nypl/design-system-react-components 3.1.6 → 3.1.7

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

@@ -27,6 +27,10 @@ export interface AccordionProps {
      * within accordion panel is greater than height set by panelMaxHeight, a
      * scrollbar will appear for accordion panel. */
     panelMaxHeight?: string;
+    /** For internal use only. This value toggles the accordion closed if the
+     * MultiSelect's `closeOnBlur` prop is true and the user clicks outside the
+     * component. */
+    userClickedOutside?: boolean;
 }
 /**
  * Accordion component that shows content on toggle. Can be used to display

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

@@ -1,6 +1,6 @@
 import { ChakraComponent } from "@chakra-ui/react";
 import React from "react";
-export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "connect", "education", "locations", "research", "whatsOn"];
+export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "connect", "digitalCollections", "education", "locations", "research", "whatsOn"];
 export type BreadcrumbsTypes = typeof breadcrumbTypeArray[number];
 export interface BreadcrumbsDataProps {
     url: string;

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

@@ -18,6 +18,9 @@ export interface SelectedItems {
 export interface MultiSelectProps {
     /** The button text rendered within the MultiSelect. */
     buttonText: string;
+    /** Determines whether the component will toggle to the closed state
+     * when it loses focus. The default value is false. */
+    closeOnBlur?: boolean;
     /** The number of items that will be visible in the list when the component
      * first loads. */
     defaultItemsVisible?: number;

package/dist/src/components/MultiSelect/MultiSelectItemsCountButton.d.ts

@@ -19,7 +19,7 @@ export interface MultiSelectItemsCountButtonProps {
     /** The action to perform for key down event. */
     onKeyDown?: () => void;
     /** Ref to the Accordion Button element. */
-    accordianButtonRef: any;
+    accordionButtonRef: any;
 }
 /**
  * The toggle button component used to open and close the `MultiSelect` menu.

package/dist/src/theme/components/breadcrumb.d.ts

@@ -152,6 +152,45 @@ declare const Breadcrumb: {
                 bg: string;
             };
         };
+        digitalCollections: {
+            bg: string;
+            color: string;
+            _dark: {
+                bg: string;
+            };
+            a: {
+                _hover: {
+                    color: string;
+                };
+                _dark: {
+                    _hover: {
+                        color: string;
+                    };
+                };
+                _focus: {
+                    boxShadow: string;
+                    outline: string;
+                    outlineOffset: string;
+                    outlineColor: any;
+                    zIndex: string;
+                    _dark: {
+                        outlineColor: any;
+                    };
+                };
+            };
+            "li:last-child": {
+                ".chakra-breadcrumb__link": {
+                    _hover: {
+                        color: string;
+                    };
+                    _dark: {
+                        _hover: {
+                            color: string;
+                        };
+                    };
+                };
+            };
+        };
         education: {
             bg: string;
             _dark: {
@@ -179,7 +218,7 @@ declare const Breadcrumb: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "blogs" | "booksAndMore" | "brand" | "connect" | "education" | "locations" | "research" | "whatsOn";
+        variant?: "blogs" | "booksAndMore" | "brand" | "connect" | "digitalCollections" | "education" | "locations" | "research" | "whatsOn";
         colorScheme?: string;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.1.6",
+  "version": "3.1.7",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -76,7 +76,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.14.6",
-    "@jest/core": "27.3.1",
+    "@jest/core": "29.7.0",
     "@rollup/plugin-commonjs": "24.0.1",
     "@rollup/plugin-typescript": "11.0.0",
     "@storybook/addon-a11y": "8.0.8",
@@ -112,9 +112,9 @@
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.2.0",
     "husky": "7.0.4",
-    "jest": "29.4.3",
-    "jest-axe": "5.0.1",
-    "jest-environment-jsdom": "29.5.0",
+    "jest": "29.7.0",
+    "jest-axe": "9.0.0",
+    "jest-environment-jsdom": "29.7.0",
     "jest-transformer-svg": "2.0.2",
     "lint-staged": "10.5.4",
     "normalize.css": "8.0.1",
@@ -130,7 +130,7 @@
     "sass-loader": "10.0.0",
     "storybook": "8.0.8",
     "style-loader": "2.0.0",
-    "ts-jest": "29.0.5",
+    "ts-jest": "29.1.5",
     "tslib": "2.3.0",
     "typescript": "4.9.5",
     "vite": "5.2.8",