@nypl/design-system-react-components 2.2.0-react-chakra-rc-2 → 3.0.0-react-chakra-rc2

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

@@ -1,28 +1,59 @@
-interface FeaturedContentBaseStyleProps {
+import { StyleFunctionProps } from "@chakra-ui/system";
+interface FeaturedContentBaseStyleProps extends StyleFunctionProps {
     imagePosition: string;
     imageWidth: string;
     isFullWidth: boolean;
 }
 declare const FeaturedContent: {
-    baseStyle: ({ imagePosition, imageWidth, isFullWidth, }: FeaturedContentBaseStyleProps) => {
-        bgColor: string;
-        _dark: {
+    baseStyle?: ({ imagePosition, imageWidth, isFullWidth, }: FeaturedContentBaseStyleProps) => {
+        base: {
             bgColor: string;
+            left: string;
+            marginLeft: string;
+            marginRight: string;
+            position: string;
+            right: string;
+            width: string;
+            _dark: {
+                bgColor: string;
+            };
+            img: {
+                clip: string;
+                height: {
+                    base: string;
+                    md: string;
+                };
+                overflow: string;
+                position: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    md: string;
+                };
+                wordWrap: string;
+            };
         };
-        width: string;
-        left: string;
-        right: string;
-        position: string;
-        marginLeft: string;
-        marginRight: string;
         wrapper: {
-            minHeight: string;
-            maxWidth: string;
-            display: string;
             alignItems: string;
+            display: string;
             flexDirection: {
-                sm: string;
-                md: string;
+                sm: "column-reverse";
+                md: "row-reverse";
+            } | {
+                sm: "column";
+                md: "row";
+            };
+            maxWidth: string;
+            minHeight: string;
+            paddingLeft: {
+                base: any;
+                md: "s";
+            };
+            paddingRight: {
+                base: any;
+                md: "s";
             };
             marginY: string;
             marginX: string;
@@ -31,40 +62,48 @@ declare const FeaturedContent: {
         };
         text: {
             display: string;
-            padding: string;
             flex: number;
             flexDirection: string;
             justifyContent: string;
+            padding: string;
+            /** The `paddingLeft` attribute is used to adjust the spacing around the
+             * text when the image is positioned at the end. For aesthetic reasons,
+             * we opted to not adjust the spacing around the text when the image is
+             * positioned at the start.
+             * */
+            paddingStart: {
+                base: any;
+                md: number;
+            };
         };
         imgWrapper: {
             backgroundPosition: string;
             backgroundSize: string;
             height: {
-                sm: string;
-                md: string;
-            };
-            width: {
-                sm: string;
-                md: string;
-            };
-        };
-        img: {
-            clip: string;
-            height: {
-                base: string;
-                md: string;
-            };
-            overflow: string;
-            position: {
-                base: string;
-                md: string;
+                sm: "320px";
+                md: "auto";
             };
             width: {
-                base: string;
+                sm: "100%";
                 md: string;
             };
-            wordWrap: string;
         };
     };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("text" | "imgWrapper" | "wrapper")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("text" | "imgWrapper" | "wrapper")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("text" | "imgWrapper" | "wrapper")[];
 };
 export default FeaturedContent;

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

@@ -1,10 +1,10 @@
 declare const FeedbackBox: {
-    parts: string[];
-    baseStyle: {
+    baseStyle?: {
         closeButton: {
             /** This is overriding the default min-height value in order to keep the
              * button spacing symmetrical. */
             minHeight: string;
+            minWidth: string;
             right: string;
             p: string;
             position: string;
@@ -35,11 +35,11 @@ declare const FeedbackBox: {
         drawerBody: {
             borderLeft: {
                 base: any;
-                md: string;
+                md: "1px solid";
             };
             borderColor: {
                 base: any;
-                md: string;
+                md: "ui.border.default";
             };
             paddingTop: string;
             paddingBottom: string;
@@ -47,15 +47,15 @@ declare const FeedbackBox: {
                 background: string;
                 borderColor: {
                     base: any;
-                    md: string;
+                    md: "dark.ui.border.default";
                 };
             };
         };
         drawerContent: {
             marginStart: string;
             width: {
-                base: string;
-                md: string;
+                base: "100%";
+                md: "375px";
             };
             aside: {
                 color: string;
@@ -70,7 +70,7 @@ declare const FeedbackBox: {
             borderBottomWidth: string;
             borderLeftWidth: {
                 base: any;
-                md: string;
+                md: "1px";
             };
             borderTopWidth: string;
             color: string;
@@ -80,7 +80,7 @@ declare const FeedbackBox: {
             paddingTop: string;
             paddingBottom: string;
             p: {
-                marginBottom: string;
+                marginBottom: "0";
             };
             _dark: {
                 background: string;
@@ -94,7 +94,26 @@ declare const FeedbackBox: {
             bottom: string;
             right: string;
             zIndex: string;
+            _focus: {
+                boxShadow: string;
+            };
         };
     };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
 };
 export default FeedbackBox;

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

@@ -1,8 +1,9 @@
-interface FieldSetProps {
+import { StyleFunctionProps } from "@chakra-ui/react";
+interface FieldSetProps extends StyleFunctionProps {
     isLegendHidden?: boolean;
 }
 declare const Fieldset: {
-    baseStyle: ({ isLegendHidden }: FieldSetProps) => {
+    baseStyle?: (props: FieldSetProps) => {
         border: number;
         padding: number;
         legend: {
@@ -20,5 +21,16 @@ declare const Fieldset: {
             };
         };
     };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
 };
 export default Fieldset;

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

@@ -84,6 +84,7 @@ declare const checkboxRadioGroupStyles: (isFullWidth?: boolean) => {
         marginTop: string;
     };
     label: {
+        display: string;
         width: string;
     };
 };