@nypl/design-system-react-components 1.0.4 → 1.0.7

package/dist/components/StyleGuide/ColorCard.d.ts

@@ -1,12 +1,30 @@
 import * as React from "react";
 export interface ColorCardProps {
-    /** backgroundColor of the color card */
+    /** The backgroundColor of the color card. */
     backgroundColor: string;
-    /** name of the CSS var */
+    /** The name of a color's javascript theme object. */
     colorName: string;
+    /** The name of the color that the current color is based on. */
+    colorSource: string;
+    /** Contrast and WCAG compliance data related to the color black when used
+     * with the current color. */
+    dataBlack: string[];
+    /** Contrast and WCAG compliance data related to the color white when used
+     * with the current color. */
+    dataWhite: string[];
+    /** The color to use for text in the color card. */
+    textColor: string;
 }
-/**
- * ColorCard
- * Component only used for Storybook.
- */
-export default function ColorCard(props: React.PropsWithChildren<ColorCardProps>): JSX.Element;
+export interface DataTableProps {
+    /** Contrast and WCAG compliance data related to the color black when used
+     * with the current color. */
+    dataBlack: string[];
+    /** Contrast and WCAG compliance data related to the color white when used
+     * with the current color. */
+    dataWhite: string[];
+    /** color to use for text in color card */
+    textColor: string;
+}
+export declare const DataTable: (props: React.PropsWithChildren<DataTableProps>) => JSX.Element;
+export declare const ColorCard: (props: React.PropsWithChildren<ColorCardProps>) => JSX.Element;
+export default ColorCard;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export interface TableProps {
     /** Additional class name for the `Table` component. */
     className?: string;
@@ -26,5 +26,7 @@ export interface TableProps {
  * Basic `Table` component used to organize and display tabular data in
  * rows and columns.
  */
-export declare const Table: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<TableProps>) => JSX.Element, {}>;
+export declare const Table: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TableProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableElement>>, {}>;
 export default Table;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { Tab, TabList, TabPanels, TabPanel } from "@chakra-ui/react";
-import * as React from "react";
+import React from "react";
 export interface TabsDataProps {
     label: string;
     content: string | React.ReactNode;
@@ -21,6 +21,8 @@ export interface TabsProps {
  * Renders Chakra's `Tab` component with specific variants, props,
  * and controlled styling.
  */
-export declare const Tabs: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<TabsProps>) => JSX.Element, {}>;
+export declare const Tabs: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TabsProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
 export { TabList, Tab, TabPanels, TabPanel };
 export default Tabs;

package/dist/components/Template/Template.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export interface TemplateProps {
 }
 export interface TemplateHeaderProps {
@@ -45,7 +45,9 @@ export interface TemplateAppContainerProps extends TemplateFooterProps, Template
  * The main top-level parent component that wraps all template-related
  * components.
  */
-declare const Template: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<TemplateProps>) => JSX.Element, {}>;
+declare const Template: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TemplateProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
 /**
  * This optional component renders its children from edge-to-edge and should
  * be used for alerts or notifications that are typically site-wide. This must
@@ -121,6 +123,8 @@ declare const TemplateFooter: ({ children, renderFooterElement, }: React.PropsWi
  * be rendered. For example, if you want to render content in the
  * `TemplateContentPrimary` section, then pass it as a prop to `contentPrimary`.
  */
-export declare const TemplateAppContainer: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<TemplateAppContainerProps>) => JSX.Element, {}>;
+export declare const TemplateAppContainer: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TemplateAppContainerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
 export { Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, };
 export default TemplateAppContainer;

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export declare type TextSizes = "default" | "caption" | "tag" | "mini";
 export interface TextProps {
     /** Additional class name to render in the `Text` component. */
@@ -18,5 +18,7 @@ export interface TextProps {
     /** Optional prop to control the text styling */
     size?: TextSizes;
 }
-export declare const Text: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<TextProps>) => JSX.Element, {}>;
+export declare const Text: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TextProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
 export default Text;

package/dist/components/TextInput/TextInput.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 export declare type TextInputTypes = "email" | "hidden" | "number" | "password" | "text" | "textarea" | "tel" | "url";
 export declare const TextInputFormats: {

package/dist/components/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 export declare type ToggleSizes = "default" | "small";
 export interface ToggleProps {

package/dist/components/VideoPlayer/VideoPlayer.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 export declare type VideoPlayerTypes = "vimeo" | "youtube";
 export declare type VideoPlayerAspectRatios = "fourByThree" | "sixteenByNine" | "square";
@@ -34,5 +34,7 @@ export interface VideoPlayerProps {
     /** Required. Used to specify which video service is being used. */
     videoType?: VideoPlayerTypes;
 }
-export declare const VideoPlayer: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<VideoPlayerProps>) => JSX.Element, {}>;
+export declare const VideoPlayer: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<VideoPlayerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
 export default VideoPlayer;