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

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

@@ -1,21 +1,21 @@
-declare const Modal: {
-    parts: string[];
-    baseStyle: {
-        dialog: {
-            _dark: {
-                bg: string;
-            };
-        };
-        header: {
-            _dark: {
-                color: string;
-            };
-        };
-        body: {
-            _dark: {
-                color: string;
-            };
-        };
-    };
-};
-export default Modal;
+declare const Modal: {
+    parts: string[];
+    baseStyle: {
+        dialog: {
+            _dark: {
+                bg: string;
+            };
+        };
+        header: {
+            _dark: {
+                color: string;
+            };
+        };
+        body: {
+            _dark: {
+                color: string;
+            };
+        };
+    };
+};
+export default Modal;

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

@@ -1,29 +1,29 @@
-export declare const multiSelectWidths: {
-    default: {
-        width: {
-            base: string;
-            md: string;
-        };
-    };
-    fitContent: {
-        width: {
-            base: string;
-            md: string;
-        };
-        minWidth: {
-            md: string;
-        };
-    };
-    full: {
-        width: string;
-    };
-};
-declare const MultiSelect: {
-    parts: string[];
-    baseStyle: ({ isBlockElement, isOpen, width }: {
-        isBlockElement: any;
-        isOpen: any;
-        width?: string;
-    }) => any;
-};
-export default MultiSelect;
+export declare const multiSelectWidths: {
+    default: {
+        width: {
+            base: string;
+            md: string;
+        };
+    };
+    fitContent: {
+        width: {
+            base: string;
+            md: string;
+        };
+        minWidth: {
+            md: string;
+        };
+    };
+    full: {
+        width: string;
+    };
+};
+declare const MultiSelect: {
+    parts: string[];
+    baseStyle: ({ isBlockElement, isOpen, width }: {
+        isBlockElement: any;
+        isOpen: any;
+        width?: string;
+    }) => any;
+};
+export default MultiSelect;

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

@@ -1,95 +1,95 @@
-declare const MultiSelectMenuButton: {
-    parts: string[];
-    baseStyle: ({ hasSelectedItems, isOpen }: {
-        hasSelectedItems?: boolean;
-        isOpen?: boolean;
-    }) => {
-        buttonLabel: {
-            justifyContent: string;
-            overflow: string;
-            marginLeft: string;
-            marginRight: string;
-            textAlign: string;
-            textOverflow: string;
-            whiteSpace: string;
-            transition: string;
-        };
-        menuButton: {
-            alignItems: string;
-            backgroundColor: string;
-            borderBottomLeftRadius: string;
-            borderBottomRightRadius: string;
-            borderColor: string;
-            borderRadius: string;
-            borderWidth: string;
-            fontSize: string;
-            minHeight: {
-                base: string;
-                md: string;
-            };
-            px: string;
-            py: string;
-            display: string;
-            justifyContent: string;
-            width: string;
-            _hover: {
-                backgroundColor: string;
-                borderColor: string;
-            };
-            svg: {
-                marginTop: string;
-            };
-            _dark: {
-                backgroundColor: string;
-                borderBottomLeftRadius: string;
-                borderBottomRightRadius: string;
-                borderColor: string;
-                svg: {
-                    fill: string;
-                };
-                _hover: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-        };
-        selectedItemsCountButton: {
-            alignItems: string;
-            backgroundColor: string;
-            border: string;
-            borderRadius: string;
-            borderColor: string;
-            display: string;
-            flexShrink: number;
-            fontSize: string;
-            justifyContent: string;
-            left: string;
-            marginRight: string;
-            position: string;
-            top: {
-                base: string;
-                md: string;
-            };
-            width: string;
-            _hover: {
-                borderColor: string;
-            };
-            svg: {
-                marginLeft: string;
-                marginRight: string;
-                marginTop: string;
-            };
-            _dark: {
-                backgroundColor: string;
-                borderColor: string;
-                svg: {
-                    fill: string;
-                };
-                _hover: {
-                    borderColor: string;
-                };
-            };
-        };
-    };
-};
-export default MultiSelectMenuButton;
+declare const MultiSelectMenuButton: {
+    parts: string[];
+    baseStyle: ({ hasSelectedItems, isOpen }: {
+        hasSelectedItems?: boolean;
+        isOpen?: boolean;
+    }) => {
+        buttonLabel: {
+            justifyContent: string;
+            overflow: string;
+            marginLeft: string;
+            marginRight: string;
+            textAlign: string;
+            textOverflow: string;
+            whiteSpace: string;
+            transition: string;
+        };
+        menuButton: {
+            alignItems: string;
+            backgroundColor: string;
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+            borderColor: string;
+            borderRadius: string;
+            borderWidth: string;
+            fontSize: string;
+            minHeight: {
+                base: string;
+                md: string;
+            };
+            px: string;
+            py: string;
+            display: string;
+            justifyContent: string;
+            width: string;
+            _hover: {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            svg: {
+                marginTop: string;
+            };
+            _dark: {
+                backgroundColor: string;
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                borderColor: string;
+                svg: {
+                    fill: string;
+                };
+                _hover: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+        selectedItemsCountButton: {
+            alignItems: string;
+            backgroundColor: string;
+            border: string;
+            borderRadius: string;
+            borderColor: string;
+            display: string;
+            flexShrink: number;
+            fontSize: string;
+            justifyContent: string;
+            left: string;
+            marginRight: string;
+            position: string;
+            top: {
+                base: string;
+                md: string;
+            };
+            width: string;
+            _hover: {
+                borderColor: string;
+            };
+            svg: {
+                marginLeft: string;
+                marginRight: string;
+                marginTop: string;
+            };
+            _dark: {
+                backgroundColor: string;
+                borderColor: string;
+                svg: {
+                    fill: string;
+                };
+                _hover: {
+                    borderColor: string;
+                };
+            };
+        };
+    };
+};
+export default MultiSelectMenuButton;

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

@@ -1,136 +1,136 @@
-import { NotificationTypes } from "../../components/Notification/Notification";
-interface NotificationBaseStyle {
-    isCentered: boolean;
-    noMargin: boolean;
-    notificationHeading: string;
-    notificationType: NotificationTypes;
-    showIcon: boolean;
-}
-interface NotificationContentBaseStyle {
-    alignText: boolean;
-    isCentered: boolean;
-    notificationHeading: string;
-    notificationType: NotificationTypes;
-    showIcon: boolean;
-}
-interface NotificationHeadingBaseStyle {
-    icon: boolean;
-    isCentered: boolean;
-    notificationType: NotificationTypes;
-}
-declare const _default: {
-    Notification: {
-        parts: string[];
-        baseStyle: ({ isCentered, noMargin, notificationHeading, notificationType, }: NotificationBaseStyle) => {
-            bg: string;
-            borderRadius: string;
-            display: string;
-            fontSize: string;
-            m: string;
-            position: string;
-            p: string;
-            textAlign: string;
-            _dark: {
-                bg: string;
-            };
-            container: {
-                display: string;
-                flexDirection: string;
-                m: string;
-                maxWidth: string;
-                paddingEnd: string;
-                paddingStart: string;
-                w: string;
-            };
-            dismissibleButton: {
-                border: string;
-                bgColor: string;
-                alignItems: string;
-                color: string;
-                display: string;
-                h: string;
-                w: string;
-                minWidth: string;
-                position: string;
-                right: string;
-                top: string;
-                svg: {
-                    marginTop: string;
-                };
-                _dark: {
-                    color: string;
-                };
-                _hover: {
-                    bg: string;
-                };
-            };
-        };
-    };
-    NotificationContent: {
-        parts: string[];
-        baseStyle: ({ isCentered, notificationHeading, notificationType, showIcon, }: NotificationContentBaseStyle) => {
-            display: string;
-            justifyContent: string;
-            content: {
-                color: string;
-                marginTop: string;
-                paddingStart: string;
-                pt: string;
-                w: string;
-                _dark: {
-                    borderLeftColor: string;
-                    borderLeftStyle: string;
-                    borderLeftWidth: string;
-                    marginTop: string;
-                    paddingStart: string;
-                    color: string;
-                    ml: string;
-                };
-                a: {
-                    color: string;
-                    textDecoration: string;
-                    _dark: {
-                        color: string;
-                        _hover: {
-                            color: string;
-                        };
-                    };
-                };
-            };
-        };
-    };
-    NotificationHeading: {
-        parts: string[];
-        baseStyle: ({ icon, isCentered, notificationType, }: NotificationHeadingBaseStyle) => {
-            display: string;
-            flexDirection: string;
-            m: string;
-            mb: string;
-            px: string;
-            w: string;
-            _dark: {
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: string;
-                color: string;
-                paddingBottom: string;
-            };
-            heading: {
-                color: string;
-                ml: string;
-                mt: string;
-                _dark: {
-                    borderLeftColor: string;
-                    borderLeftStyle: string;
-                    borderLeftWidth: string;
-                    paddingLeft: string;
-                };
-            };
-            svg: {
-                mx: string;
-                mb: string;
-            };
-        };
-    };
-};
-export default _default;
+import { NotificationTypes } from "../../components/Notification/Notification";
+interface NotificationBaseStyle {
+    isCentered: boolean;
+    noMargin: boolean;
+    notificationHeading: string;
+    notificationType: NotificationTypes;
+    showIcon: boolean;
+}
+interface NotificationContentBaseStyle {
+    alignText: boolean;
+    isCentered: boolean;
+    notificationHeading: string;
+    notificationType: NotificationTypes;
+    showIcon: boolean;
+}
+interface NotificationHeadingBaseStyle {
+    icon: boolean;
+    isCentered: boolean;
+    notificationType: NotificationTypes;
+}
+declare const _default: {
+    Notification: {
+        parts: string[];
+        baseStyle: ({ isCentered, noMargin, notificationHeading, notificationType, }: NotificationBaseStyle) => {
+            bg: string;
+            borderRadius: string;
+            display: string;
+            fontSize: string;
+            m: string;
+            position: string;
+            p: string;
+            textAlign: string;
+            _dark: {
+                bg: string;
+            };
+            container: {
+                display: string;
+                flexDirection: string;
+                m: string;
+                maxWidth: string;
+                paddingEnd: string;
+                paddingStart: string;
+                w: string;
+            };
+            dismissibleButton: {
+                border: string;
+                bgColor: string;
+                alignItems: string;
+                color: string;
+                display: string;
+                h: string;
+                w: string;
+                minWidth: string;
+                position: string;
+                right: string;
+                top: string;
+                svg: {
+                    marginTop: string;
+                };
+                _dark: {
+                    color: string;
+                };
+                _hover: {
+                    bg: string;
+                };
+            };
+        };
+    };
+    NotificationContent: {
+        parts: string[];
+        baseStyle: ({ isCentered, notificationHeading, notificationType, showIcon, }: NotificationContentBaseStyle) => {
+            display: string;
+            justifyContent: string;
+            content: {
+                color: string;
+                marginTop: string;
+                paddingStart: string;
+                pt: string;
+                w: string;
+                _dark: {
+                    borderLeftColor: string;
+                    borderLeftStyle: string;
+                    borderLeftWidth: string;
+                    marginTop: string;
+                    paddingStart: string;
+                    color: string;
+                    ml: string;
+                };
+                a: {
+                    color: string;
+                    textDecoration: string;
+                    _dark: {
+                        color: string;
+                        _hover: {
+                            color: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    NotificationHeading: {
+        parts: string[];
+        baseStyle: ({ icon, isCentered, notificationType, }: NotificationHeadingBaseStyle) => {
+            display: string;
+            flexDirection: string;
+            m: string;
+            mb: string;
+            px: string;
+            w: string;
+            _dark: {
+                borderBottomColor: string;
+                borderBottomStyle: string;
+                borderBottomWidth: string;
+                color: string;
+                paddingBottom: string;
+            };
+            heading: {
+                color: string;
+                ml: string;
+                mt: string;
+                _dark: {
+                    borderLeftColor: string;
+                    borderLeftStyle: string;
+                    borderLeftWidth: string;
+                    paddingLeft: string;
+                };
+            };
+            svg: {
+                mx: string;
+                mb: string;
+            };
+        };
+    };
+};
+export default _default;

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

@@ -1,16 +1,16 @@
-declare const Pagination: {
-    parts: string[];
-    baseStyle: {
-        alignItems: string;
-        display: string;
-        width: string;
-        link: {
-            lineHeight: string;
-            textDecoration: string;
-        };
-        ul: {
-            marginBottom: string;
-        };
-    };
-};
-export default Pagination;
+declare const Pagination: {
+    parts: string[];
+    baseStyle: {
+        alignItems: string;
+        display: string;
+        width: string;
+        link: {
+            lineHeight: string;
+            textDecoration: string;
+        };
+        ul: {
+            marginBottom: string;
+        };
+    };
+};
+export default Pagination;