@nypl/design-system-react-components 1.0.7 → 1.1.0-rc2

package/dist/theme/components/header/headerLogin.d.ts

@@ -0,0 +1,299 @@
+declare const HeaderLogin: {
+    parts: string[];
+    baseStyle: ({ patronName }: {
+        patronName: any;
+    }) => {
+        bg: {
+            base: string;
+            md: string;
+        };
+        boxShadow: {
+            base: string;
+            md: string;
+        };
+        display: {
+            base: string;
+            md: string;
+        };
+        flexDirection: string;
+        left: {
+            base: string;
+            md: any;
+        };
+        marginTop: {
+            md: string;
+        };
+        minHeight: {
+            base: string;
+            md: string;
+        };
+        minWidth: {
+            base: string;
+            md: string;
+        };
+        position: string;
+        padding: {
+            base: string;
+            md: string;
+        };
+        zIndex: string;
+        ul: {
+            display: {
+                base: string;
+                md: string;
+            };
+            marginBottom: string;
+            marginTop: {
+                base: string;
+                md: string;
+            };
+            width: string;
+            li: {
+                _first: {
+                    gridColumn: {
+                        base: string;
+                        md: any;
+                    };
+                };
+                _last: {
+                    gridColumn: {
+                        base: string;
+                        md: any;
+                    };
+                };
+            };
+        };
+        li: {
+            _notFirst: {
+                marginLeft: {
+                    base: string;
+                    md: string;
+                };
+                marginTop: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        "li a": {
+            alignItems: string;
+            border: {
+                base: string;
+                md: string;
+            };
+            borderColor: string;
+            borderRadius: {
+                base: string;
+                md: string;
+            };
+            bg: {
+                base: string;
+                md: string;
+            };
+            color: string;
+            display: string;
+            fontSize: string;
+            fontWeight: string;
+            justifyContent: {
+                md: string;
+            };
+            lineHeight: {
+                base: string;
+                md: string;
+            };
+            marginTop: {
+                base: string;
+            };
+            minHeight: {
+                base: string;
+                md: string;
+            };
+            padding: {
+                base: string;
+                md: string;
+            };
+            textAlign: {
+                base: string;
+                md: string;
+            };
+            textTransform: string;
+            whiteSpace: string;
+            width: {
+                base: string;
+                md: string;
+            };
+            svg: {
+                marginRight: {
+                    base: string;
+                    md: any;
+                };
+            };
+            span: {
+                width: {
+                    base: string;
+                    md: string;
+                };
+            };
+            _hover: {
+                bg: {
+                    base: string;
+                    md: string;
+                };
+                color: string;
+            };
+            _focus: {
+                borderRadius: {
+                    base: string;
+                    md: string;
+                };
+                boxShadow: {
+                    base: any;
+                    md: string;
+                };
+                outline: {
+                    base: string;
+                    md: string;
+                };
+                outlineStyle: {
+                    base: string;
+                    md: any;
+                };
+                outlineWidth: {
+                    base: string;
+                    md: any;
+                };
+            };
+        };
+        patronGreeting: {
+            alignSelf: string;
+            color: string;
+            fontSize: {
+                base: string;
+                md: string;
+            };
+            fontWeight: string;
+            lineHeight: string;
+            margin: {
+                base: string;
+                md: string;
+            };
+            minHeight: {
+                base: string;
+                md: string;
+            };
+            textAlign: string;
+            textTransform: string;
+            width: {
+                md: string;
+            };
+            _focus: {
+                boxShadow: {
+                    base: any;
+                    md: string;
+                };
+                outline: {
+                    base: string;
+                    md: string;
+                };
+                outlineStyle: {
+                    base: string;
+                    md: any;
+                };
+                outlineWidth: {
+                    base: string;
+                    md: any;
+                };
+            };
+            ".greeting": {
+                fontStyle: string;
+                margin: {
+                    base: string;
+                    md: string;
+                };
+            };
+            ".name": {
+                margin: number;
+            };
+        };
+        logoutButton: {
+            alignSelf: string;
+            bg: {
+                base: string;
+                md: string;
+            };
+            borderRadius: {
+                base: string;
+                md: string;
+            };
+            color: {
+                base: string;
+                md: string;
+            };
+            fontSize: {
+                base: string;
+                md: string;
+            };
+            marginTop: {
+                base: string;
+                md: string;
+            };
+            marginBottom: {
+                base: string;
+                md: string;
+            };
+            padding: {
+                base: string;
+                md: any;
+            };
+            textDecoration: {
+                base: string;
+                md: any;
+            };
+            textTransform: string;
+            width: {
+                base: string;
+                md: string;
+            };
+            svg: {
+                fill: string;
+            };
+            _hover: {
+                bg: {
+                    base: string;
+                    md: string;
+                };
+                color: {
+                    base: string;
+                    md: string;
+                };
+                textDecoration: {
+                    base: string;
+                    md: any;
+                };
+            };
+            _focus: {
+                borderRadius: {
+                    base: string;
+                    md: string;
+                };
+                boxShadow: {
+                    base: any;
+                    md: string;
+                };
+                outline: {
+                    base: string;
+                    md: string;
+                };
+                outlineStyle: {
+                    base: string;
+                    md: any;
+                };
+                outlineWidth: {
+                    base: string;
+                    md: any;
+                };
+            };
+        };
+    };
+};
+export default HeaderLogin;

package/dist/theme/components/header/headerLoginButton.d.ts

@@ -0,0 +1,54 @@
+declare const HeaderLoginButton: {
+    baseStyle: ({ isOpen }: {
+        isOpen: any;
+    }) => {
+        alignItems: {
+            base: string;
+        };
+        bg: {
+            base: string;
+            md: string;
+        };
+        borderRadius: string;
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+        minHeight: {
+            md: string;
+        };
+        padding: {
+            md: string;
+        };
+        svg: {
+            fill: string;
+            marginLeft: {
+                base: string;
+                md: string;
+            };
+            marginTop: {
+                base: string;
+            };
+        };
+        textDecoration: string;
+        textTransform: string;
+        _hover: {
+            backgroundColor: {
+                base: string;
+                md: string;
+            };
+            color: string;
+            svg: {
+                fill: string;
+            };
+            textDecoration: string;
+        };
+        _focus: {
+            borderRadius: string;
+            outlineColor: string;
+            outlineOffset: string;
+            outlineStyle: string;
+            outlineWidth: string;
+        };
+    };
+};
+export default HeaderLoginButton;

package/dist/theme/components/header/headerLowerNav.d.ts

@@ -0,0 +1,38 @@
+declare const HeaderLowerNav: {
+    baseStyle: {
+        ul: {
+            alignItems: string;
+            fontSize: string;
+            marginBottom: string;
+            marginLeft: string;
+            whiteSpace: string;
+        };
+        li: {
+            letterSpacing: string;
+            marginLeft: string;
+        };
+        "li > a": {
+            color: string;
+            fontWeight: string;
+            textDecoration: string;
+            _hover: {
+                borderBottom: string;
+                color: string;
+                paddingBottom: string;
+                textDecoration: string;
+            };
+            _focus: {
+                borderBottom: string;
+                color: string;
+                paddingBottom: string;
+                textDecoration: string;
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+        };
+    };
+};
+export default HeaderLowerNav;

package/dist/theme/components/header/headerMobileIconNav.d.ts

@@ -0,0 +1,23 @@
+declare const HeaderMobileIconNav: {
+    baseStyle: {
+        button: {
+            minHeight: string;
+            minWidth: string;
+        };
+        "> a": {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            minHeight: string;
+            minWidth: string;
+            _focus: {
+                borderRadius: string;
+                outlineColor: string;
+                outlineOffset: string;
+                outlineStyle: string;
+                outlineWidth: string;
+            };
+        };
+    };
+};
+export default HeaderMobileIconNav;

package/dist/theme/components/header/headerMobileNav.d.ts

@@ -0,0 +1,79 @@
+declare const HeaderMobileNav: {
+    parts: string[];
+    baseStyle: () => {
+        backgroundColor: string;
+        color: string;
+        left: string;
+        minHeight: string;
+        position: string;
+        whiteSpace: string;
+        width: string;
+        zIndex: string;
+        logo: {
+            marginTop: string;
+            marginLeft: string;
+        };
+        sideNav: {
+            lineHeight: string;
+            marginBottom: string;
+            padding: string;
+            textAlign: string;
+            "li:not(:first-child)": {
+                marginTop: string;
+            };
+            a: {
+                color: string;
+                fontSize: string;
+                fontWeight: string;
+                textDecoration: string;
+                _hover: {
+                    color: string;
+                    textDecoration: string;
+                };
+                _focus: {
+                    outlineColor: string;
+                    borderRadius: string;
+                    outlineOffset: string;
+                    outlineStyle: string;
+                    outlineWidth: string;
+                };
+            };
+        };
+        bottomLinks: {
+            display: string;
+            gridTemplateColumns: string;
+            a: {
+                alignItems: string;
+                color: string;
+                display: string;
+                fontWeight: string;
+                justifyContent: string;
+                textDecoration: string;
+                paddingY: string;
+                paddingLeft: string;
+                svg: {
+                    marginRight: string;
+                };
+                _hover: {
+                    color: string;
+                    backgroundColor: string;
+                    textDecoration: string;
+                };
+                _focus: {
+                    outlineColor: string;
+                    borderRadius: string;
+                    outlineOffset: string;
+                    outlineStyle: string;
+                    outlineWidth: string;
+                };
+                _last: {
+                    backgroundColor: string;
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default HeaderMobileNav;

package/dist/theme/components/header/headerMobileNavButton.d.ts

@@ -0,0 +1,28 @@
+declare const HeaderMobileNavButton: {
+    baseStyle: ({ isOpen }: {
+        isOpen: any;
+    }) => {
+        alignItems: string;
+        backgroundColor: string;
+        border: string;
+        borderRadius: string;
+        svg: {
+            fill: string;
+            marginLeft: string;
+        };
+        _hover: {
+            backgroundColor: string;
+            svg: {
+                fill: string;
+            };
+        };
+        _focus: {
+            borderRadius: string;
+            outlineColor: string;
+            outlineOffset: string;
+            outlineStyle: string;
+            outlineWidth: string;
+        };
+    };
+};
+export default HeaderMobileNavButton;

package/dist/theme/components/header/headerSearchButton.d.ts

@@ -0,0 +1,56 @@
+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;
+        span: {
+            alignItems: string;
+            borderBottom: {
+                md: string;
+            };
+            display: string;
+            lineHeight: string;
+        };
+        svg: {
+            marginLeft: {
+                base: string;
+                md: string;
+            };
+            color: {
+                base: string;
+                md: string;
+            };
+        };
+        _hover: {
+            backgroundColor: string;
+            color: string;
+            textDecoration: string;
+            svg: {
+                fill: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        _focus: {
+            borderRadius: string;
+            outlineColor: string;
+            outlineOffset: string;
+            outlineStyle: string;
+            outlineWidth: string;
+        };
+    };
+};
+export default HeaderSearchButton;