@nypl/design-system-react-components 2.0.0-rc → 2.0.0-rc3
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/dist/design-system-react-components.cjs +66 -66
- package/dist/design-system-react-components.js +5854 -5825
- package/dist/src/components/Icons/IconSvgs.d.ts +6 -0
- package/dist/src/components/Icons/iconVariables.d.ts +1 -1
- package/dist/src/components/Logo/LogoSvgs.d.ts +9 -0
- package/dist/src/components/Logo/logoVariables.d.ts +1 -1
- package/dist/src/components/StyledList/StyledList.d.ts +2 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/theme/components/heading.d.ts +9 -0
- package/dist/src/theme/components/structuredContent.d.ts +3 -0
- package/package.json +1 -1
|
@@ -135,6 +135,9 @@ declare const _default: {
|
|
|
135
135
|
minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
136
136
|
title?: string;
|
|
137
137
|
}>;
|
|
138
|
+
moonCrescent: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
139
|
+
title?: string;
|
|
140
|
+
}>;
|
|
138
141
|
plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
139
142
|
title?: string;
|
|
140
143
|
}>;
|
|
@@ -174,6 +177,9 @@ declare const _default: {
|
|
|
174
177
|
speakerNotes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
175
178
|
title?: string;
|
|
176
179
|
}>;
|
|
180
|
+
sunFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
181
|
+
title?: string;
|
|
182
|
+
}>;
|
|
177
183
|
utilityAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
178
184
|
title?: string;
|
|
179
185
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const iconAlignArray: readonly ["left", "right", "none"];
|
|
2
2
|
export declare const iconColorsArray: readonly ["ui.black", "ui.white", "brand.primary", "brand.secondary", "ui.error.primary", "ui.error.secondary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.warning.primary", "ui.warning.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.education.primary", "section.education.secondary", "section.locations.primary", "section.locations.secondary", "section.research.primary", "section.research.secondary", "section.research-library.lpa", "section.research-library.schomburg", "section.research-library.schwartzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.warning.primary", "dark.ui.warning.secondary"];
|
|
3
|
-
export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialYoutube", "speakerNotes", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
|
|
3
|
+
export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
|
|
4
4
|
export declare const iconRotationsArray: readonly ["rotate0", "rotate90", "rotate180", "rotate270"];
|
|
5
5
|
export declare const iconSizesArray: readonly ["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
|
|
6
6
|
export declare const iconTypesArray: readonly ["default", "breadcrumbs"];
|
|
@@ -63,6 +63,15 @@ declare const _default: {
|
|
|
63
63
|
nycdoeWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
64
64
|
title?: string;
|
|
65
65
|
}>;
|
|
66
|
+
nycpsBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
67
|
+
title?: string;
|
|
68
|
+
}>;
|
|
69
|
+
nycpsColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
70
|
+
title?: string;
|
|
71
|
+
}>;
|
|
72
|
+
nycpsWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
73
|
+
title?: string;
|
|
74
|
+
}>;
|
|
66
75
|
nyplFullBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
67
76
|
title?: string;
|
|
68
77
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const logoNamesArray: readonly ["appleAppStoreBlack", "appleAppStoreWhite", "bplBlack", "bplWhite", "cleverBadgeColor", "cleverColor", "cleverWhite", "digitalCollectionsBlack", "digitalCollectionsWhite", "firstbookColor", "firstbookColorNegative", "googlePlayBlack", "lpaBlack", "lpaColor", "lpaWhite", "mlnBlack", "mlnColor", "mlnWhite", "nycdoeBlack", "nycdoeColor", "nycdoeWhite", "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"];
|
|
1
|
+
export declare const logoNamesArray: readonly ["appleAppStoreBlack", "appleAppStoreWhite", "bplBlack", "bplWhite", "cleverBadgeColor", "cleverColor", "cleverWhite", "digitalCollectionsBlack", "digitalCollectionsWhite", "firstbookColor", "firstbookColorNegative", "googlePlayBlack", "lpaBlack", "lpaColor", "lpaWhite", "mlnBlack", "mlnColor", "mlnWhite", "nycdoeBlack", "nycdoeColor", "nycdoeWhite", "nycpsBlack", "nycpsColor", "nycpsWhite", "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"];
|
|
2
2
|
export declare const logoSizesArray: readonly ["default", "xxsmall", "xsmall", "small", "medium", "large"];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
export declare const textSizesArray: readonly ["default", "body1", "body2", "caption", "tag", "mini"];
|
|
3
|
+
export type TextSizes = typeof textSizesArray[number];
|
|
3
4
|
export interface StyledListProps {
|
|
4
5
|
/** Any child node passed to the component. */
|
|
5
6
|
children?: React.ReactNode;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ export { default as Hero } from "./components/Hero/Hero";
|
|
|
28
28
|
export type { HeroTypes } from "./components/Hero/Hero";
|
|
29
29
|
export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
|
|
30
30
|
export { default as Icon } from "./components/Icons/Icon";
|
|
31
|
-
export type { IconAlign, IconColors, IconNames, IconRotations, IconSizes, IconTypes, } from "./components/Icons/Icon";
|
|
31
|
+
export type { IconAlign, IconColors, IconNames, IconRotationTypes, IconRotations, IconSizes, IconTypes, } from "./components/Icons/Icon";
|
|
32
32
|
export { default as Image } from "./components/Image/Image";
|
|
33
33
|
export type { ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
|
|
34
34
|
export { default as Label } from "./components/Label/Label";
|
|
@@ -89,6 +89,7 @@ export declare const headings: {
|
|
|
89
89
|
};
|
|
90
90
|
heading4: {
|
|
91
91
|
fontWeight: string;
|
|
92
|
+
letterSpacing: string;
|
|
92
93
|
lineHeight: string;
|
|
93
94
|
width: string;
|
|
94
95
|
a: {
|
|
@@ -97,11 +98,13 @@ export declare const headings: {
|
|
|
97
98
|
};
|
|
98
99
|
heading5: {
|
|
99
100
|
fontWeight: string;
|
|
101
|
+
letterSpacing: string;
|
|
100
102
|
lineHeight: string;
|
|
101
103
|
width: string;
|
|
102
104
|
};
|
|
103
105
|
heading6: {
|
|
104
106
|
fontWeight: string;
|
|
107
|
+
letterSpacing: string;
|
|
105
108
|
lineHeight: string;
|
|
106
109
|
width: string;
|
|
107
110
|
};
|
|
@@ -181,6 +184,7 @@ declare const Heading: {
|
|
|
181
184
|
};
|
|
182
185
|
h4: {
|
|
183
186
|
fontWeight: string;
|
|
187
|
+
letterSpacing: string;
|
|
184
188
|
lineHeight: string;
|
|
185
189
|
width: string;
|
|
186
190
|
a: {
|
|
@@ -189,11 +193,13 @@ declare const Heading: {
|
|
|
189
193
|
};
|
|
190
194
|
h5: {
|
|
191
195
|
fontWeight: string;
|
|
196
|
+
letterSpacing: string;
|
|
192
197
|
lineHeight: string;
|
|
193
198
|
width: string;
|
|
194
199
|
};
|
|
195
200
|
h6: {
|
|
196
201
|
fontWeight: string;
|
|
202
|
+
letterSpacing: string;
|
|
197
203
|
lineHeight: string;
|
|
198
204
|
width: string;
|
|
199
205
|
};
|
|
@@ -296,6 +302,7 @@ declare const Heading: {
|
|
|
296
302
|
};
|
|
297
303
|
heading4: {
|
|
298
304
|
fontWeight: string;
|
|
305
|
+
letterSpacing: string;
|
|
299
306
|
lineHeight: string;
|
|
300
307
|
width: string;
|
|
301
308
|
a: {
|
|
@@ -304,11 +311,13 @@ declare const Heading: {
|
|
|
304
311
|
};
|
|
305
312
|
heading5: {
|
|
306
313
|
fontWeight: string;
|
|
314
|
+
letterSpacing: string;
|
|
307
315
|
lineHeight: string;
|
|
308
316
|
width: string;
|
|
309
317
|
};
|
|
310
318
|
heading6: {
|
|
311
319
|
fontWeight: string;
|
|
320
|
+
letterSpacing: string;
|
|
312
321
|
lineHeight: string;
|
|
313
322
|
width: string;
|
|
314
323
|
};
|
|
@@ -96,6 +96,7 @@ declare const StructuredContent: {
|
|
|
96
96
|
};
|
|
97
97
|
heading4: {
|
|
98
98
|
fontWeight: string;
|
|
99
|
+
letterSpacing: string;
|
|
99
100
|
lineHeight: string;
|
|
100
101
|
width: string;
|
|
101
102
|
a: {
|
|
@@ -104,11 +105,13 @@ declare const StructuredContent: {
|
|
|
104
105
|
};
|
|
105
106
|
heading5: {
|
|
106
107
|
fontWeight: string;
|
|
108
|
+
letterSpacing: string;
|
|
107
109
|
lineHeight: string;
|
|
108
110
|
width: string;
|
|
109
111
|
};
|
|
110
112
|
heading6: {
|
|
111
113
|
fontWeight: string;
|
|
114
|
+
letterSpacing: string;
|
|
112
115
|
lineHeight: string;
|
|
113
116
|
width: string;
|
|
114
117
|
};
|