@nypl/design-system-react-components 1.1.1 → 1.2.0-rc

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import "./styles.scss";
 export { Box, Center, Circle, ColorModeScript, cookieStorageManager, Flex, Grid, GridItem, HStack, localStorageManager, Spacer, Square, Stack, useColorMode, useColorModeValue, VStack, } from "@chakra-ui/react";
 export { default as Accordion, AccordionTypes, } from "./components/Accordion/Accordion";
+export { default as AlphabetFilter } from "./components/AlphabetFilter/AlphabetFilter";
+export { default as AudioPlayer, AudioType, } from "./components/AudioPlayer/AudioPlayer";
 export { default as Breadcrumbs, BreadcrumbsTypes, } from "./components/Breadcrumbs/Breadcrumbs";
 export { default as Button, ButtonTypes } from "./components/Button/Button";
 export { default as ButtonGroup } from "./components/ButtonGroup/ButtonGroup";

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

@@ -0,0 +1,32 @@
+declare const AlphabetFilter: {
+    baseStyle: {
+        button: {
+            minWidth: {
+                base: string;
+                md: string;
+            };
+            height: {
+                base: string;
+                md: string;
+            };
+            padding: string;
+            margin: string;
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            _last: {
+                padding: string;
+                fontWeight: string;
+                whiteSpace: string;
+                fontSize: {
+                    base: any;
+                    md: string;
+                };
+            };
+            _disabled: {
+                color: string;
+            };
+        };
+    };
+};
+export default AlphabetFilter;

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

@@ -0,0 +1,9 @@
+declare const AudioPlayer: {
+    baseStyle: {
+        invalid: {
+            backgroundColor: string;
+            padding: string;
+        };
+    };
+};
+export default AudioPlayer;

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

@@ -6,16 +6,8 @@ declare const Button: {
         cursor: string;
         color: string;
         fontWeight: string;
-        height: string;
         justifyContent: string;
         lineHeight: string;
-        maxHeight: string;
-        minHeight: {
-            base: string;
-            md: string;
-        };
-        py: string;
-        px: string;
         textDecoration: string;
         wordWrap: string;
         svg: {
@@ -35,100 +27,30 @@ declare const Button: {
         };
     };
     variants: {
-        primary: {
-            bg: string;
-            height: string;
-            fontSize: string;
-            minWidth: string;
-        };
-        secondary: {
-            bg: string;
-            border: string;
-            borderColor: string;
-            color: string;
-            fontSize: string;
-            _hover: {
-                bg: string;
-                borderColor: string;
-            };
-            _disabled: {
-                bg: string;
-            };
-        };
-        text: {
-            bg: string;
-            color: string;
-            fontSize: string;
-            _disabled: {
-                bg: string;
-            };
-            _hover: {
-                bg: string;
-                color: string;
-            };
-        };
-        link: {
-            bg: string;
-            color: string;
-            lineHeight: string;
-            textDecoration: string;
-            _disabled: {
-                bg: string;
-            };
-            _hover: {
-                bg: string;
-                color: string;
-            };
-        };
-        pill: {
-            bg: string;
-            border: string;
-            borderColor: string;
-            borderRadius: string;
-            color: string;
-            fontSize: string;
-            py: string;
-            px: string;
-            _hover: {
-                bg: string;
-                borderColor: string;
-            };
-            _disabled: {
-                bg: string;
-            };
-        };
-        iconOnly: {
-            bg: string;
-            border: string;
-            borderColor: string;
-            color: string;
-            _hover: {
-                bg: string;
-                borderColor: string;
-            };
-            paddingInlineStart: string;
-            paddingInlineEnd: string;
-        };
-        callout: {
-            bg: string;
-            fontSize: string;
-            _hover: {
-                bg: string;
-            };
-            _active: {
-                bg: string;
-            };
-        };
-        noBrand: {
-            bg: string;
-            color: string;
-            _hover: {
-                bg: string;
-            };
-            height: string;
-            fontSize: string;
-            minWidth: string;
-        };
+        primary: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        secondary: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        text: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        link: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        pill: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        iconOnly: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        callout: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
+        noBrand: ({ buttonSize }: {
+            buttonSize?: string;
+        }) => any;
     };
     defaultProps: {
         variant: string;

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

@@ -245,6 +245,10 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
                 base: string;
                 md: string;
             };
+            verticalAlign: string;
+        };
+        td: {
+            verticalAlign: string;
         };
     };
     thead: {
@@ -437,6 +441,10 @@ declare const CustomTable: {
                     base: string;
                     md: string;
                 };
+                verticalAlign: string;
+            };
+            td: {
+                verticalAlign: string;
             };
         };
         thead: {

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

@@ -14,7 +14,6 @@ declare const HeaderSearchButton: {
         minWidth: {
             md: string;
         };
-        px: string;
         textDecoration: string;
         span: {
             alignItems: string;
@@ -29,7 +28,7 @@ declare const HeaderSearchButton: {
                 base: string;
                 md: string;
             };
-            color: {
+            fill: {
                 base: string;
                 md: string;
             };

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

@@ -94,11 +94,15 @@ declare const HeaderSearchForm: {
         desktopSearchBtn: {
             alignSelf: string;
             backgroundColor: string;
+            borderColor: string;
             borderRadius: string;
             borderWidth: string;
             height: string;
             maxHeight: string;
             width: string;
+            svg: {
+                marginTop: string;
+            };
             _focus: {
                 borderRadius: string;
                 outlineColor: string;
@@ -147,6 +151,7 @@ declare const HeaderSearchForm: {
             display: string;
             fontSize: string;
             flex: string;
+            justifyContent: string;
             padding: string;
             svg: {
                 fill: string;