@nypl/design-system-react-components 0.25.0 → 0.25.4

package/dist/theme/components/hero.d.ts

@@ -0,0 +1,493 @@
+declare const Hero: {
+    baseStyle: {
+        bg: string;
+    };
+    variants: {
+        primary: {
+            alignItems: string;
+            display: string;
+            flexFlow: {
+                base: string;
+                md: string;
+            };
+            justifyContent: string;
+            minHeight: string;
+            content: {
+                bg: string;
+                color: string;
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                maxWidth: {
+                    md: string;
+                };
+                paddingTop: string;
+                paddingBottom: string;
+                paddingRight: string;
+                paddingLeft: string;
+                a: {
+                    color: string;
+                    display: string;
+                };
+                heading: {
+                    marginBottom: string;
+                };
+                bodyText: {
+                    marginBottom: string;
+                };
+            };
+        };
+        secondary: {
+            heading: {
+                marginBottom: string;
+                bg: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: {
+                    md: string;
+                };
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+            };
+            overflowX: string;
+            content: {
+                paddingRight: string;
+                paddingLeft: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    flex: {
+                        base: string;
+                        md: string;
+                    };
+                    order: {
+                        md: string;
+                    };
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                paddingBottom: string;
+                width: string;
+            };
+            bodyText: {
+                marginTop: string;
+                marginRight: {
+                    md: string;
+                };
+                flex: {
+                    md: string;
+                };
+                order: {
+                    md: string;
+                };
+            };
+        };
+        secondaryBooksAndMore: {
+            heading: {
+                bg: string;
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: {
+                    md: string;
+                };
+            };
+            overflowX: string;
+            content: {
+                paddingRight: string;
+                paddingLeft: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    flex: {
+                        base: string;
+                        md: string;
+                    };
+                    order: {
+                        md: string;
+                    };
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                paddingBottom: string;
+                width: string;
+            };
+            bodyText: {
+                marginTop: string;
+                marginRight: {
+                    md: string;
+                };
+                flex: {
+                    md: string;
+                };
+                order: {
+                    md: string;
+                };
+            };
+        };
+        secondaryLocations: {
+            heading: {
+                bg: string;
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: {
+                    md: string;
+                };
+            };
+            overflowX: string;
+            content: {
+                paddingRight: string;
+                paddingLeft: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    flex: {
+                        base: string;
+                        md: string;
+                    };
+                    order: {
+                        md: string;
+                    };
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                paddingBottom: string;
+                width: string;
+            };
+            bodyText: {
+                marginTop: string;
+                marginRight: {
+                    md: string;
+                };
+                flex: {
+                    md: string;
+                };
+                order: {
+                    md: string;
+                };
+            };
+        };
+        secondaryResearch: {
+            heading: {
+                bg: string;
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: {
+                    md: string;
+                };
+            };
+            overflowX: string;
+            content: {
+                paddingRight: string;
+                paddingLeft: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    flex: {
+                        base: string;
+                        md: string;
+                    };
+                    order: {
+                        md: string;
+                    };
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                paddingBottom: string;
+                width: string;
+            };
+            bodyText: {
+                marginTop: string;
+                marginRight: {
+                    md: string;
+                };
+                flex: {
+                    md: string;
+                };
+                order: {
+                    md: string;
+                };
+            };
+        };
+        secondaryWhatsOn: {
+            heading: {
+                bg: string;
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: {
+                    md: string;
+                };
+            };
+            overflowX: string;
+            content: {
+                paddingRight: string;
+                paddingLeft: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    flex: {
+                        base: string;
+                        md: string;
+                    };
+                    order: {
+                        md: string;
+                    };
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                paddingBottom: string;
+                width: string;
+            };
+            bodyText: {
+                marginTop: string;
+                marginRight: {
+                    md: string;
+                };
+                flex: {
+                    md: string;
+                };
+                order: {
+                    md: string;
+                };
+            };
+        };
+        tertiary: {
+            bg: string;
+            content: {
+                color: string;
+                display: string;
+                flexFlow: string;
+                paddingTop: string;
+                paddingBottom: string;
+                paddingRight: string;
+                paddingLeft: string;
+                p: {
+                    marginBottom: string;
+                    marginTop: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                width: string;
+            };
+            heading: {
+                marginBottom: string;
+                _lastChild: {
+                    marginBottom: string;
+                };
+            };
+            p: {
+                marginBottom: string;
+            };
+        };
+        campaign: {
+            alignItems: string;
+            display: string;
+            justifyContent: string;
+            marginBottom: string;
+            minHeight: string;
+            overflow: string;
+            padding: {
+                base: string;
+                md: string;
+            };
+            position: string;
+            content: {
+                alignItems: string;
+                bg: string;
+                color: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                minHeight: string;
+                flex: {
+                    md: string;
+                };
+                maxWidth: {
+                    md: string;
+                };
+                position: {
+                    md: string;
+                };
+                top: {
+                    md: string;
+                };
+            };
+            a: {
+                color: string;
+                display: string;
+            };
+            img: {
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                minWidth: string;
+                objectFit: string;
+                width: string;
+                height: {
+                    md: string;
+                };
+            };
+            interior: {
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                padding: string;
+                maxWidth: {
+                    md: string;
+                };
+            };
+        };
+        fiftyfifty: {
+            content: {
+                alignItems: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    lg: string;
+                };
+                paddingBottom: string;
+                paddingRight: string;
+                paddingLeft: string;
+                padding: {
+                    lg: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                paddingTop: string;
+                width: string;
+            };
+            img: {
+                marginBottom: {
+                    base: string;
+                    lg: string;
+                };
+                marginRight: {
+                    lg: string;
+                };
+                maxWidth: {
+                    base: string;
+                    lg: string;
+                };
+            };
+        };
+    };
+};
+export default Hero;

package/dist/theme/components/horizontalRule.d.ts

@@ -0,0 +1,14 @@
+declare const HorizontalRule: {
+    baseStyle: ({ align }: {
+        align: any;
+    }) => {
+        bg: string;
+        border: string;
+        height: string;
+        marginBottom: string;
+        marginTop: string;
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+};
+export default HorizontalRule;

package/dist/theme/components/icon.d.ts

@@ -0,0 +1,13 @@
+declare const Icon: {
+    baseStyle: (props: any) => any;
+    variants: {
+        default: {};
+        breadcrumbs: {
+            fill: string;
+            display: {
+                md: string;
+            };
+        };
+    };
+};
+export default Icon;

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

@@ -0,0 +1,31 @@
+declare const CustomImage: {
+    parts: string[];
+    variants: {
+        circle: {
+            img: {
+                borderRadius: string;
+            };
+        };
+    };
+    baseStyle: ({ size }: {
+        size?: string;
+    }) => {
+        figure: any;
+        figcaption: {
+            fontStyle: string;
+        };
+        img: any;
+        captionWrappers: {
+            marginBottom: string;
+            fontSize: string;
+        };
+    };
+};
+declare const CustomImageWrapper: {
+    parts: string[];
+    baseStyle: ({ ratio, size }: {
+        ratio?: string;
+        size?: string;
+    }) => any;
+};
+export { CustomImage, CustomImageWrapper };

package/dist/theme/components/label.d.ts

@@ -0,0 +1,18 @@
+declare const Label: {
+    parts: string[];
+    baseStyle: {
+        alignItems: string;
+        width: string;
+        marginBottom: string;
+        fontSize: string;
+        fontWeight: string;
+        display: string;
+        justifyContent: string;
+        helper: {
+            marginLeft: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+};
+export default Label;

package/dist/theme/components/link.d.ts

@@ -0,0 +1,49 @@
+declare const Link: {
+    baseStyle: {
+        color: string;
+        textDecoration: string;
+        _hover: {
+            color: string;
+        };
+    };
+    variants: {
+        link: {};
+        disabled: {
+            color: string;
+            pointerEvents: string;
+        };
+        moreLink: {
+            alignItems: string;
+            display: string;
+            svg: {
+                height: string;
+                width: string;
+                textDecoration: string;
+                fill: string;
+            };
+            _hover: {
+                textDecoration: string;
+            };
+        };
+        button: {
+            width: string;
+            borderRadius: string;
+            lineHeight: string;
+            display: string;
+            cursor: string;
+            color: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            textDecoration: string;
+            fontWeight: number;
+            bg: string;
+            _hover: {
+                color: string;
+                bg: string;
+                textDecoration: string;
+            };
+        };
+    };
+};
+export default Link;

package/dist/theme/components/list.d.ts

@@ -0,0 +1,89 @@
+declare const List: {
+    baseStyle: ({ inline, noStyling }: {
+        inline: any;
+        noStyling: any;
+    }) => {
+        margin: string;
+        listStyle: string;
+        marginInlineStart: string;
+        paddingLeft: string;
+        padding: string;
+        display: string;
+        li: {
+            marginRight: string;
+            listStyleType: string;
+            _notFirst: {
+                marginTop: string;
+            };
+        };
+    };
+    variants: {
+        ul: ({ noStyling }: {
+            noStyling: any;
+        }) => {
+            listStyle: string;
+            li: {
+                _before: {
+                    color: string;
+                    content: string;
+                    display: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    marginLeft: string;
+                    width: string;
+                };
+            };
+        };
+        dl: {
+            borderBottom: string;
+            borderColor: string;
+            paddingLeft: string;
+            h2: {
+                borderTop: string;
+                borderColor: string;
+                margin: string;
+                padding: string;
+            };
+            dl: {
+                display: string;
+                gridTemplateColumns: {
+                    base: string;
+                    md: string;
+                };
+                gridTemplateRows: string;
+                margin: string;
+            };
+            dt: {
+                borderTop: string;
+                borderColor: string;
+                fontSize: string;
+                fontWeight: string;
+                paddingBottom: {
+                    base: string;
+                    md: string;
+                };
+                paddingTop: string;
+                paddingRight: {
+                    md: string;
+                };
+            };
+            dd: {
+                fontSize: string;
+                margin: string;
+                paddingBottom: string;
+                borderTop: {
+                    base: string;
+                    md: string;
+                };
+                borderColor: {
+                    md: string;
+                };
+                paddingTop: {
+                    md: string;
+                };
+            };
+        };
+    };
+};
+export default List;