@nypl/design-system-react-components 1.0.3-beta → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,9 +8,15 @@ interface CardBaseProps {
8
8
  * Default is `"column"`. */
9
9
  layout?: LayoutTypes;
10
10
  }
11
- interface CardLinkBoxProps {
11
+ interface CardWrapperProps {
12
+ /** Optional CSS class name to add. */
13
+ className?: string;
14
+ /** ID that other components can cross reference for accessibility purposes. */
15
+ id?: string;
12
16
  /** Main link to use when the full `Card` component should be clickable. */
13
17
  mainActionLink?: string;
18
+ /** Additional object for styling the `Card`'s `div` wrapper. */
19
+ styles?: any;
14
20
  }
15
21
  interface CardImageProps extends ComponentImageProps {
16
22
  /** Optional boolean value to control the position of the `CardImage`. */
@@ -24,15 +30,11 @@ interface CardActionsProps extends CardBaseProps {
24
30
  * the card actions element */
25
31
  topBorder?: boolean;
26
32
  }
27
- export interface CardProps extends CardBaseProps, CardLinkBoxProps {
33
+ export interface CardProps extends CardBaseProps, CardWrapperProps {
28
34
  /** Optional hex color value used to set the card background color. */
29
35
  backgroundColor?: string;
30
- /** Optional CSS class name to add. */
31
- className?: string;
32
36
  /** Optional hex color value used to override the default text color. */
33
37
  foregroundColor?: string;
34
- /** ID that other components can cross reference for accessibility purposes. */
35
- id?: string;
36
38
  /** Optional boolean value to control the visibility of a border around
37
39
  * the card. */
38
40
  isBordered?: boolean;
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare type LogoNames = "appleAppStoreBlack" | "appleAppStoreWhite" | "bplBlack" | "bplWhite" | "cleverBadgeColor" | "cleverColor" | "cleverWhite" | "firstbookColor" | "firstbookColorNegative" | "googlePlayBlack" | "lpaBlack" | "lpaColor" | "lpaWhite" | "mlnBlack" | "mlnWhite" | "nyplFullBlack" | "nyplFullWhite" | "nyplLionBlack" | "nyplLionWhite" | "openebooksColor" | "openebooksNegative" | "openebooksWithTextColor" | "openebooksWithTextNegative" | "qplAltBlack" | "qplAltWhite" | "qplBlack" | "qplColor" | "qplWhite" | "reservoirIconColor" | "reservoirVerticalColor" | "schomburgBlack" | "schomburgCircleBlack" | "schomburgCircleColor" | "schomburgCircleWhite" | "schomburgColor" | "schomburgWhite" | "simplyeBlack" | "simplyeWhite" | "simplyeColor" | "snflBlack" | "snflWhite" | "treasuresColor" | "treasuresColorNegative";
2
+ export declare type LogoNames = "appleAppStoreBlack" | "appleAppStoreWhite" | "bplBlack" | "bplWhite" | "cleverBadgeColor" | "cleverColor" | "cleverWhite" | "firstbookColor" | "firstbookColorNegative" | "googlePlayBlack" | "lpaBlack" | "lpaColor" | "lpaWhite" | "mlnBlack" | "mlnWhite" | "nyplFullBlack" | "nyplFullWhite" | "nyplLionBlack" | "nyplLionWhite" | "nyplTextBlack" | "nyplTextWhite" | "openebooksColor" | "openebooksNegative" | "openebooksWithTextColor" | "openebooksWithTextNegative" | "qplAltBlack" | "qplAltWhite" | "qplBlack" | "qplColor" | "qplWhite" | "reservoirIconColor" | "reservoirVerticalColor" | "schomburgBlack" | "schomburgCircleBlack" | "schomburgCircleColor" | "schomburgCircleWhite" | "schomburgColor" | "schomburgWhite" | "simplyeBlack" | "simplyeWhite" | "simplyeColor" | "snflBlack" | "snflWhite" | "treasuresColor" | "treasuresColorNegative";
3
3
  export declare type LogoSizes = "default" | "xxsmall" | "xsmall" | "small" | "medium" | "large";
4
4
  export interface LogoProps {
5
5
  /** Optional className that will be added to the parent element */
@@ -18,6 +18,8 @@ declare const _default: {
18
18
  nyplFullWhite: string;
19
19
  nyplLionBlack: string;
20
20
  nyplLionWhite: string;
21
+ nyplTextBlack: string;
22
+ nyplTextWhite: string;
21
23
  openebooksColor: string;
22
24
  openebooksNegative: string;
23
25
  openebooksWithTextColor: string;
@@ -2,8 +2,9 @@ import * as React from "react";
2
2
  export interface TableProps {
3
3
  /** Additional class name for the `Table` component. */
4
4
  className?: string;
5
- /** Array of string values used to populate the `Table` column headers. */
6
- columnHeaders?: string[];
5
+ /** Array of string values used to populate the `Table` column headers.
6
+ * For improved accessibility, column headers are required. */
7
+ columnHeaders: string[];
7
8
  /** Hex value to set the background color of the column headers. */
8
9
  columnHeadersBackgroundColor?: string;
9
10
  /** Hex value to set the text color of the column headers. */