@nypl/design-system-react-components 2.1.5-rc3 → 2.1.5

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export declare const feedbackBoxViewTypeArray: readonly ["form", "confirmation", "error"];
 export type FeedbackBoxViewType = typeof feedbackBoxViewTypeArray[number];
 interface FeedbackBoxProps {
@@ -54,7 +54,7 @@ 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 const FeedbackBox: import("@chakra-ui/react").ChakraComponent<import("react").ForwardRefExoticComponent<FeedbackBoxProps & import("react").RefAttributes<any>>, {}>;
 export declare function useFeedbackBox(): {
     isOpen: boolean;
     onClose: () => void;

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

@@ -159,6 +159,9 @@ declare const _default: {
     moonCrescent: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    navigationMoreVert: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     plus: 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", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
+export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "navigationMoreVert", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialYoutube", "speakerNotes", "sunFull", "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/hooks/useNYPLBreakpoints.d.ts

@@ -9,7 +9,5 @@ declare const useNYPLBreakpoints: () => {
     isLargerThanMobile: any;
     isLargerThanLarge: any;
     isLargerThanXLarge: any;
-    isSmallerThanMedium: any;
-    isSmallerThanDesktop: any;
 };
 export default useNYPLBreakpoints;

package/dist/src/hooks/useScrollTabIntoView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * DS internal helper hook for the Tabs component to scroll
+ * the selected tab into view using useEffect and querySelector.
+ *
+ * Returns a ref for the TabList component.
+ */
+export declare const useScrollTabIntoView: (index: number) => React.MutableRefObject<HTMLDivElement>;
+export default useScrollTabIntoView;

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

@@ -94,6 +94,9 @@ declare const FeedbackBox: {
             bottom: string;
             right: string;
             zIndex: string;
+            _focus: {
+                boxShadow: string;
+            };
         };
     };
 };

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

@@ -142,14 +142,10 @@ declare const CustomTabs: {
                 base: string;
                 md: string;
             };
-            paddingStart: {
-                base: string;
-                md: string;
-            };
+            paddingStart: string;
             paddingEnd: string;
             paddingTop: {
                 base: string;
-                md: string;
             };
             right: {
                 base: string;
@@ -157,8 +153,12 @@ declare const CustomTabs: {
             };
             top: {
                 base: string;
-                md: string;
             };
+            scrollbarWidth: string;
+            "::-webkit-scrollbar": {
+                display: string;
+            };
+            overflowY: string;
             overflowX: {
                 base: string;
                 md: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "2.1.5-rc3",
+  "version": "2.1.5",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -138,7 +138,7 @@
     "style-loader": "2.0.0",
     "ts-jest": "29.0.5",
     "tslib": "2.3.0",
-    "vite": "4.3.9",
+    "vite": "4.5.2",
     "vite-plugin-dts": "2.1.0"
   }
 }