@nypl/design-system-react-components 3.5.3 → 3.5.4

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.
Files changed (13) hide show
  1. package/dist/design-system-react-components.cjs +52 -52
  2. package/dist/design-system-react-components.js +13059 -13062
  3. package/dist/src/components/Icons/IconSvgs.d.ts +1 -0
  4. package/dist/src/components/Icons/iconVariables.d.ts +1 -1
  5. package/dist/src/components/StatusBadge/StatusBadge.d.ts +2 -3
  6. package/dist/src/theme/components/alphabetFilter.d.ts +0 -1
  7. package/dist/src/theme/components/breadcrumb.d.ts +4 -0
  8. package/dist/src/theme/components/checkbox.d.ts +1 -2
  9. package/dist/src/theme/components/feedbackBox.d.ts +1 -0
  10. package/dist/src/theme/components/hero.d.ts +12 -9
  11. package/dist/src/theme/components/menu.d.ts +15 -14
  12. package/dist/src/theme/components/statusBadge.d.ts +2 -2
  13. package/package.json +1 -1
package/dist/src/components/Icons/IconSvgs.d.ts CHANGED
@@ -74,6 +74,7 @@ declare const _default: {
74
74
  sunFull: any;
75
75
  utilityAccountFilled: any;
76
76
  utilityAccountUnfilled: any;
77
+ utilityCheck: any;
77
78
  utilityHamburger: any;
78
79
  utilitySearch: any;
79
80
  };
package/dist/src/components/Icons/iconVariables.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const iconAlignArray: readonly ["left", "right", "none"];
2
2
  export declare const iconColorsArray: readonly ["transparent", "ui.black", "ui.white", "ui.disabled.primary", "ui.disabled.secondary", "ui.error.primary", "ui.error.secondary", "ui.focus", "ui.link.primary", "ui.link.primary-05", "ui.link.primary-10", "ui.link.secondary", "ui.link.tertiary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.test", "ui.warning.primary", "ui.warning.secondary", "ui.bg.default", "ui.bg.hover", "ui.bg.active", "ui.border.default", "ui.border.hover", "ui.typography.heading", "ui.typography.body", "ui.typography.inverse.heading", "ui.typography.inverse.body", "ui.gray.xxxx-dark", "ui.gray.xxx-dark", "ui.gray.xx-dark", "ui.gray.x-dark", "ui.gray.dark", "ui.gray.semi-dark", "ui.gray.medium", "ui.gray.semi-medium", "ui.gray.light-cool", "ui.gray.x-light-cool", "ui.gray.xx-light-cool", "ui.gray.light-warm", "ui.gray.x-light-warm", "brand.primary", "brand.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.connect.primary", "section.connect.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.schwarzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.brand.primary", "dark.brand.secondary", "dark.section.blogs.primary", "dark.section.blogs.secondary", "dark.section.books-and-more.primary", "dark.section.books-and-more.secondary", "dark.section.connect.primary", "dark.section.connect.secondary", "dark.section.education.primary", "dark.section.education.secondary", "dark.section.locations.primary", "dark.section.locations.secondary", "dark.section.research.primary", "dark.section.research.secondary", "dark.section.research-library.primary", "dark.section.research-library.secondary", "dark.section.whats-on.primary", "dark.section.whats-on.secondary", "dark.ui.disabled.primary", "dark.ui.disabled.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.focus", "dark.ui.link.primary", "dark.ui.link.primary-05", "dark.ui.link.primary-10", "dark.ui.link.secondary", "dark.ui.link.tertiary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.test", "dark.ui.warning.secondary", "dark.ui.warning.primary", "dark.ui.bg.page", "dark.ui.bg.default", "dark.ui.bg.hover", "dark.ui.bg.active", "dark.ui.border.default", "dark.ui.border.hover", "dark.ui.typography.heading", "dark.ui.typography.body", "dark.ui.typography.inverse.heading", "dark.ui.typography.inverse.body"];
3
- export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLightbulb", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "contentFilterList", "decorativeBookBroken", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "editorMode", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "navigationMoreVert", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialX", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
3
+ export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLightbulb", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "contentFilterList", "decorativeBookBroken", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "editorMode", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "navigationMoreVert", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialX", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityCheck", "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", "xxxxlarge", "xxxxxlarge", "2xlarge", "3xlarge", "4xlarge", "5xlarge"];
6
6
  export declare const iconTypesArray: readonly ["default", "breadcrumbs"];
package/dist/src/components/StatusBadge/StatusBadge.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ChakraComponent } from "@chakra-ui/react";
2
2
  import React from "react";
3
+ export declare const statusBadgeFontSizeArray: readonly ["desktop.body.body1", "desktop.body.body2", "desktop.caption"];
3
4
  export declare const statusBadgeLevelArray: readonly ["low", "medium", "high"];
4
5
  export type StatusBadgeLevels = typeof statusBadgeLevelArray[number];
5
6
  export declare const statusBadgeTypeArray: readonly ["informative", "negative", "neutral", "positive", "recommendation", "warning", "low", "medium", "high"];
@@ -20,7 +21,5 @@ export interface StatusBadgeProps {
20
21
  * It is used for bringing awareness to a specific element or feature and should
21
22
  * provide quick recognition.
22
23
  */
23
- export declare const StatusBadge: ChakraComponent<React.ForwardRefExoticComponent<StatusBadgeProps & {
24
- children?: React.ReactNode;
25
- } & React.RefAttributes<HTMLDivElement>>, StatusBadgeProps>;
24
+ export declare const StatusBadge: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StatusBadgeProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StatusBadgeProps>>;
26
25
  export default StatusBadge;
package/dist/src/theme/components/alphabetFilter.d.ts CHANGED
@@ -11,7 +11,6 @@ declare const AlphabetFilter: {
11
11
  };
12
12
  padding: string;
13
13
  margin: string;
14
- fontWeight: string;
15
14
  fontSize: {
16
15
  base: "mobile.subtitle.subtitle1";
17
16
  md: "desktop.subtitle.subtitle1";
package/dist/src/theme/components/breadcrumb.d.ts CHANGED
@@ -74,6 +74,10 @@ declare const Breadcrumb: {
74
74
  base: "xs";
75
75
  md: "0";
76
76
  };
77
+ display: {
78
+ base: "flex";
79
+ md: "unset";
80
+ };
77
81
  };
78
82
  ".icon": {
79
83
  display: {
package/dist/src/theme/components/checkbox.d.ts CHANGED
@@ -52,14 +52,13 @@ declare const Checkbox: {
52
52
  border: string;
53
53
  borderRadius: string;
54
54
  borderColor: string;
55
- backgroundColor: string;
55
+ bg: string;
56
56
  color: string;
57
57
  cursor: string;
58
58
  outline: string;
59
59
  transitionProperty: string;
60
60
  transitionDuration: string;
61
61
  _checked: {
62
- bg: string;
63
62
  borderColor: string;
64
63
  color: string;
65
64
  _hover: {
package/dist/src/theme/components/feedbackBox.d.ts CHANGED
@@ -76,6 +76,7 @@ declare const FeedbackBox: {
76
76
  color: string;
77
77
  display: string;
78
78
  fontSize: string;
79
+ fontWeight: string;
79
80
  px: string;
80
81
  paddingTop: string;
81
82
  paddingBottom: string;
package/dist/src/theme/components/hero.d.ts CHANGED
@@ -30,12 +30,18 @@ declare const Hero: {
30
30
  md: string;
31
31
  };
32
32
  maxWidth: {
33
- md: "960px";
33
+ md: "860px";
34
+ };
35
+ padding: {
36
+ base: "inset.default";
37
+ lg: "inset.wide";
38
+ };
39
+ paddingEnd: {
40
+ lg: "inset.wide";
41
+ };
42
+ paddingStart: {
43
+ lg: "inset.wide";
34
44
  };
35
- paddingTop: string;
36
- paddingBottom: string;
37
- paddingEnd: string;
38
- paddingStart: string;
39
45
  a: {
40
46
  color: string;
41
47
  display: string;
@@ -662,10 +668,7 @@ declare const Hero: {
662
668
  maxWidth: {
663
669
  md: "960px";
664
670
  };
665
- padding: {
666
- base: "inset.default";
667
- md: "inset.wide";
668
- };
671
+ padding: string;
669
672
  width: {
670
673
  base: "100%";
671
674
  lg: "50%";
package/dist/src/theme/components/menu.d.ts CHANGED
@@ -28,40 +28,41 @@ declare const Menu: {
28
28
  };
29
29
  };
30
30
  actionItem: {
31
- outline: string;
32
- textColor: string;
33
- paddingY: string;
34
- paddingX: string;
35
31
  fontSize: string;
36
32
  fontWeight: string;
33
+ lineHeight: string;
34
+ outline: string;
35
+ paddingX: string;
36
+ paddingY: string;
37
+ textColor: string;
37
38
  _hover: {
38
- fontWeight: number;
39
39
  bg: string;
40
+ fontWeight: string;
40
41
  };
41
42
  _focus: {
42
- fontWeight: number;
43
43
  bg: string;
44
+ fontWeight: string;
44
45
  };
45
46
  _dark: {
46
- textColor: string;
47
47
  bg: string;
48
+ textColor: string;
48
49
  "> div > svg": {
49
50
  fill: string;
50
51
  };
51
52
  _hover: {
52
- textColor: string;
53
- fontWeight: number;
54
53
  bg: string;
54
+ fontWeight: string;
55
+ textColor: string;
55
56
  };
56
57
  _focus: {
57
- textColor: string;
58
- fontWeight: number;
59
58
  bg: string;
59
+ fontWeight: string;
60
+ textColor: string;
60
61
  };
61
62
  };
62
63
  };
63
64
  selected: {
64
- fontWeight: number;
65
+ fontWeight: string;
65
66
  borderLeftColor: string | {
66
67
  primary: string;
67
68
  secondary: string;
@@ -76,12 +77,12 @@ declare const Menu: {
76
77
  textColor: string;
77
78
  _hover: {
78
79
  textColor: string;
79
- fontWeight: number;
80
+ fontWeight: string;
80
81
  background: string;
81
82
  };
82
83
  _focus: {
83
84
  textColor: string;
84
- fontWeight: number;
85
+ fontWeight: string;
85
86
  bg: string;
86
87
  };
87
88
  background: string;
package/dist/src/theme/components/statusBadge.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const recommendation: {
45
45
  };
46
46
  };
47
47
  declare const StatusBadge: {
48
- baseStyle?: {
48
+ baseStyle?: ({ labelFontSize }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
49
49
  alignItems: string;
50
50
  bgColor: string;
51
51
  borderLeft: string;
@@ -53,7 +53,7 @@ declare const StatusBadge: {
53
53
  borderRadius: string;
54
54
  color: string;
55
55
  display: string;
56
- fontSize: string;
56
+ fontSize: any;
57
57
  fontWeight: string;
58
58
  py: string;
59
59
  paddingInlineEnd: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "3.5.3",
3
+ "version": "3.5.4",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",