@nypl/design-system-react-components 1.6.1-test-provider → 1.6.1

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

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

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

@@ -1,6 +1,6 @@
 import React, { ImgHTMLAttributes } from "react";
 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 imageSizesArray: readonly ["default", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large"];
 export declare const imageTypesArray: readonly ["default", "circle"];
 export type ImageRatios = typeof imageRatiosArray[number];
 export type ImageSizes = typeof imageSizesArray[number];

package/dist/src/components/StyleGuide/ColorCard.d.ts

@@ -127,6 +127,12 @@ export declare const cssVars: {
         dataWhiteColor: string[];
         textColor: string;
     }[];
+    connect: {
+        name: string;
+        dataBlackColor: any[];
+        dataWhiteColor: any[];
+        textColor: string;
+    }[];
     education: {
         name: string;
         dataBlackColor: string[];

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

@@ -122,6 +122,12 @@ declare const Breadcrumb: {
                 bg: string;
             };
         };
+        connect: {
+            bg: string;
+            _dark: {
+                bg: string;
+            };
+        };
         education: {
             bg: string;
             _dark: {

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

@@ -9,6 +9,11 @@ declare const imageSizes: {
     default: {
         maxWidth: string;
     };
+    xxxsmall: {
+        maxWidth: string;
+        marginStart: string;
+        marginEnd: string;
+    };
     xxsmall: {
         maxWidth: string;
         marginStart: string;
@@ -178,6 +183,19 @@ declare const CustomImage: {
             marginEnd: string;
             margin: string;
             width: string;
+        } | {
+            img: {
+                backgroundColor: string;
+                marginBottom: string;
+                _dark: {
+                    backgroundColor: string;
+                };
+            };
+            maxWidth: string;
+            marginStart: string;
+            marginEnd: string;
+            margin: string;
+            width: string;
         };
         figcaption: {
             fontStyle: string;
@@ -259,6 +277,19 @@ declare const CustomImage: {
             objectFit: string;
             position: string;
             width: string;
+        } | {
+            _dark: {
+                backgroundColor: string;
+            };
+            maxWidth: string;
+            marginStart: string;
+            marginEnd: string;
+            display: string;
+            backgroundColor: string;
+            boxSizing: string;
+            objectFit: string;
+            position: string;
+            width: string;
         };
         captionWrappers: {
             marginTop: string;
@@ -657,6 +688,71 @@ declare const CustomImageWrapper: {
         marginStart: string;
         marginEnd: string;
         width: string;
+    } | {
+        crop: {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        } | {
+            paddingBottom: string;
+            position: string;
+            width: string;
+            height: string;
+            overflow: string;
+        };
+        img: {
+            backgroundColor: string;
+            height: string;
+            left: string;
+            maxWidth: string;
+            position: string;
+            top: string;
+            width: string;
+            _dark: {
+                backgroundColor: string;
+            };
+        };
+        maxWidth: string;
+        marginStart: string;
+        marginEnd: string;
+        width: string;
     };
 };
 export { CustomImage, CustomImageWrapper };

package/dist/src/theme/index.d.ts

@@ -16,5 +16,5 @@
  *   - typography (font, font size, font weight)
  *   - spacing
  */
-declare const theme: import("@chakra-ui/utils").Dict<any>;
+declare const theme: any;
 export default theme;

package/dist/src/theme/{internalProvider.d.ts → internalChakraProvider.d.ts}

@@ -1,3 +1,13 @@
+/**
+ * DS Maintainer note:
+ * This file is a copy of the ChakraProvider component from the Chakra UI v1.8.8
+ * library. The fixes we want are available in v2.7.0 but that is not compatible
+ * with our current implementation. The workaround is to copy the entire component
+ * and add the fixes ourselves. The prop names are kept the same as the fixed
+ * 2.7.0 version to allow an easier upgrade path in the future.
+ *
+ * https://github.com/chakra-ui/chakra-ui/blob/%40chakra-ui/react%401.8.8/packages/provider/src/chakra-provider.tsx
+ */
 import { ColorModeProviderProps, ThemeProviderProps } from "@chakra-ui/system";
 import { Dict } from "@chakra-ui/utils";
 import { EnvironmentProviderProps } from "@chakra-ui/react-env";

package/dist/src/theme/provider.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { ChakraProviderProps } from "./internalProvider";
-declare const DSProvider: ({ children, colorModeManager, resetCSS, disableGlobalStyle, }: React.PropsWithChildren<ChakraProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { ChakraProviderProps } from "./internalChakraProvider";
+declare const DSProvider: ({ children, colorModeManager, disableGlobalStyle, resetCSS, theme, }: React.PropsWithChildren<ChakraProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default DSProvider;

package/package.json

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