@nypl/design-system-react-components 3.2.0-rc4 → 3.2.0-tooltip-rc-2
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.
- package/README.md +22 -108
- package/dist/design-system-react-components.cjs +50 -50
- package/dist/design-system-react-components.js +6629 -6480
- package/dist/src/components/Banner/Banner.d.ts +1 -1
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/src/components/DatePicker/DatePicker.d.ts +13 -1
- package/dist/src/components/FeaturedContent/FeaturedContent.d.ts +5 -5
- package/dist/src/components/FeedbackBox/FeedbackBox.d.ts +1 -1
- package/dist/src/components/Fieldset/Fieldset.d.ts +1 -1
- package/dist/src/components/FilterBarInline/FilterBarInline.d.ts +3 -2
- package/dist/src/components/FilterBarPopup/FilterBarPopup.d.ts +38 -0
- package/dist/src/components/HelperErrorText/HelperErrorText.d.ts +1 -1
- package/dist/src/components/Label/Label.d.ts +1 -1
- package/dist/src/components/Menu/Menu.d.ts +2 -0
- package/dist/src/components/NewsletterSignup/NewsletterSignup.d.ts +1 -1
- package/dist/src/components/SkipNavigation/SkipNavigation.d.ts +1 -1
- package/dist/src/components/StyledList/StyledList.d.ts +2 -2
- package/dist/src/components/Tooltip/Tooltip.d.ts +4 -0
- package/dist/src/index.d.ts +60 -38
- package/dist/src/theme/components/breadcrumb.d.ts +9 -0
- package/dist/src/theme/components/filterBarPopup.d.ts +51 -0
- package/dist/src/theme/components/tooltip.d.ts +0 -1
- package/package.json +1 -1
|
@@ -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.
|
|
@@ -5,6 +5,7 @@ export type BreadcrumbsTypes = typeof breadcrumbTypeArray[number];
|
|
|
5
5
|
export interface BreadcrumbsDataProps {
|
|
6
6
|
url: string;
|
|
7
7
|
text: string | React.ReactNode;
|
|
8
|
+
linkProps?: any;
|
|
8
9
|
}
|
|
9
10
|
export interface BreadcrumbProps {
|
|
10
11
|
/** Breadcrumb links as an array */
|
|
@@ -15,6 +16,8 @@ export interface BreadcrumbProps {
|
|
|
15
16
|
className?: string;
|
|
16
17
|
/** ID that other components can cross reference for accessibility purposes */
|
|
17
18
|
id?: string;
|
|
19
|
+
/** Custom Link component for apps with internal routing, defaults to BreadcrumbLink if not passed */
|
|
20
|
+
customLinkComponent?: any;
|
|
18
21
|
}
|
|
19
22
|
/**
|
|
20
23
|
* The `Breadcrumbs` component is a navigation element that provides a
|
|
@@ -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
|
|
5
|
+
export type FeaturedContentWidthType = typeof featuredContentWidthArray[number];
|
|
6
6
|
export declare const featuredContentPositionArray: readonly ["start", "end"];
|
|
7
|
-
export type
|
|
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?:
|
|
10
|
+
width?: FeaturedContentWidthType;
|
|
11
11
|
/** String value that specifies the position of the image rendered within the component. */
|
|
12
|
-
position?:
|
|
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 */
|
|
@@ -3,7 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { LayoutTypes } from "../../helpers/types";
|
|
4
4
|
import { MultiSelectWidths, SelectedItems as MultiSelectItems } from "../MultiSelect/MultiSelect";
|
|
5
5
|
export type FilterBarItemsType = (boolean | number | number[] | string | string[] | MultiSelectItems)[];
|
|
6
|
-
interface FilterBarInlineProps {
|
|
6
|
+
export interface FilterBarInlineProps {
|
|
7
7
|
/** The className of the FilterBarInline. */
|
|
8
8
|
className?: string;
|
|
9
9
|
/** ID that other components can cross reference for accessibility purposes. */
|
|
@@ -19,7 +19,8 @@ interface FilterBarInlineProps {
|
|
|
19
19
|
/** Function for the global `Apply Filters` button. If passed the `Apply Filters` button will render. */
|
|
20
20
|
onSubmit?: () => void;
|
|
21
21
|
/** Render prop function used to render child components with updated props. */
|
|
22
|
-
renderChildren: ({ isBlockElement, layout, width, }: {
|
|
22
|
+
renderChildren: ({ closeOnBlur, isBlockElement, layout, width, }: {
|
|
23
|
+
closeOnBlur?: boolean;
|
|
23
24
|
isBlockElement?: boolean;
|
|
24
25
|
layout?: LayoutTypes;
|
|
25
26
|
width?: MultiSelectWidths;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ChakraComponent } from "@chakra-ui/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { LayoutTypes } from "../../helpers/types";
|
|
4
|
+
import { MultiSelectWidths } from "../MultiSelect/MultiSelect";
|
|
5
|
+
import { FilterBarItemsType } from "../FilterBarInline/FilterBarInline";
|
|
6
|
+
export interface FilterBarPopupProps {
|
|
7
|
+
/** The className of the FilterBarInline. */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Optional string value used to set the text for a `Heading` component, or
|
|
10
|
+
* a DS Heading component that can be passed in.
|
|
11
|
+
*/
|
|
12
|
+
heading?: string | JSX.Element;
|
|
13
|
+
/** ID that other components can cross reference for accessibility purposes. */
|
|
14
|
+
id?: string;
|
|
15
|
+
/** Only used for internal purposes. */
|
|
16
|
+
isOpen?: boolean;
|
|
17
|
+
/** Function for the global `Clear Filters` button. If passed the `Clear Filters` button will render. */
|
|
18
|
+
onClear?: () => void;
|
|
19
|
+
/** Only used for internal purposes. */
|
|
20
|
+
onClose?: any;
|
|
21
|
+
/** Only used for internal purposes. */
|
|
22
|
+
onOpen?: any;
|
|
23
|
+
/** Function for the global `Apply Filters` button. If passed the `Apply Filters` button will render. */
|
|
24
|
+
onSubmit?: () => void;
|
|
25
|
+
/** Render prop function used to render child components with updated props. */
|
|
26
|
+
renderChildren: ({ isBlockElement, layout, width, }: {
|
|
27
|
+
isBlockElement?: boolean;
|
|
28
|
+
layout?: LayoutTypes;
|
|
29
|
+
width?: MultiSelectWidths;
|
|
30
|
+
}) => React.ReactNode;
|
|
31
|
+
/** The selected items state (items that were checked by user). */
|
|
32
|
+
selectedItems?: FilterBarItemsType;
|
|
33
|
+
/** A number that represents the total number of results in the associated search results list. */
|
|
34
|
+
totalResults?: number;
|
|
35
|
+
}
|
|
36
|
+
export declare const FilterBarPopup: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FilterBarPopupProps> & React.RefAttributes<HTMLDivElement>>, FilterBarPopupProps>;
|
|
37
|
+
export declare function useFilterBarPopup(): any;
|
|
38
|
+
export default FilterBarPopup;
|
|
@@ -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 */
|
|
@@ -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
|
|
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?:
|
|
19
|
+
textSize?: StyledListTextSizes;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
22
|
* The `StyledList` component renders an HTML list with styles that do not
|
|
@@ -13,6 +13,10 @@ export interface TooltipProps {
|
|
|
13
13
|
isDisabled?: boolean;
|
|
14
14
|
/** Wraps the children of the tooltip in `ComponentWrapper` with `tabIndex=0` when true. */
|
|
15
15
|
shouldWrapChildren?: boolean;
|
|
16
|
+
/** The placement of the tooltip relative to its children. */
|
|
17
|
+
placement?: "top" | "left" | "bottom" | "right";
|
|
18
|
+
/** The marginTop of the tooltip. */
|
|
19
|
+
elevation?: number;
|
|
16
20
|
}
|
|
17
21
|
export declare const Tooltip: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<TooltipProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<TooltipProps>>;
|
|
18
22
|
export default Tooltip;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,103 +1,125 @@
|
|
|
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";
|
|
26
32
|
export { default as FilterBarInline } from "./components/FilterBarInline/FilterBarInline";
|
|
33
|
+
export type { FilterBarItemsType, FilterBarInlineProps, } from "./components/FilterBarInline/FilterBarInline";
|
|
34
|
+
export { default as FilterBarPopup, useFilterBarPopup, } from "./components/FilterBarPopup/FilterBarPopup";
|
|
35
|
+
export type { FilterBarPopupProps } from "./components/FilterBarPopup/FilterBarPopup";
|
|
27
36
|
export { default as Form, FormField, FormRow } from "./components/Form/Form";
|
|
37
|
+
export type { FormProps } from "./components/Form/Form";
|
|
28
38
|
export { default as Heading } from "./components/Heading/Heading";
|
|
29
|
-
export type { HeadingSizes,
|
|
39
|
+
export type { HeadingLevels, HeadingProps, HeadingSizes, } from "./components/Heading/Heading";
|
|
30
40
|
export { default as HelperErrorText } from "./components/HelperErrorText/HelperErrorText";
|
|
41
|
+
export type { HelperErrorTextProps } from "./components/HelperErrorText/HelperErrorText";
|
|
31
42
|
export { default as Hero } from "./components/Hero/Hero";
|
|
32
|
-
export type { HeroTypes } from "./components/Hero/Hero";
|
|
43
|
+
export type { HeroImageProps, HeroProps, HeroTypes, } from "./components/Hero/Hero";
|
|
33
44
|
export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
|
|
45
|
+
export type { HorizontalRuleProps } from "./components/HorizontalRule/HorizontalRule";
|
|
34
46
|
export { default as Icon } from "./components/Icons/Icon";
|
|
35
|
-
export type { IconAlign, IconColors, IconNames,
|
|
47
|
+
export type { IconAlign, IconColors, IconNames, IconRotations, IconRotationTypes, IconSizes, IconTypes, IconProps, } from "./components/Icons/Icon";
|
|
36
48
|
export { default as Image } from "./components/Image/Image";
|
|
37
|
-
export type { ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
|
|
49
|
+
export type { ComponentImageProps, ImageProps, ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
|
|
38
50
|
export { default as Label } from "./components/Label/Label";
|
|
39
|
-
export type {
|
|
51
|
+
export type { LabelProps } from "./components/Label/Label";
|
|
52
|
+
export type { DimensionTypes, LayoutTypes, SectionTypes, } from "./helpers/types";
|
|
40
53
|
export { default as Link } from "./components/Link/Link";
|
|
41
|
-
export type { LinkTypes } from "./components/Link/Link";
|
|
54
|
+
export type { LinkProps, LinkTypes } from "./components/Link/Link";
|
|
42
55
|
export { default as List } from "./components/List/List";
|
|
43
|
-
export type { DescriptionProps, ListTypes } from "./components/List/List";
|
|
56
|
+
export type { DescriptionProps, ListProps, ListTypes, } from "./components/List/List";
|
|
44
57
|
export { default as Logo } from "./components/Logo/Logo";
|
|
45
|
-
export type { LogoNames, LogoSizes } from "./components/Logo/Logo";
|
|
58
|
+
export type { LogoNames, LogoProps, LogoSizes } from "./components/Logo/Logo";
|
|
46
59
|
export { default as MatchMedia } from "../src/__tests__/mediaMatchMock";
|
|
47
60
|
export { default as Menu } from "./components/Menu/Menu";
|
|
48
|
-
export type {
|
|
61
|
+
export type { ActionItem, DividerItem, GroupItem, ListItemsData, MenuProps, } from "./components/Menu/Menu";
|
|
49
62
|
export { ModalTrigger, useModal } from "./components/Modal/Modal";
|
|
50
|
-
export type { BaseModalProps, ConfirmationModalProps, DefaultModalProps, } from "./components/Modal/Modal";
|
|
63
|
+
export type { BaseModalProps, ConfirmationModalProps, DefaultModalProps, ModalProps, ModalTypeProps, } from "./components/Modal/Modal";
|
|
51
64
|
export { default as MultiSelect } from "./components/MultiSelect/MultiSelect";
|
|
52
|
-
export type { MultiSelectItem, SelectedItems, } from "./components/MultiSelect/MultiSelect";
|
|
65
|
+
export type { MultiSelectItem, MultiSelectListOverflowTypes, MultiSelectProps, MultiSelectWidths, SelectedItems, } from "./components/MultiSelect/MultiSelect";
|
|
53
66
|
export { default as MultiSelectGroup } from "./components/MultiSelectGroup/MultiSelectGroup";
|
|
54
67
|
export type { MultiSelectGroupProps } from "./components/MultiSelectGroup/MultiSelectGroup";
|
|
55
68
|
export { default as NewsletterSignup } from "./components/NewsletterSignup/NewsletterSignup";
|
|
56
|
-
export type { NewsletterSignupViewType } from "./components/NewsletterSignup/NewsletterSignup";
|
|
69
|
+
export type { HighlightColorTypes, NewsletterSignupProps, NewsletterSignupViewType, } from "./components/NewsletterSignup/NewsletterSignup";
|
|
57
70
|
export { default as Notification } from "./components/Notification/Notification";
|
|
58
|
-
export type { NotificationTypes } from "./components/Notification/Notification";
|
|
71
|
+
export type { NotificationProps, NotificationTypes, } from "./components/Notification/Notification";
|
|
59
72
|
export { default as Pagination } from "./components/Pagination/Pagination";
|
|
73
|
+
export type { PaginationProps } from "./components/Pagination/Pagination";
|
|
60
74
|
export { default as ProgressIndicator } from "./components/ProgressIndicator/ProgressIndicator";
|
|
61
|
-
export type { ProgressIndicatorSizes, ProgressIndicatorTypes, } from "./components/ProgressIndicator/ProgressIndicator";
|
|
75
|
+
export type { ProgressIndicatorProps, ProgressIndicatorSizes, ProgressIndicatorTypes, } from "./components/ProgressIndicator/ProgressIndicator";
|
|
62
76
|
export { default as Radio } from "./components/Radio/Radio";
|
|
77
|
+
export type { RadioProps } from "./components/Radio/Radio";
|
|
63
78
|
export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
|
|
79
|
+
export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
|
|
64
80
|
export { default as SearchBar } from "./components/SearchBar/SearchBar";
|
|
81
|
+
export type { SearchBarProps } from "./components/SearchBar/SearchBar";
|
|
65
82
|
export { default as Select } from "./components/Select/Select";
|
|
66
|
-
export type { LabelPositions } from "./components/Select/Select";
|
|
83
|
+
export type { LabelPositions, SelectProps, SelectTypes, } from "./components/Select/Select";
|
|
67
84
|
export { default as SimpleGrid } from "./components/Grid/SimpleGrid";
|
|
68
|
-
export type { GridGaps } from "./components/Grid/SimpleGrid";
|
|
85
|
+
export type { GridGaps, SimpleGridProps } from "./components/Grid/SimpleGrid";
|
|
69
86
|
export { default as SkeletonLoader } from "./components/SkeletonLoader/SkeletonLoader";
|
|
70
|
-
export type { SkeletonLoaderImageRatios } from "./components/SkeletonLoader/SkeletonLoader";
|
|
87
|
+
export type { SkeletonLoaderImageRatios, SkeletonLoaderProps, } from "./components/SkeletonLoader/SkeletonLoader";
|
|
71
88
|
export { default as SkipNavigation } from "./components/SkipNavigation/SkipNavigation";
|
|
89
|
+
export type { SkipNavigationProps } from "./components/SkipNavigation/SkipNavigation";
|
|
72
90
|
export { default as Slider } from "./components/Slider/Slider";
|
|
91
|
+
export type { SliderProps } from "./components/Slider/Slider";
|
|
73
92
|
export { default as SocialMediaLinks } from "./components/SocialMediaLinks/SocialMediaLinks";
|
|
74
93
|
export type { SocialMediaLinkDataProps } from "./components/SocialMediaLinks/SocialMediaLinks";
|
|
75
94
|
export { default as StatusBadge } from "./components/StatusBadge/StatusBadge";
|
|
76
|
-
export type { StatusBadgeTypes } from "./components/StatusBadge/StatusBadge";
|
|
95
|
+
export type { StatusBadgeLevels, StatusBadgeProps, StatusBadgeTypes, } from "./components/StatusBadge/StatusBadge";
|
|
77
96
|
export { default as StructuredContent } from "./components/StructuredContent/StructuredContent";
|
|
78
|
-
export type { StructuredContentImagePosition } from "./components/StructuredContent/StructuredContent";
|
|
97
|
+
export type { StructuredContentImagePosition, StructuredContentProps, } from "./components/StructuredContent/StructuredContent";
|
|
79
98
|
export { default as StyledList } from "./components/StyledList/StyledList";
|
|
99
|
+
export type { StyledListProps, StyledListTextSizes, } from "./components/StyledList/StyledList";
|
|
100
|
+
export { default as Table } from "./components/Table/Table";
|
|
101
|
+
export type { TableProps } from "./components/Table/Table";
|
|
80
102
|
export { default as Tabs, TabList, Tab, TabPanels, TabPanel, } from "./components/Tabs/Tabs";
|
|
103
|
+
export type { TabsDataProps, TabsProps } from "./components/Tabs/Tabs";
|
|
81
104
|
export { default as TagSet } from "./components/TagSet/TagSet";
|
|
82
|
-
export type {
|
|
83
|
-
export type {
|
|
105
|
+
export type { TagSetProps, TagSetTypeProps } from "./components/TagSet/TagSet";
|
|
106
|
+
export type { TagSetExploreDataProps, TagSetExploreProps, } from "./components/TagSet/TagSetExplore";
|
|
107
|
+
export type { TagSetFilterDataProps, TagSetFilterProps, } from "./components/TagSet/TagSetFilter";
|
|
84
108
|
export { TemplateAppContainer, Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, } from "./components/Template/Template";
|
|
109
|
+
export type { TemplateAppContainerProps, TemplateProps, TemplateContentProps, TemplateFooterProps, TemplateHeaderProps, TemplateSidebarProps, } from "./components/Template/Template";
|
|
85
110
|
export { default as Text } from "./components/Text/Text";
|
|
86
|
-
export type { TextSizes } from "./components/Text/Text";
|
|
111
|
+
export type { TextProps, TextSizes } from "./components/Text/Text";
|
|
87
112
|
export { default as TextInput } from "./components/TextInput/TextInput";
|
|
88
|
-
export type { TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
|
|
113
|
+
export type { AutoCompleteValues, InputProps, TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
|
|
89
114
|
export { default as Toggle } from "./components/Toggle/Toggle";
|
|
90
|
-
export type { ToggleSizes } from "./components/Toggle/Toggle";
|
|
115
|
+
export type { ToggleProps, ToggleSizes } from "./components/Toggle/Toggle";
|
|
116
|
+
export { default as Tooltip } from "./components/Tooltip/Tooltip";
|
|
117
|
+
export type { TooltipProps } from "./components/Tooltip/Tooltip";
|
|
91
118
|
export { default as useCarouselStyles } from "./hooks/useCarouselStyles";
|
|
92
119
|
export { default as useCloseDropDown } from "./hooks/useCloseDropDown";
|
|
93
|
-
/** The useFilterBar hooks will not be exported until the refactor of the v2
|
|
94
|
-
* versions of the FilterBar component has been completed.
|
|
95
|
-
* */
|
|
96
120
|
export { default as useMultiSelect } from "./hooks/useMultiSelect";
|
|
97
121
|
export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";
|
|
98
122
|
export { default as useNYPLTheme } from "./hooks/useNYPLTheme";
|
|
99
123
|
export { default as useWindowSize } from "./hooks/useWindowSize";
|
|
100
124
|
export { default as VideoPlayer } from "./components/VideoPlayer/VideoPlayer";
|
|
101
|
-
export type { VideoPlayerAspectRatios, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
|
|
102
|
-
export { default as Table } from "./components/Table/Table";
|
|
103
|
-
export { default as Tooltip } from "./components/Tooltip/Tooltip";
|
|
125
|
+
export type { VideoPlayerAspectRatios, VideoPlayerProps, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
|
|
@@ -25,6 +25,9 @@ declare const Breadcrumb: {
|
|
|
25
25
|
paddingEnd: string;
|
|
26
26
|
};
|
|
27
27
|
a: {
|
|
28
|
+
_visited: {
|
|
29
|
+
color: string;
|
|
30
|
+
};
|
|
28
31
|
_hover: {
|
|
29
32
|
color: string;
|
|
30
33
|
textDecoration: string;
|
|
@@ -190,6 +193,12 @@ declare const Breadcrumb: {
|
|
|
190
193
|
};
|
|
191
194
|
};
|
|
192
195
|
};
|
|
196
|
+
svg: {
|
|
197
|
+
fill: string;
|
|
198
|
+
_dark: {
|
|
199
|
+
fill: string;
|
|
200
|
+
};
|
|
201
|
+
};
|
|
193
202
|
};
|
|
194
203
|
education: {
|
|
195
204
|
bg: string;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
declare const FilterBarPopup: {
|
|
2
|
+
baseStyle?: {
|
|
3
|
+
width: string;
|
|
4
|
+
modalBody: {
|
|
5
|
+
_dark: {
|
|
6
|
+
background: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
modalHeader: {
|
|
10
|
+
bg: string;
|
|
11
|
+
borderBottom: string;
|
|
12
|
+
borderColor: string;
|
|
13
|
+
_dark: {
|
|
14
|
+
background: string;
|
|
15
|
+
borderBottom: string;
|
|
16
|
+
borderColor: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
modalFooter: {
|
|
20
|
+
bg: string;
|
|
21
|
+
borderTop: string;
|
|
22
|
+
borderColor: string;
|
|
23
|
+
_dark: {
|
|
24
|
+
background: string;
|
|
25
|
+
borderTop: string;
|
|
26
|
+
borderColor: string;
|
|
27
|
+
color: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
modalCloseButton: {
|
|
31
|
+
mt: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
sizes?: {
|
|
35
|
+
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
|
36
|
+
keys: ("modalBody" | "modalHeader" | "modalFooter" | "modalCloseButton")[];
|
|
37
|
+
}>;
|
|
38
|
+
};
|
|
39
|
+
variants?: {
|
|
40
|
+
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
|
41
|
+
keys: ("modalBody" | "modalHeader" | "modalFooter" | "modalCloseButton")[];
|
|
42
|
+
}>;
|
|
43
|
+
};
|
|
44
|
+
defaultProps?: {
|
|
45
|
+
size?: string | number;
|
|
46
|
+
variant?: string | number;
|
|
47
|
+
colorScheme?: string;
|
|
48
|
+
};
|
|
49
|
+
parts: ("modalBody" | "modalHeader" | "modalFooter" | "modalCloseButton")[];
|
|
50
|
+
};
|
|
51
|
+
export default FilterBarPopup;
|