@nypl/design-system-react-components 3.3.2 → 3.4.0-rc

package/dist/src/components/Image/Image.d.ts

@@ -4,9 +4,9 @@ import { DimensionTypes } from "../../helpers/types";
 export declare const imageRatiosArray: readonly ["fourByThree", "oneByTwo", "original", "sixteenByNine", "square", "threeByFour", "threeByTwo", "twoByOne"];
 export declare const imageSizesArray: readonly ["default", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large"];
 export declare const imageTypesArray: readonly ["default", "circle"];
-export type ImageRatios = (typeof imageRatiosArray)[number];
-export type ImageSizes = (typeof imageSizesArray)[number];
-export type ImageTypes = (typeof imageTypesArray)[number];
+export type ImageRatios = typeof imageRatiosArray[number];
+export type ImageSizes = typeof imageSizesArray[number];
+export type ImageTypes = typeof imageTypesArray[number];
 export interface ComponentImageProps extends Partial<HTMLImageElement> {
     /** String value used to populate the `alt` attribute of the internal `Image`
      * component's `img` element. @NOTE if an image is used, this value must be passed. */

package/dist/src/components/Table/Table.d.ts

@@ -1,5 +1,7 @@
 import { ChakraComponent } from "@chakra-ui/react";
 import React from "react";
+export declare const tableBodyTextSizesArray: readonly ["body1", "body2"];
+export type TableBodyTextSizes = typeof tableBodyTextSizesArray[number];
 export interface TableProps {
     /** Additional class name for the `Table` component. */
     className?: string;
@@ -10,11 +12,22 @@ export interface TableProps {
     columnHeadersBackgroundColor?: string;
     /** Hex value to set the text color of the column headers. */
     columnHeadersTextColor?: string;
+    /** Array of style objects used to set custom styles for the table columns.
+     * Any style can be passed, but the most common use would be to pass "width"
+     * and "maxWidth" to set custom column widths. */
+    columnStyles?: object[];
+    /** The size of the table body text. */
+    tableTextSize?: TableBodyTextSizes;
     /** ID that other components can cross reference for accessibility purposes. */
     id?: string;
+    /** If true, horizontal scrolling will be enabled for the table content.  */
+    isScrollable?: boolean;
     /** If true, a border will be displayed between each row in the `Table`
      * component. The default value is false. */
     showRowDividers?: boolean;
+    /** If true, the heading text will be rendered above the table. The default
+     * value is true. */
+    showTitleText?: boolean;
     /** Two-dimensional array used to populate the table rows. */
     tableData: (string | JSX.Element)[][];
     /** Displays `Table` title element. */

package/dist/src/index.d.ts

@@ -98,7 +98,7 @@ export type { StructuredContentImagePosition, StructuredContentProps, } from "./
 export { default as StyledList } from "./components/StyledList/StyledList";
 export type { StyledListProps, StyledListTextSizes, } from "./components/StyledList/StyledList";
 export { default as Table } from "./components/Table/Table";
-export type { TableProps } from "./components/Table/Table";
+export type { TableBodyTextSizes, TableProps } from "./components/Table/Table";
 export { default as Tabs, TabList, Tab, TabPanels, TabPanel, } from "./components/Tabs/Tabs";
 export type { TabsDataProps, TabsProps } from "./components/Tabs/Tabs";
 export { default as TagSet } from "./components/TagSet/TagSet";