@nypl/design-system-react-components 1.5.1 → 1.6.0-vite-rc

package/dist/{theme → src/theme}/components/header/headerSearchButton.d.ts

@@ -1,83 +1,83 @@
-declare const HeaderSearchButton: {
-    baseStyle: ({ isOpen }: {
-        isOpen: any;
-    }) => {
-        alignItems: string;
-        borderRadius: string;
-        backgroundColor: string;
-        color: string;
-        fontSize: string;
-        fontWeight: string;
-        minHeight: {
-            md: string;
-        };
-        minWidth: {
-            md: string;
-        };
-        textDecoration: string;
-        _dark: {
-            bgColor: string;
-            color: string;
-        };
-        span: {
-            alignItems: string;
-            borderBottom: {
-                md: string;
-            };
-            display: string;
-            lineHeight: string;
-            _dark: {
-                borderBottom: string | {
-                    md: string;
-                };
-                borderColor: {
-                    md: string;
-                };
-            };
-        };
-        svg: {
-            marginLeft: {
-                base: string;
-                md: string;
-            };
-            fill: {
-                base: string;
-                md: string;
-            };
-            _dark: {
-                fill: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        _hover: {
-            backgroundColor: string;
-            color: string;
-            textDecoration: string;
-            svg: {
-                fill: {
-                    base: string;
-                    md: string;
-                };
-            };
-            _dark: {
-                color: string;
-                svg: {
-                    fill: {
-                        base: string;
-                        md: string;
-                    };
-                };
-            };
-        };
-        _focus: {
-            borderRadius: string;
-            outlineColor: string;
-            outlineOffset: string;
-            outlineStyle: string;
-            outlineWidth: string;
-        };
-    };
-};
-export default HeaderSearchButton;
+declare const HeaderSearchButton: {
+    baseStyle: ({ isOpen }: {
+        isOpen: any;
+    }) => {
+        alignItems: string;
+        borderRadius: string;
+        backgroundColor: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+        minHeight: {
+            md: string;
+        };
+        minWidth: {
+            md: string;
+        };
+        textDecoration: string;
+        _dark: {
+            bgColor: string;
+            color: string;
+        };
+        span: {
+            alignItems: string;
+            borderBottom: {
+                md: string;
+            };
+            display: string;
+            lineHeight: string;
+            _dark: {
+                borderBottom: string | {
+                    md: string;
+                };
+                borderColor: {
+                    md: string;
+                };
+            };
+        };
+        svg: {
+            marginLeft: {
+                base: string;
+                md: string;
+            };
+            fill: {
+                base: string;
+                md: string;
+            };
+            _dark: {
+                fill: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        _hover: {
+            backgroundColor: string;
+            color: string;
+            textDecoration: string;
+            svg: {
+                fill: {
+                    base: string;
+                    md: string;
+                };
+            };
+            _dark: {
+                color: string;
+                svg: {
+                    fill: {
+                        base: string;
+                        md: string;
+                    };
+                };
+            };
+        };
+        _focus: {
+            borderRadius: string;
+            outlineColor: string;
+            outlineOffset: string;
+            outlineStyle: string;
+            outlineWidth: string;
+        };
+    };
+};
+export default HeaderSearchButton;

package/dist/{theme → src/theme}/components/header/headerSearchForm.d.ts

@@ -1,183 +1,183 @@
-declare const HeaderSearchForm: {
-    parts: string[];
-    baseStyle: {
-        color: string;
-        backgroundColor: string;
-        left: string;
-        minHeight: {
-            base: string;
-            md: string;
-        };
-        position: string;
-        whiteSpace: string;
-        width: string;
-        zIndex: string;
-        svg: {
-            color: string;
-            fill: string;
-            marginTop: string;
-        };
-        form: {
-            margin: {
-                md: string;
-            };
-            maxWidth: {
-                md: string;
-            };
-            whiteSpace: string;
-            "> div": {
-                margin: string;
-                marginLeft: {
-                    md: string;
-                    lg: string;
-                };
-                marginRight: {
-                    md: string;
-                };
-            };
-        };
-        "#radio-group-search-type": {
-            margin: {
-                base: string;
-                md: string;
-            };
-        };
-        textInput: {
-            label: {
-                fontSize: {
-                    base: string;
-                    md: string;
-                };
-            };
-            input: {
-                borderRadius: {
-                    md: string;
-                };
-                color: string;
-                minHeight: {
-                    base: string;
-                    md: string;
-                };
-                paddingLeft: {
-                    base: string;
-                    md: string;
-                };
-                _placeholder: {
-                    fontSize: {
-                        base: string;
-                    };
-                    fontStyle: string;
-                };
-                _focus: {
-                    borderRadius: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                    outlineStyle: string;
-                    outlineWidth: string;
-                };
-                _hover: {
-                    borderRadius: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                    outlineStyle: string;
-                    outlineWidth: string;
-                };
-                _dark: {
-                    color: string;
-                };
-            };
-        };
-        searchBtn: {
-            alignSelf: string;
-            backgroundColor: string;
-            borderColor: string;
-            borderRadius: string;
-            borderWidth: string;
-            height: {
-                base: string;
-                md: string;
-            };
-            marginTop: string;
-            marginEnd: string;
-            maxHeight: string;
-            svg: {
-                marginTop: string;
-            };
-            width: {
-                base: string;
-                md: string;
-            };
-            _focus: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-            };
-            _hover: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-                backgroundColor: string;
-            };
-        };
-        radio: {
-            backgroundColor: string;
-            border: string;
-            _focus: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-            };
-            _hover: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-            };
-        };
-        ".chakra-radio": {
-            alignItems: string;
-        };
-        ".chakra-radio__label": {
-            fontWeight: string;
-        };
-        mobileBtns: {
-            alignItems: string;
-            backgroundColor: string;
-            borderRadius: string;
-            display: string;
-            fontSize: string;
-            flex: string;
-            justifyContent: string;
-            padding: string;
-            svg: {
-                fill: string;
-                marginLeft: string;
-            };
-            _hover: {
-                backgroundColor: string;
-            };
-            _focus: {
-                borderRadius: string;
-                outlineColor: string;
-                outlineOffset: string;
-                outlineStyle: string;
-                outlineWidth: string;
-            };
-        };
-        _dark: {
-            bgColor: string;
-            color: string;
-            label: {
-                color: string;
-            };
-        };
-    };
-};
-export default HeaderSearchForm;
+declare const HeaderSearchForm: {
+    parts: string[];
+    baseStyle: {
+        color: string;
+        backgroundColor: string;
+        left: string;
+        minHeight: {
+            base: string;
+            md: string;
+        };
+        position: string;
+        whiteSpace: string;
+        width: string;
+        zIndex: string;
+        svg: {
+            color: string;
+            fill: string;
+            marginTop: string;
+        };
+        form: {
+            margin: {
+                md: string;
+            };
+            maxWidth: {
+                md: string;
+            };
+            whiteSpace: string;
+            "> div": {
+                margin: string;
+                marginLeft: {
+                    md: string;
+                    lg: string;
+                };
+                marginRight: {
+                    md: string;
+                };
+            };
+        };
+        "#radio-group-search-type": {
+            margin: {
+                base: string;
+                md: string;
+            };
+        };
+        textInput: {
+            label: {
+                fontSize: {
+                    base: string;
+                    md: string;
+                };
+            };
+            input: {
+                borderRadius: {
+                    md: string;
+                };
+                color: string;
+                minHeight: {
+                    base: string;
+                    md: string;
+                };
+                paddingLeft: {
+                    base: string;
+                    md: string;
+                };
+                _placeholder: {
+                    fontSize: {
+                        base: string;
+                    };
+                    fontStyle: string;
+                };
+                _focus: {
+                    borderRadius: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                    outlineStyle: string;
+                    outlineWidth: string;
+                };
+                _hover: {
+                    borderRadius: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                    outlineStyle: string;
+                    outlineWidth: string;
+                };
+                _dark: {
+                    color: string;
+                };
+            };
+        };
+        searchBtn: {
+            alignSelf: string;
+            backgroundColor: string;
+            borderColor: string;
+            borderRadius: string;
+            borderWidth: string;
+            height: {
+                base: string;
+                md: string;
+            };
+            marginTop: string;
+            marginEnd: string;
+            maxHeight: string;
+            svg: {
+                marginTop: string;
+            };
+            width: {
+                base: string;
+                md: string;
+            };
+            _focus: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+            _hover: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+                backgroundColor: string;
+            };
+        };
+        radio: {
+            backgroundColor: string;
+            border: string;
+            _focus: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+            _hover: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+        };
+        ".chakra-radio": {
+            alignItems: string;
+        };
+        ".chakra-radio__label": {
+            fontWeight: string;
+        };
+        mobileBtns: {
+            alignItems: string;
+            backgroundColor: string;
+            borderRadius: string;
+            display: string;
+            fontSize: string;
+            flex: string;
+            justifyContent: string;
+            padding: string;
+            svg: {
+                fill: string;
+                marginLeft: string;
+            };
+            _hover: {
+                backgroundColor: string;
+            };
+            _focus: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+        };
+        _dark: {
+            bgColor: string;
+            color: string;
+            label: {
+                color: string;
+            };
+        };
+    };
+};
+export default HeaderSearchForm;

package/dist/{theme → src/theme}/components/header/headerSitewideAlerts.d.ts

@@ -1,42 +1,42 @@
-declare const SitewideAlerts: {
-    baseStyle: {
-        backgroundColor: string;
-        borderBottom: {
-            base: string;
-            md: string;
-        };
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        minHeight: {
-            base: string;
-            md: string;
-        };
-        paddingX: string;
-        ul: {
-            marginBottom: string;
-            a: {
-                textDecoration: string;
-            };
-            p: {
-                marginBottom: string;
-            };
-            _dark: {
-                color: string;
-                a: {
-                    color: string;
-                    _hover: {
-                        color: string;
-                    };
-                };
-            };
-        };
-        _dark: {
-            backgroundColor: string;
-            borderBottom: string;
-            borderColor: string;
-            color: string;
-        };
-    };
-};
-export default SitewideAlerts;
+declare const SitewideAlerts: {
+    baseStyle: {
+        backgroundColor: string;
+        borderBottom: {
+            base: string;
+            md: string;
+        };
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        minHeight: {
+            base: string;
+            md: string;
+        };
+        paddingX: string;
+        ul: {
+            marginBottom: string;
+            a: {
+                textDecoration: string;
+            };
+            p: {
+                marginBottom: string;
+            };
+            _dark: {
+                color: string;
+                a: {
+                    color: string;
+                    _hover: {
+                        color: string;
+                    };
+                };
+            };
+        };
+        _dark: {
+            backgroundColor: string;
+            borderBottom: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+};
+export default SitewideAlerts;