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

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

@@ -1,628 +1,628 @@
-declare const Hero: {
-    baseStyle: {
-        bgColor: string;
-        _dark: {
-            bgColor: string;
-        };
-    };
-    variants: {
-        primary: {
-            alignItems: string;
-            backgroundSize: string;
-            backgroundPosition: 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;
-                paddingEnd: string;
-                paddingStart: string;
-                a: {
-                    color: string;
-                    display: string;
-                };
-                heading: {
-                    marginBottom: string;
-                };
-                bodyText: {
-                    marginBottom: string;
-                };
-                _dark: {
-                    bgColor: string;
-                    color: string;
-                };
-            };
-        };
-        secondary: {
-            heading: {
-                _before: {
-                    bg: string;
-                    content: string;
-                    height: string;
-                    left: string;
-                    position: string;
-                    width: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    _before: {
-                        bg: string;
-                    };
-                };
-                marginBottom: string;
-                color: string;
-                flex: string;
-                marginTop: string;
-                paddingBottom: string;
-                position: string;
-                zIndex: string;
-                order: string;
-            };
-            overflowX: string;
-            content: {
-                paddingEnd: string;
-                paddingStart: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    md: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                marginEnd: {
-                    base: string;
-                    md: string;
-                };
-                marginStart: {
-                    base: string;
-                    md: string;
-                };
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-                img: {
-                    height: string;
-                    minWidth: string;
-                    objectFit: string;
-                    width: string;
-                };
-            };
-            bodyText: {
-                paddingBottom: string;
-                paddingEnd: {
-                    md: string;
-                };
-                paddingTop: string;
-                flex: {
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        secondaryBooksAndMore: {
-            heading: {
-                _before: {
-                    bg: string;
-                    content: string;
-                    height: string;
-                    left: string;
-                    position: string;
-                    width: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    _before: {
-                        bg: string;
-                    };
-                };
-                marginBottom: string;
-                color: string;
-                flex: string;
-                marginTop: string;
-                paddingBottom: string;
-                position: string;
-                zIndex: string;
-                order: string;
-            };
-            overflowX: string;
-            content: {
-                paddingEnd: string;
-                paddingStart: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    md: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                marginEnd: {
-                    base: string;
-                    md: string;
-                };
-                marginStart: {
-                    base: string;
-                    md: string;
-                };
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-                img: {
-                    height: string;
-                    minWidth: string;
-                    objectFit: string;
-                    width: string;
-                };
-            };
-            bodyText: {
-                paddingBottom: string;
-                paddingEnd: {
-                    md: string;
-                };
-                paddingTop: string;
-                flex: {
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        secondaryLocations: {
-            heading: {
-                _before: {
-                    bg: string;
-                    content: string;
-                    height: string;
-                    left: string;
-                    position: string;
-                    width: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    _before: {
-                        bg: string;
-                    };
-                };
-                marginBottom: string;
-                color: string;
-                flex: string;
-                marginTop: string;
-                paddingBottom: string;
-                position: string;
-                zIndex: string;
-                order: string;
-            };
-            overflowX: string;
-            content: {
-                paddingEnd: string;
-                paddingStart: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    md: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                marginEnd: {
-                    base: string;
-                    md: string;
-                };
-                marginStart: {
-                    base: string;
-                    md: string;
-                };
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-                img: {
-                    height: string;
-                    minWidth: string;
-                    objectFit: string;
-                    width: string;
-                };
-            };
-            bodyText: {
-                paddingBottom: string;
-                paddingEnd: {
-                    md: string;
-                };
-                paddingTop: string;
-                flex: {
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        secondaryResearch: {
-            heading: {
-                _before: {
-                    bg: string;
-                    content: string;
-                    height: string;
-                    left: string;
-                    position: string;
-                    width: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    _before: {
-                        bg: string;
-                    };
-                };
-                marginBottom: string;
-                color: string;
-                flex: string;
-                marginTop: string;
-                paddingBottom: string;
-                position: string;
-                zIndex: string;
-                order: string;
-            };
-            overflowX: string;
-            content: {
-                paddingEnd: string;
-                paddingStart: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    md: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                marginEnd: {
-                    base: string;
-                    md: string;
-                };
-                marginStart: {
-                    base: string;
-                    md: string;
-                };
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-                img: {
-                    height: string;
-                    minWidth: string;
-                    objectFit: string;
-                    width: string;
-                };
-            };
-            bodyText: {
-                paddingBottom: string;
-                paddingEnd: {
-                    md: string;
-                };
-                paddingTop: string;
-                flex: {
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        secondaryWhatsOn: {
-            heading: {
-                _before: {
-                    bg: string;
-                    content: string;
-                    height: string;
-                    left: string;
-                    position: string;
-                    width: string;
-                    zIndex: string;
-                };
-                _dark: {
-                    _before: {
-                        bg: string;
-                    };
-                };
-                marginBottom: string;
-                color: string;
-                flex: string;
-                marginTop: string;
-                paddingBottom: string;
-                position: string;
-                zIndex: string;
-                order: string;
-            };
-            overflowX: string;
-            content: {
-                paddingEnd: string;
-                paddingStart: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    md: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                marginEnd: {
-                    base: string;
-                    md: string;
-                };
-                marginStart: {
-                    base: string;
-                    md: string;
-                };
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-                img: {
-                    height: string;
-                    minWidth: string;
-                    objectFit: string;
-                    width: string;
-                };
-            };
-            bodyText: {
-                paddingBottom: string;
-                paddingEnd: {
-                    md: string;
-                };
-                paddingTop: string;
-                flex: {
-                    md: string;
-                };
-                order: {
-                    base: string;
-                    md: string;
-                };
-            };
-        };
-        tertiary: {
-            bg: string;
-            content: {
-                color: string;
-                display: string;
-                flexFlow: string;
-                px: string;
-                py: {
-                    base: string;
-                    xl: string;
-                };
-                p: {
-                    marginBottom: string;
-                    marginTop: {
-                        base: string;
-                        xl: string;
-                    };
-                };
-                _dark: {
-                    color: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            heading: {
-                marginBottom: string;
-                _lastChild: {
-                    marginBottom: string;
-                };
-            };
-            p: {
-                marginBottom: string;
-            };
-            _dark: {
-                bg: string;
-            };
-        };
-        campaign: {
-            alignItems: string;
-            backgroundSize: string;
-            backgroundPosition: 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;
-                    lg: string;
-                };
-                minHeight: string;
-                flex: {
-                    md: string;
-                };
-                maxWidth: {
-                    md: string;
-                };
-                position: {
-                    md: string;
-                };
-                top: {
-                    md: string;
-                };
-                _dark: {
-                    bg: string;
-                    color: string;
-                };
-            };
-            a: {
-                color: string;
-                display: string;
-            };
-            img: {
-                clip: string;
-                height: {
-                    base: string;
-                    md: string;
-                };
-                overflow: string;
-                position: {
-                    base: string;
-                    md: string;
-                };
-                width: {
-                    base: string;
-                    md: string;
-                };
-                wordWrap: string;
-            };
-            imgWrapper: {
-                backgroundPosition: string;
-                backgroundSize: string;
-                minHeight: string;
-                width: {
-                    base: string;
-                    lg: string;
-                };
-            };
-            interior: {
-                alignSelf: string;
-                maxWidth: {
-                    md: string;
-                };
-                padding: {
-                    base: string;
-                    md: string;
-                };
-                width: {
-                    base: string;
-                    lg: string;
-                };
-            };
-        };
-        fiftyFifty: {
-            content: {
-                alignItems: string;
-                display: string;
-                flexFlow: {
-                    base: string;
-                    lg: string;
-                };
-                marginY: string;
-                marginX: string;
-                maxWidth: string;
-                padding: string;
-                width: string;
-            };
-            imgWrapper: {
-                backgroundPosition: string;
-                backgroundSize: string;
-                minHeight: string;
-                width: {
-                    base: string;
-                    lg: string;
-                };
-            };
-            img: {
-                clip: string;
-                height: {
-                    base: string;
-                    md: string;
-                };
-                overflow: string;
-                position: {
-                    base: string;
-                    md: string;
-                };
-                width: {
-                    base: string;
-                    md: string;
-                };
-                wordWrap: string;
-            };
-            bodyText: {
-                alignSelf: string;
-                maxWidth: {
-                    md: string;
-                };
-                padding: {
-                    base: string;
-                    md: string;
-                };
-                width: {
-                    base: string;
-                    lg: string;
-                };
-            };
-        };
-    };
-};
-export default Hero;
+declare const Hero: {
+    baseStyle: {
+        bgColor: string;
+        _dark: {
+            bgColor: string;
+        };
+    };
+    variants: {
+        primary: {
+            alignItems: string;
+            backgroundSize: string;
+            backgroundPosition: 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;
+                paddingEnd: string;
+                paddingStart: string;
+                a: {
+                    color: string;
+                    display: string;
+                };
+                heading: {
+                    marginBottom: string;
+                };
+                bodyText: {
+                    marginBottom: string;
+                };
+                _dark: {
+                    bgColor: string;
+                    color: string;
+                };
+            };
+        };
+        secondary: {
+            heading: {
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    _before: {
+                        bg: string;
+                    };
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: string;
+            };
+            overflowX: string;
+            content: {
+                paddingEnd: string;
+                paddingStart: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                marginEnd: {
+                    base: string;
+                    md: string;
+                };
+                marginStart: {
+                    base: string;
+                    md: string;
+                };
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+            };
+            bodyText: {
+                paddingBottom: string;
+                paddingEnd: {
+                    md: string;
+                };
+                paddingTop: string;
+                flex: {
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        secondaryBooksAndMore: {
+            heading: {
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    _before: {
+                        bg: string;
+                    };
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: string;
+            };
+            overflowX: string;
+            content: {
+                paddingEnd: string;
+                paddingStart: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                marginEnd: {
+                    base: string;
+                    md: string;
+                };
+                marginStart: {
+                    base: string;
+                    md: string;
+                };
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+            };
+            bodyText: {
+                paddingBottom: string;
+                paddingEnd: {
+                    md: string;
+                };
+                paddingTop: string;
+                flex: {
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        secondaryLocations: {
+            heading: {
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    _before: {
+                        bg: string;
+                    };
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: string;
+            };
+            overflowX: string;
+            content: {
+                paddingEnd: string;
+                paddingStart: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                marginEnd: {
+                    base: string;
+                    md: string;
+                };
+                marginStart: {
+                    base: string;
+                    md: string;
+                };
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+            };
+            bodyText: {
+                paddingBottom: string;
+                paddingEnd: {
+                    md: string;
+                };
+                paddingTop: string;
+                flex: {
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        secondaryResearch: {
+            heading: {
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    _before: {
+                        bg: string;
+                    };
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: string;
+            };
+            overflowX: string;
+            content: {
+                paddingEnd: string;
+                paddingStart: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                marginEnd: {
+                    base: string;
+                    md: string;
+                };
+                marginStart: {
+                    base: string;
+                    md: string;
+                };
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+            };
+            bodyText: {
+                paddingBottom: string;
+                paddingEnd: {
+                    md: string;
+                };
+                paddingTop: string;
+                flex: {
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        secondaryWhatsOn: {
+            heading: {
+                _before: {
+                    bg: string;
+                    content: string;
+                    height: string;
+                    left: string;
+                    position: string;
+                    width: string;
+                    zIndex: string;
+                };
+                _dark: {
+                    _before: {
+                        bg: string;
+                    };
+                };
+                marginBottom: string;
+                color: string;
+                flex: string;
+                marginTop: string;
+                paddingBottom: string;
+                position: string;
+                zIndex: string;
+                order: string;
+            };
+            overflowX: string;
+            content: {
+                paddingEnd: string;
+                paddingStart: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    md: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                marginEnd: {
+                    base: string;
+                    md: string;
+                };
+                marginStart: {
+                    base: string;
+                    md: string;
+                };
+                flex: {
+                    base: string;
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+                img: {
+                    height: string;
+                    minWidth: string;
+                    objectFit: string;
+                    width: string;
+                };
+            };
+            bodyText: {
+                paddingBottom: string;
+                paddingEnd: {
+                    md: string;
+                };
+                paddingTop: string;
+                flex: {
+                    md: string;
+                };
+                order: {
+                    base: string;
+                    md: string;
+                };
+            };
+        };
+        tertiary: {
+            bg: string;
+            content: {
+                color: string;
+                display: string;
+                flexFlow: string;
+                px: string;
+                py: {
+                    base: string;
+                    xl: string;
+                };
+                p: {
+                    marginBottom: string;
+                    marginTop: {
+                        base: string;
+                        xl: string;
+                    };
+                };
+                _dark: {
+                    color: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            heading: {
+                marginBottom: string;
+                _lastChild: {
+                    marginBottom: string;
+                };
+            };
+            p: {
+                marginBottom: string;
+            };
+            _dark: {
+                bg: string;
+            };
+        };
+        campaign: {
+            alignItems: string;
+            backgroundSize: string;
+            backgroundPosition: 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;
+                    lg: string;
+                };
+                minHeight: string;
+                flex: {
+                    md: string;
+                };
+                maxWidth: {
+                    md: string;
+                };
+                position: {
+                    md: string;
+                };
+                top: {
+                    md: string;
+                };
+                _dark: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            a: {
+                color: string;
+                display: string;
+            };
+            img: {
+                clip: string;
+                height: {
+                    base: string;
+                    md: string;
+                };
+                overflow: string;
+                position: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    md: string;
+                };
+                wordWrap: string;
+            };
+            imgWrapper: {
+                backgroundPosition: string;
+                backgroundSize: string;
+                minHeight: string;
+                width: {
+                    base: string;
+                    lg: string;
+                };
+            };
+            interior: {
+                alignSelf: string;
+                maxWidth: {
+                    md: string;
+                };
+                padding: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    lg: string;
+                };
+            };
+        };
+        fiftyFifty: {
+            content: {
+                alignItems: string;
+                display: string;
+                flexFlow: {
+                    base: string;
+                    lg: string;
+                };
+                marginY: string;
+                marginX: string;
+                maxWidth: string;
+                padding: string;
+                width: string;
+            };
+            imgWrapper: {
+                backgroundPosition: string;
+                backgroundSize: string;
+                minHeight: string;
+                width: {
+                    base: string;
+                    lg: string;
+                };
+            };
+            img: {
+                clip: string;
+                height: {
+                    base: string;
+                    md: string;
+                };
+                overflow: string;
+                position: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    md: string;
+                };
+                wordWrap: string;
+            };
+            bodyText: {
+                alignSelf: string;
+                maxWidth: {
+                    md: string;
+                };
+                padding: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    lg: string;
+                };
+            };
+        };
+    };
+};
+export default Hero;