@nypl/design-system-react-components 3.2.0-rc → 3.2.0-rc-searchtext

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.
@@ -6,7 +6,7 @@ export declare const bannerBgColorsArray: readonly ["brand.primary-05", "section
6
6
  export type BannerBgColors = typeof bannerBgColorsArray[number];
7
7
  export declare const bannerHighlightColorsArray: readonly ["brand.primary", "section.blogs.primary", "section.books-and-more.primary", "section.connect.primary", "section.education.primary", "section.locations.primary", "section.research.primary", "section.research-library-lpa.primary", "section.research-library-schomburg.primary", "section.research-library-schwarzman.primary", "section.whats-on.primary", "dark.brand.primary", "dark.section.blogs.primary", "dark.section.books-and-more.primary", "dark.section.connect.primary", "dark.section.education.primary", "dark.section.locations.primary", "dark.section.research.secondary", "dark.section.research-library-lpa.primary", "dark.section.research-library-schomburg.primary", "dark.section.research-library-schwarzman.primary", "dark.section.whats-on.primary"];
8
8
  export type BannerHighlightColors = typeof bannerHighlightColorsArray[number];
9
- interface BannerProps {
9
+ export interface BannerProps {
10
10
  /** Label used to describe the `Banner`'s aside HTML element. */
11
11
  ariaLabel?: string;
12
12
  /** Used to set the color of the background for the full component.
@@ -6,7 +6,7 @@ export declare const buttonTypesArray: readonly ["primary", "secondary", "text",
6
6
  export type ButtonElementType = typeof buttonElementTypeArray[number];
7
7
  export type ButtonSizes = typeof buttonSizesArray[number];
8
8
  export type ButtonTypes = typeof buttonTypesArray[number];
9
- interface ButtonProps {
9
+ export interface ButtonProps {
10
10
  /** The button variation to render based on the `ButtonTypes` type. */
11
11
  buttonType?: ButtonTypes;
12
12
  /** Additional className to use. */
@@ -3,7 +3,7 @@ import React from "react";
3
3
  import { LayoutTypes } from "../../helpers/types";
4
4
  export declare const buttonGroupWidthsArray: readonly ["default", "full"];
5
5
  export type ButtonGroupWidths = typeof buttonGroupWidthsArray[number];
6
- interface ButtonGroupProps {
6
+ export interface ButtonGroupProps {
7
7
  /** Sets the width to "default" (for "fit-content") or "full". */
8
8
  buttonWidth?: ButtonGroupWidths;
9
9
  /** Additional className to use. */
@@ -1,7 +1,7 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
3
  import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
4
- import { TextInputRefType } from "../TextInput/TextInput";
4
+ import { InputProps, TextInputRefType } from "../TextInput/TextInput";
5
5
  export declare const datePickerTypesArray: readonly ["full", "month", "year"];
6
6
  export type DatePickerTypes = typeof datePickerTypesArray[number];
7
7
  export interface FullDateType {
@@ -30,6 +30,18 @@ interface DatePickerWrapperProps extends DateRangeRowProps {
30
30
  * True by default. */
31
31
  showRequiredLabel?: boolean;
32
32
  }
33
+ export interface CustomTextInputProps extends Partial<InputProps> {
34
+ /** The ReactDatePicker plugin manipulates the ref value so we declare our
35
+ * own for some cases. */
36
+ dsRef?: React.Ref<TextInputRefType>;
37
+ /** The ReactDatePicker plugin has its own `required` prop so we use this to
38
+ * pass the value from the parent `DatePicker` component. */
39
+ isRequired?: boolean;
40
+ /** Event handler used by the ReactDatePicker plugin to open the popup calendar. */
41
+ onClick?: (data: any) => any;
42
+ /** Data value used by the ReactDatePicker plugin and the custom TextInput component. */
43
+ value?: string;
44
+ }
33
45
  export interface DatePickerProps extends DatePickerWrapperProps {
34
46
  /** The date format to display. Defaults to "yyyy-MM-dd".
35
47
  * Must be in ISO-8601 format. */
@@ -2,14 +2,14 @@ import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
3
  import { ImageProps } from "../Image/Image";
4
4
  export declare const featuredContentWidthArray: string[];
5
- export type featuredContentWidthType = typeof featuredContentWidthArray[number];
5
+ export type FeaturedContentWidthType = typeof featuredContentWidthArray[number];
6
6
  export declare const featuredContentPositionArray: readonly ["start", "end"];
7
- export type featuredContentPositionType = typeof featuredContentPositionArray[number];
8
- interface FeaturedContentImageProps extends ImageProps {
7
+ export type FeaturedContentPositionType = typeof featuredContentPositionArray[number];
8
+ export interface FeaturedContentImageProps extends ImageProps {
9
9
  /** String value that specifies the width of the image rendered within the component. */
10
- width?: featuredContentWidthType;
10
+ width?: FeaturedContentWidthType;
11
11
  /** String value that specifies the position of the image rendered within the component. */
12
- position?: featuredContentPositionType;
12
+ position?: FeaturedContentPositionType;
13
13
  }
14
14
  export interface FeaturedContentProps {
15
15
  /** Optional CSS class name to add. */
@@ -2,7 +2,7 @@
2
2
  import { ChakraComponent } from "@chakra-ui/react";
3
3
  export declare const feedbackBoxViewTypeArray: readonly ["form", "confirmation", "error"];
4
4
  export type FeedbackBoxViewType = typeof feedbackBoxViewTypeArray[number];
5
- interface FeedbackBoxProps {
5
+ export interface FeedbackBoxProps {
6
6
  /** Additional class name to add. */
7
7
  className?: string;
8
8
  /** Used to add additional information to the default confirmation message in
@@ -1,6 +1,6 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
- interface FieldsetProps {
3
+ export interface FieldsetProps {
4
4
  /** Additional class name to add. */
5
5
  className?: string;
6
6
  /** ID that other components can cross reference for accessibility purposes */
@@ -0,0 +1,31 @@
1
+ import { ChakraComponent } from "@chakra-ui/react";
2
+ import React from "react";
3
+ import { LayoutTypes } from "../../helpers/types";
4
+ import { MultiSelectWidths, SelectedItems as MultiSelectItems } from "../MultiSelect/MultiSelect";
5
+ export type FilterBarItemsType = (boolean | number | number[] | string | string[] | MultiSelectItems)[];
6
+ export interface FilterBarInlineProps {
7
+ /** The className of the FilterBarInline. */
8
+ className?: string;
9
+ /** ID that other components can cross reference for accessibility purposes. */
10
+ id?: string;
11
+ /** Optional string value used to set the text for a `Heading` component, or
12
+ * a DS Heading component that can be passed in.
13
+ */
14
+ heading?: string | JSX.Element;
15
+ /** Renders the layout of the FilterBarInline child components in a row or column. */
16
+ layout?: LayoutTypes;
17
+ /** Function for the global `Clear Filters` button. If passed the `Clear Filters` button will render. */
18
+ onClear?: () => void;
19
+ /** Function for the global `Apply Filters` button. If passed the `Apply Filters` button will render. */
20
+ onSubmit?: () => void;
21
+ /** Render prop function used to render child components with updated props. */
22
+ renderChildren: ({ isBlockElement, layout, width, }: {
23
+ isBlockElement?: boolean;
24
+ layout?: LayoutTypes;
25
+ width?: MultiSelectWidths;
26
+ }) => React.ReactNode;
27
+ /** The selected items state (items that were checked by user). */
28
+ selectedItems?: FilterBarItemsType;
29
+ }
30
+ export declare const FilterBarInline: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FilterBarInlineProps> & React.RefAttributes<HTMLDivElement>>, FilterBarInlineProps>;
31
+ export default FilterBarInline;
@@ -2,7 +2,7 @@
2
2
  import { ChakraComponent } from "@chakra-ui/react";
3
3
  export type AriaLiveValues = "assertive" | "off" | "polite" | undefined;
4
4
  export type HelperErrorTextType = string | JSX.Element;
5
- interface HelperErrorTextProps {
5
+ export interface HelperErrorTextProps {
6
6
  /** Aria attribute. When true, assistive technologies will read the entire
7
7
  * DOM element. When false, only changes (additionals or removals) will be
8
8
  * read. True by default. */
@@ -1,6 +1,6 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
- interface LabelProps {
3
+ export interface LabelProps {
4
4
  /** Additional CSS class name to render in the `label` element. */
5
5
  className?: string;
6
6
  /** The id of the html element that this `Label` is describing. */
@@ -10,6 +10,8 @@ export interface MenuProps {
10
10
  /** Optional string used to identify and highlight an item when the menu opens. The value should
11
11
  * match the id associated with one of the items. */
12
12
  selectedItem?: string;
13
+ /** Optional boolean value, toggles whether the label of the menu will display the text of the selected item. labelText is required for the aria-label either way. */
14
+ showSelectionAsLabel?: boolean;
13
15
  /** Used to set the highlight color for the current item. The values correspond with the NYPL section colors */
14
16
  highlightColor?: SectionTypes;
15
17
  /** Required string used to set the label text for the button element. If showLabel is false,
@@ -1,6 +1,6 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
- interface NewsletterSignupProps {
3
+ export interface NewsletterSignupProps {
4
4
  /** Additional class name to add. */
5
5
  className?: string;
6
6
  /** Text displayed next to the confirmation icon after a successful email submission */
@@ -1,6 +1,6 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
- interface SkipNavigationProps {
3
+ export interface SkipNavigationProps {
4
4
  /** Additional CSS class name to render in the `nav` element. */
5
5
  className?: string;
6
6
  /** ID that other components can cross reference for accessibility purposes */
@@ -0,0 +1,48 @@
1
+ import { ChakraComponent } from "@chakra-ui/react";
2
+ import { LayoutTypes } from "../../helpers/types";
3
+ import React from "react";
4
+ export declare const borderTypeArray: readonly ["none", "circular", "straight"];
5
+ export type BorderType = typeof borderTypeArray[number];
6
+ export declare const colorTypeArray: readonly ["link", "textDefault", "textInverse"];
7
+ export type ColorType = typeof colorTypeArray[number];
8
+ export declare const sizeTypeArray: readonly ["small", "medium", "large"];
9
+ export type SizeType = typeof sizeTypeArray[number];
10
+ type IconNames = "fileTypeGenericDoc" | "socialFacebook" | "socialInstagram" | "socialPinterest" | "socialSoundCloud" | "socialTikTok" | "socialTumblr" | "socialTwitter" | "socialYoutube";
11
+ export interface SocialMediaLinkDataProps {
12
+ /** Required. Label rendered on page is showLabel is true */
13
+ labelText: string;
14
+ /** Required. Should match the social media platform that it's linking to */
15
+ icon: IconNames;
16
+ /** Required. Url to link to the platform */
17
+ url: string;
18
+ }
19
+ interface BaseSocialMediaLinksProps {
20
+ /** Optional className you can add in addition to "social-media-links." */
21
+ className?: string;
22
+ /** Any of three optional values that will change the color of the svg and label text (if any). */
23
+ color?: ColorType;
24
+ /** ID that other components can cross-reference for accessibility purposes. */
25
+ id?: string;
26
+ /** Optional desktop layout. Smaller viewports are always in a column if there are labels and
27
+ * in a row if there are no labels. */
28
+ layout?: LayoutTypes;
29
+ /** Required. Array of social media platform types, urls, and label texts. */
30
+ linksData: SocialMediaLinkDataProps[];
31
+ /** Optional size: small, medium, or large. */
32
+ size?: SizeType;
33
+ }
34
+ type ConditionalSocialMediaLinksProps = {
35
+ showLabels?: true;
36
+ borders?: Exclude<BorderType, "circular">;
37
+ } | {
38
+ showLabels?: false;
39
+ borders?: BorderType;
40
+ };
41
+ export type SocialMediaLinksProps = BaseSocialMediaLinksProps & ConditionalSocialMediaLinksProps;
42
+ /**
43
+ * The SocialMediaLinks component renders a list of links for accessing social media sites.
44
+ * The data passed to the `linksData` prop controls which social media icons are displayed,
45
+ * the order they appear, the url they link to, and the text used for the label of each.
46
+ */
47
+ export declare const SocialMediaLinks: ChakraComponent<React.ForwardRefExoticComponent<SocialMediaLinksProps & React.RefAttributes<HTMLDivElement & HTMLUListElement & HTMLOListElement>>, SocialMediaLinksProps>;
48
+ export default SocialMediaLinks;
@@ -1,7 +1,7 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
3
  export declare const textSizesArray: readonly ["default", "body1", "body2", "caption", "tag", "mini"];
4
- export type TextSizes = typeof textSizesArray[number];
4
+ export type StyledListTextSizes = typeof textSizesArray[number];
5
5
  export interface StyledListProps {
6
6
  /** Any child node passed to the component. */
7
7
  children?: React.ReactNode;
@@ -16,7 +16,7 @@ export interface StyledListProps {
16
16
  * there is only one variant style which is the default, "capped". */
17
17
  style?: "capped";
18
18
  /** The font size of the `li` elements. */
19
- textSize?: TextSizes;
19
+ textSize?: StyledListTextSizes;
20
20
  }
21
21
  /**
22
22
  * The `StyledList` component renders an HTML list with styles that do not
@@ -1,95 +1,118 @@
1
1
  export { Box, Center, chakra, Circle, ColorModeScript, cookieStorageManager, cookieStorageManagerSSR, FocusLock, Flex, Grid, GridItem, HStack, localStorageManager, Spacer, Square, Stack, useColorMode, useColorModeValue, useStyleConfig, useMediaQuery, useMultiStyleConfig, VStack, } from "@chakra-ui/react";
2
2
  export { default as Accordion } from "./components/Accordion/Accordion";
3
- export type { AccordionTypes } from "./components/Accordion/Accordion";
3
+ export type { AccordionTypes, AccordionDataProps, } from "./components/Accordion/Accordion";
4
4
  export { default as AlphabetFilter } from "./components/AlphabetFilter/AlphabetFilter";
5
+ export type { AlphabetFilterProps } from "./components/AlphabetFilter/AlphabetFilter";
5
6
  export { default as AudioPlayer } from "./components/AudioPlayer/AudioPlayer";
6
- export type { AudioType } from "./components/AudioPlayer/AudioPlayer";
7
+ export type { AudioType, AudioPlayerProps, } from "./components/AudioPlayer/AudioPlayer";
7
8
  export { default as Banner } from "./components/Banner/Banner";
8
- export type { BannerTypes } from "./components/Banner/Banner";
9
+ export type { BannerTypes, BannerBgColors, BannerHighlightColors, BannerProps, } from "./components/Banner/Banner";
9
10
  export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
10
- export type { BreadcrumbsTypes } from "./components/Breadcrumbs/Breadcrumbs";
11
+ export type { BreadcrumbsTypes, BreadcrumbProps, BreadcrumbsDataProps, } from "./components/Breadcrumbs/Breadcrumbs";
11
12
  export { default as Button } from "./components/Button/Button";
12
- export type { ButtonTypes } from "./components/Button/Button";
13
+ export type { ButtonElementType, ButtonProps, ButtonSizes, ButtonTypes, } from "./components/Button/Button";
13
14
  export { default as ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
15
+ export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
14
16
  export { default as Card, CardActions, CardContent, CardHeading, } from "./components/Card/Card";
17
+ export type { CardProps } from "./components/Card/Card";
15
18
  export { default as Checkbox } from "./components/Checkbox/Checkbox";
19
+ export type { CheckboxProps } from "./components/Checkbox/Checkbox";
16
20
  export { default as CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup";
21
+ export type { CheckboxGroupProps } from "./components/CheckboxGroup/CheckboxGroup";
17
22
  export { default as ColorCard } from "./components/StyleGuide/ColorCard";
18
23
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
19
- export type { DatePickerTypes, FullDateType, } from "./components/DatePicker/DatePicker";
24
+ export type { DatePickerTypes, FullDateType, CustomTextInputProps, DatePickerProps, } from "./components/DatePicker/DatePicker";
20
25
  export { default as DSProvider } from "./theme/provider";
21
- export type { FeaturedContentProps } from "./components/FeaturedContent/FeaturedContent";
22
26
  export { default as FeaturedContent } from "./components/FeaturedContent/FeaturedContent";
27
+ export type { FeaturedContentImageProps, FeaturedContentPositionType, FeaturedContentProps, FeaturedContentWidthType, } from "./components/FeaturedContent/FeaturedContent";
23
28
  export { default as FeedbackBox, useFeedbackBox, } from "./components/FeedbackBox/FeedbackBox";
24
- export type { FeedbackBoxViewType } from "./components/FeedbackBox/FeedbackBox";
29
+ export type { FeedbackBoxProps, FeedbackBoxViewType, } from "./components/FeedbackBox/FeedbackBox";
25
30
  export { default as Fieldset } from "./components/Fieldset/Fieldset";
31
+ export type { FieldsetProps } from "./components/Fieldset/Fieldset";
32
+ export { default as FilterBarInline } from "./components/FilterBarInline/FilterBarInline";
33
+ export type { FilterBarItemsType, FilterBarInlineProps, } from "./components/FilterBarInline/FilterBarInline";
26
34
  export { default as Form, FormField, FormRow } from "./components/Form/Form";
35
+ export type { FormProps } from "./components/Form/Form";
27
36
  export { default as Heading } from "./components/Heading/Heading";
28
- export type { HeadingSizes, HeadingLevels } from "./components/Heading/Heading";
37
+ export type { HeadingLevels, HeadingProps, HeadingSizes, } from "./components/Heading/Heading";
29
38
  export { default as HelperErrorText } from "./components/HelperErrorText/HelperErrorText";
39
+ export type { HelperErrorTextProps } from "./components/HelperErrorText/HelperErrorText";
30
40
  export { default as Hero } from "./components/Hero/Hero";
31
- export type { HeroTypes } from "./components/Hero/Hero";
41
+ export type { HeroImageProps, HeroProps, HeroTypes, } from "./components/Hero/Hero";
32
42
  export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
43
+ export type { HorizontalRuleProps } from "./components/HorizontalRule/HorizontalRule";
33
44
  export { default as Icon } from "./components/Icons/Icon";
34
- export type { IconAlign, IconColors, IconNames, IconRotationTypes, IconRotations, IconSizes, IconTypes, } from "./components/Icons/Icon";
45
+ export type { IconAlign, IconColors, IconNames, IconRotations, IconRotationTypes, IconSizes, IconTypes, IconProps, } from "./components/Icons/Icon";
35
46
  export { default as Image } from "./components/Image/Image";
36
- export type { ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
47
+ export type { ComponentImageProps, ImageProps, ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
37
48
  export { default as Label } from "./components/Label/Label";
38
- export type { LayoutTypes } from "./helpers/types";
49
+ export type { LabelProps } from "./components/Label/Label";
50
+ export type { DimensionTypes, LayoutTypes, SectionTypes, } from "./helpers/types";
39
51
  export { default as Link } from "./components/Link/Link";
40
- export type { LinkTypes } from "./components/Link/Link";
52
+ export type { LinkProps, LinkTypes } from "./components/Link/Link";
41
53
  export { default as List } from "./components/List/List";
42
- export type { DescriptionProps, ListTypes } from "./components/List/List";
54
+ export type { DescriptionProps, ListProps, ListTypes, } from "./components/List/List";
43
55
  export { default as Logo } from "./components/Logo/Logo";
44
- export type { LogoNames, LogoSizes } from "./components/Logo/Logo";
56
+ export type { LogoNames, LogoProps, LogoSizes } from "./components/Logo/Logo";
45
57
  export { default as MatchMedia } from "../src/__tests__/mediaMatchMock";
46
58
  export { default as Menu } from "./components/Menu/Menu";
47
- export type { ListItemsData, ActionItem, GroupItem, DividerItem, } from "./components/Menu/Menu";
59
+ export type { ActionItem, DividerItem, GroupItem, ListItemsData, MenuProps, } from "./components/Menu/Menu";
48
60
  export { ModalTrigger, useModal } from "./components/Modal/Modal";
49
- export type { BaseModalProps, ConfirmationModalProps, DefaultModalProps, } from "./components/Modal/Modal";
61
+ export type { BaseModalProps, ConfirmationModalProps, DefaultModalProps, ModalProps, ModalTypeProps, } from "./components/Modal/Modal";
50
62
  export { default as MultiSelect } from "./components/MultiSelect/MultiSelect";
51
- export type { MultiSelectItem, SelectedItems, } from "./components/MultiSelect/MultiSelect";
63
+ export type { MultiSelectItem, MultiSelectListOverflowTypes, MultiSelectProps, MultiSelectWidths, SelectedItems, } from "./components/MultiSelect/MultiSelect";
52
64
  export { default as MultiSelectGroup } from "./components/MultiSelectGroup/MultiSelectGroup";
53
65
  export type { MultiSelectGroupProps } from "./components/MultiSelectGroup/MultiSelectGroup";
54
- /** The code associated with the NewsletterSignup component and the
55
- * NewsletterSignupViewType type will not be exported until the refactor of the
56
- * component has been completed.
57
- * */
66
+ export { default as NewsletterSignup } from "./components/NewsletterSignup/NewsletterSignup";
67
+ export type { HighlightColorTypes, NewsletterSignupProps, NewsletterSignupViewType, } from "./components/NewsletterSignup/NewsletterSignup";
58
68
  export { default as Notification } from "./components/Notification/Notification";
59
- export type { NotificationTypes } from "./components/Notification/Notification";
69
+ export type { NotificationProps, NotificationTypes, } from "./components/Notification/Notification";
60
70
  export { default as Pagination } from "./components/Pagination/Pagination";
71
+ export type { PaginationProps } from "./components/Pagination/Pagination";
61
72
  export { default as ProgressIndicator } from "./components/ProgressIndicator/ProgressIndicator";
62
- export type { ProgressIndicatorSizes, ProgressIndicatorTypes, } from "./components/ProgressIndicator/ProgressIndicator";
73
+ export type { ProgressIndicatorProps, ProgressIndicatorSizes, ProgressIndicatorTypes, } from "./components/ProgressIndicator/ProgressIndicator";
63
74
  export { default as Radio } from "./components/Radio/Radio";
75
+ export type { RadioProps } from "./components/Radio/Radio";
64
76
  export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
77
+ export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
65
78
  export { default as SearchBar } from "./components/SearchBar/SearchBar";
79
+ export type { SearchBarProps } from "./components/SearchBar/SearchBar";
66
80
  export { default as Select } from "./components/Select/Select";
67
- export type { LabelPositions } from "./components/Select/Select";
81
+ export type { LabelPositions, SelectProps, SelectTypes, } from "./components/Select/Select";
68
82
  export { default as SimpleGrid } from "./components/Grid/SimpleGrid";
69
- export type { GridGaps } from "./components/Grid/SimpleGrid";
83
+ export type { GridGaps, SimpleGridProps } from "./components/Grid/SimpleGrid";
70
84
  export { default as SkeletonLoader } from "./components/SkeletonLoader/SkeletonLoader";
71
- export type { SkeletonLoaderImageRatios } from "./components/SkeletonLoader/SkeletonLoader";
85
+ export type { SkeletonLoaderImageRatios, SkeletonLoaderProps, } from "./components/SkeletonLoader/SkeletonLoader";
72
86
  export { default as SkipNavigation } from "./components/SkipNavigation/SkipNavigation";
87
+ export type { SkipNavigationProps } from "./components/SkipNavigation/SkipNavigation";
73
88
  export { default as Slider } from "./components/Slider/Slider";
74
- /** The code associated with the SocialMediaLinks component will not be exported
75
- * until the refactor of the component has been completed.
76
- * */
89
+ export type { SliderProps } from "./components/Slider/Slider";
90
+ export { default as SocialMediaLinks } from "./components/SocialMediaLinks/SocialMediaLinks";
91
+ export type { SocialMediaLinkDataProps } from "./components/SocialMediaLinks/SocialMediaLinks";
77
92
  export { default as StatusBadge } from "./components/StatusBadge/StatusBadge";
78
- export type { StatusBadgeTypes } from "./components/StatusBadge/StatusBadge";
93
+ export type { StatusBadgeLevels, StatusBadgeProps, StatusBadgeTypes, } from "./components/StatusBadge/StatusBadge";
79
94
  export { default as StructuredContent } from "./components/StructuredContent/StructuredContent";
80
- export type { StructuredContentImagePosition } from "./components/StructuredContent/StructuredContent";
95
+ export type { StructuredContentImagePosition, StructuredContentProps, } from "./components/StructuredContent/StructuredContent";
81
96
  export { default as StyledList } from "./components/StyledList/StyledList";
97
+ export type { StyledListProps, StyledListTextSizes, } from "./components/StyledList/StyledList";
98
+ export { default as Table } from "./components/Table/Table";
99
+ export type { TableProps } from "./components/Table/Table";
82
100
  export { default as Tabs, TabList, Tab, TabPanels, TabPanel, } from "./components/Tabs/Tabs";
101
+ export type { TabsDataProps, TabsProps } from "./components/Tabs/Tabs";
83
102
  export { default as TagSet } from "./components/TagSet/TagSet";
84
- export type { TagSetExploreDataProps } from "./components/TagSet/TagSetExplore";
85
- export type { TagSetFilterDataProps } from "./components/TagSet/TagSetFilter";
103
+ export type { TagSetProps, TagSetTypeProps } from "./components/TagSet/TagSet";
104
+ export type { TagSetExploreDataProps, TagSetExploreProps, } from "./components/TagSet/TagSetExplore";
105
+ export type { TagSetFilterDataProps, TagSetFilterProps, } from "./components/TagSet/TagSetFilter";
86
106
  export { TemplateAppContainer, Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, } from "./components/Template/Template";
107
+ export type { TemplateAppContainerProps, TemplateProps, TemplateContentProps, TemplateFooterProps, TemplateHeaderProps, TemplateSidebarProps, } from "./components/Template/Template";
87
108
  export { default as Text } from "./components/Text/Text";
88
- export type { TextSizes } from "./components/Text/Text";
109
+ export type { TextProps, TextSizes } from "./components/Text/Text";
89
110
  export { default as TextInput } from "./components/TextInput/TextInput";
90
- export type { TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
111
+ export type { AutoCompleteValues, InputProps, TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
91
112
  export { default as Toggle } from "./components/Toggle/Toggle";
92
- export type { ToggleSizes } from "./components/Toggle/Toggle";
113
+ export type { ToggleProps, ToggleSizes } from "./components/Toggle/Toggle";
114
+ export { default as Tooltip } from "./components/Tooltip/Tooltip";
115
+ export type { TooltipProps } from "./components/Tooltip/Tooltip";
93
116
  export { default as useCarouselStyles } from "./hooks/useCarouselStyles";
94
117
  export { default as useCloseDropDown } from "./hooks/useCloseDropDown";
95
118
  /** The useFilterBar hooks will not be exported until the refactor of the v2
@@ -100,6 +123,4 @@ export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";
100
123
  export { default as useNYPLTheme } from "./hooks/useNYPLTheme";
101
124
  export { default as useWindowSize } from "./hooks/useWindowSize";
102
125
  export { default as VideoPlayer } from "./components/VideoPlayer/VideoPlayer";
103
- export type { VideoPlayerAspectRatios, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
104
- export { default as Table } from "./components/Table/Table";
105
- export { default as Tooltip } from "./components/Tooltip/Tooltip";
126
+ export type { VideoPlayerAspectRatios, VideoPlayerProps, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
@@ -190,6 +190,12 @@ declare const Breadcrumb: {
190
190
  };
191
191
  };
192
192
  };
193
+ svg: {
194
+ fill: string;
195
+ _dark: {
196
+ fill: string;
197
+ };
198
+ };
193
199
  };
194
200
  education: {
195
201
  bg: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "3.2.0-rc",
3
+ "version": "3.2.0-rc-searchtext",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",