@nypl/design-system-react-components 3.1.3 → 3.1.5-rc

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 (18) hide show
  1. package/dist/design-system-react-components.cjs +56 -58
  2. package/dist/design-system-react-components.js +14021 -14022
  3. package/dist/src/components/Button/Button.d.ts +1 -1
  4. package/dist/src/components/Icons/IconSvgs.d.ts +74 -223
  5. package/dist/src/components/List/List.d.ts +2 -0
  6. package/dist/src/components/Logo/LogoSvgs.d.ts +54 -163
  7. package/dist/src/components/MultiSelect/MultiSelect.d.ts +12 -10
  8. package/dist/src/components/MultiSelect/MultiSelectItemsCountButton.d.ts +2 -2
  9. package/dist/src/components/SearchBar/SearchBar.d.ts +2 -1
  10. package/dist/src/components/StructuredContent/StructuredContent.d.ts +1 -1
  11. package/dist/src/components/TextInput/TextInput.d.ts +1 -1
  12. package/dist/src/index.d.ts +1 -1
  13. package/dist/src/theme/components/checkbox.d.ts +2 -0
  14. package/dist/src/theme/components/list.d.ts +3 -3
  15. package/dist/src/theme/components/multiSelectItemsCountButton.d.ts +3 -0
  16. package/dist/src/theme/components/structuredContent.d.ts +5 -5
  17. package/dist/styles.css +1 -1
  18. package/package.json +21 -21
package/dist/src/components/Button/Button.d.ts CHANGED
@@ -7,7 +7,7 @@ export type ButtonElementType = typeof buttonElementTypeArray[number];
7
7
  export type ButtonSizes = typeof buttonSizesArray[number];
8
8
  export type ButtonTypes = typeof buttonTypesArray[number];
9
9
  interface ButtonProps {
10
- /** The button variation to render based on the `ButtonTypes` type.*/
10
+ /** The button variation to render based on the `ButtonTypes` type. */
11
11
  buttonType?: ButtonTypes;
12
12
  /** Additional className to use. */
13
13
  className?: string;
package/dist/src/components/Icons/IconSvgs.d.ts CHANGED
@@ -1,226 +1,77 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
- accessibilityFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
4
- title?: string;
5
- }>;
6
- accessibilityPartial: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
7
- title?: string;
8
- }>;
9
- actionCheckCircle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
10
- title?: string;
11
- }>;
12
- actionCheckCircleFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
13
- title?: string;
14
- }>;
15
- actionDelete: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
16
- title?: string;
17
- }>;
18
- actionExit: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
19
- title?: string;
20
- }>;
21
- actionHelpDefault: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
22
- title?: string;
23
- }>;
24
- actionHelpOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
25
- title?: string;
26
- }>;
27
- actionHome: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
28
- title?: string;
29
- }>;
30
- actionIdentity: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
31
- title?: string;
32
- }>;
33
- actionIdentityFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
34
- title?: string;
35
- }>;
36
- actionLaunch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
37
- title?: string;
38
- }>;
39
- actionLightbulb: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
40
- title?: string;
41
- }>;
42
- actionLockClosed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
43
- title?: string;
44
- }>;
45
- actionPayment: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
46
- title?: string;
47
- }>;
48
- actionPower: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
49
- title?: string;
50
- }>;
51
- actionRegistration: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
52
- title?: string;
53
- }>;
54
- actionSearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
55
- title?: string;
56
- }>;
57
- actionSettings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
58
- title?: string;
59
- }>;
60
- alertNotificationImportant: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
61
- title?: string;
62
- }>;
63
- alertWarningFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
64
- title?: string;
65
- }>;
66
- alertWarningOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
67
- title?: string;
68
- }>;
69
- arrow: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
70
- title?: string;
71
- }>;
72
- building: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
73
- title?: string;
74
- }>;
75
- check: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
76
- title?: string;
77
- }>;
78
- clock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
79
- title?: string;
80
- }>;
81
- close: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
82
- title?: string;
83
- }>;
84
- communicationCall: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
85
- title?: string;
86
- }>;
87
- communicationChatBubble: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
88
- title?: string;
89
- }>;
90
- communicationEmail: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
91
- title?: string;
92
- }>;
93
- decorativeEnvelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
94
- title?: string;
95
- }>;
96
- decorativeLibraryCard: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
97
- title?: string;
98
- }>;
99
- decorativeShoppingBag: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
100
- title?: string;
101
- }>;
102
- download: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
103
- title?: string;
104
- }>;
105
- editorMode: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
106
- title?: string;
107
- }>;
108
- errorFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
109
- title?: string;
110
- }>;
111
- errorOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
112
- title?: string;
113
- }>;
114
- fileTypeAudio: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
115
- title?: string;
116
- }>;
117
- fileTypeDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
118
- title?: string;
119
- }>;
120
- fileTypeGenericDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
121
- title?: string;
122
- }>;
123
- fileTypeImage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
124
- title?: string;
125
- }>;
126
- fileTypePdf: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
127
- title?: string;
128
- }>;
129
- fileTypeSpreadsheet: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
130
- title?: string;
131
- }>;
132
- fileTypeVideo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
133
- title?: string;
134
- }>;
135
- headset: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
136
- title?: string;
137
- }>;
138
- legacyAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
139
- title?: string;
140
- }>;
141
- legacyAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
142
- title?: string;
143
- }>;
144
- legacySocialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
145
- title?: string;
146
- }>;
147
- legacySocialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
148
- title?: string;
149
- }>;
150
- legacySocialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
151
- title?: string;
152
- }>;
153
- legacySocialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
154
- title?: string;
155
- }>;
156
- locator: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
157
- title?: string;
158
- }>;
159
- mapsPlace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
160
- title?: string;
161
- }>;
162
- minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
163
- title?: string;
164
- }>;
165
- moonCrescent: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
166
- title?: string;
167
- }>;
168
- navigationMoreVert: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
169
- title?: string;
170
- }>;
171
- plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
172
- title?: string;
173
- }>;
174
- search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
175
- title?: string;
176
- }>;
177
- socialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
178
- title?: string;
179
- }>;
180
- socialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
181
- title?: string;
182
- }>;
183
- socialPinterest: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
184
- title?: string;
185
- }>;
186
- socialSoundCloud: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
187
- title?: string;
188
- }>;
189
- socialSpotify: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
190
- title?: string;
191
- }>;
192
- socialTikTok: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
193
- title?: string;
194
- }>;
195
- socialTumblr: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
196
- title?: string;
197
- }>;
198
- socialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
199
- title?: string;
200
- }>;
201
- socialVimeo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
202
- title?: string;
203
- }>;
204
- socialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
205
- title?: string;
206
- }>;
207
- speakerNotes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
208
- title?: string;
209
- }>;
210
- sunFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
211
- title?: string;
212
- }>;
213
- utilityAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
214
- title?: string;
215
- }>;
216
- utilityAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
217
- title?: string;
218
- }>;
219
- utilityHamburger: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
220
- title?: string;
221
- }>;
222
- utilitySearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
223
- title?: string;
224
- }>;
2
+ accessibilityFull: any;
3
+ accessibilityPartial: any;
4
+ actionCheckCircle: any;
5
+ actionCheckCircleFilled: any;
6
+ actionDelete: any;
7
+ actionExit: any;
8
+ actionHelpDefault: any;
9
+ actionHelpOutline: any;
10
+ actionHome: any;
11
+ actionIdentity: any;
12
+ actionIdentityFilled: any;
13
+ actionLaunch: any;
14
+ actionLightbulb: any;
15
+ actionLockClosed: any;
16
+ actionPayment: any;
17
+ actionPower: any;
18
+ actionRegistration: any;
19
+ actionSearch: any;
20
+ actionSettings: any;
21
+ alertNotificationImportant: any;
22
+ alertWarningFilled: any;
23
+ alertWarningOutline: any;
24
+ arrow: any;
25
+ building: any;
26
+ check: any;
27
+ clock: any;
28
+ close: any;
29
+ communicationCall: any;
30
+ communicationChatBubble: any;
31
+ communicationEmail: any;
32
+ decorativeEnvelope: any;
33
+ decorativeLibraryCard: any;
34
+ decorativeShoppingBag: any;
35
+ download: any;
36
+ editorMode: any;
37
+ errorFilled: any;
38
+ errorOutline: any;
39
+ fileTypeAudio: any;
40
+ fileTypeDoc: any;
41
+ fileTypeGenericDoc: any;
42
+ fileTypeImage: any;
43
+ fileTypePdf: any;
44
+ fileTypeSpreadsheet: any;
45
+ fileTypeVideo: any;
46
+ headset: any;
47
+ legacyAccountFilled: any;
48
+ legacyAccountUnfilled: any;
49
+ legacySocialFacebook: any;
50
+ legacySocialInstagram: any;
51
+ legacySocialTwitter: any;
52
+ legacySocialYoutube: any;
53
+ locator: any;
54
+ mapsPlace: any;
55
+ minus: any;
56
+ moonCrescent: any;
57
+ navigationMoreVert: any;
58
+ plus: any;
59
+ search: any;
60
+ socialFacebook: any;
61
+ socialInstagram: any;
62
+ socialPinterest: any;
63
+ socialSoundCloud: any;
64
+ socialSpotify: any;
65
+ socialTikTok: any;
66
+ socialTumblr: any;
67
+ socialTwitter: any;
68
+ socialVimeo: any;
69
+ socialYoutube: any;
70
+ speakerNotes: any;
71
+ sunFull: any;
72
+ utilityAccountFilled: any;
73
+ utilityAccountUnfilled: any;
74
+ utilityHamburger: any;
75
+ utilitySearch: any;
225
76
  };
226
77
  export default _default;
package/dist/src/components/List/List.d.ts CHANGED
@@ -22,6 +22,8 @@ export interface ListProps {
22
22
  listItems?: (string | JSX.Element | DescriptionProps)[];
23
23
  /** Remove list styling. */
24
24
  noStyling?: boolean;
25
+ /** Show dividers between rows for the description list variant. */
26
+ showRowDividers?: boolean;
25
27
  /** Optional string value used to set the text for a `Heading` component, or
26
28
  * a DS Heading component that can be passed in. This title only applies to
27
29
  * to Description Lists and will render above the list. */
package/dist/src/components/Logo/LogoSvgs.d.ts CHANGED
@@ -1,166 +1,57 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
- appleAppStoreBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
4
- title?: string;
5
- }>;
6
- appleAppStoreWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
7
- title?: string;
8
- }>;
9
- bplBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
10
- title?: string;
11
- }>;
12
- bplWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
13
- title?: string;
14
- }>;
15
- cleverBadgeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
16
- title?: string;
17
- }>;
18
- cleverColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
19
- title?: string;
20
- }>;
21
- cleverWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
22
- title?: string;
23
- }>;
24
- digitalCollectionsBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
25
- title?: string;
26
- }>;
27
- digitalCollectionsWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
28
- title?: string;
29
- }>;
30
- firstbookColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
31
- title?: string;
32
- }>;
33
- firstbookColorNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
34
- title?: string;
35
- }>;
36
- googlePlayBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
37
- title?: string;
38
- }>;
39
- lpaBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
40
- title?: string;
41
- }>;
42
- lpaColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
43
- title?: string;
44
- }>;
45
- lpaWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
46
- title?: string;
47
- }>;
48
- mlnBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
49
- title?: string;
50
- }>;
51
- mlnColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
52
- title?: string;
53
- }>;
54
- mlnWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
55
- title?: string;
56
- }>;
57
- nycdoeBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
58
- title?: string;
59
- }>;
60
- nycdoeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
61
- title?: string;
62
- }>;
63
- nycdoeWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
64
- title?: string;
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
- }>;
75
- nyplFullBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
76
- title?: string;
77
- }>;
78
- nyplFullWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
79
- title?: string;
80
- }>;
81
- nyplLionBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
82
- title?: string;
83
- }>;
84
- nyplLionWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
85
- title?: string;
86
- }>;
87
- nyplTextBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
88
- title?: string;
89
- }>;
90
- nyplTextWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
91
- title?: string;
92
- }>;
93
- openebooksColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
94
- title?: string;
95
- }>;
96
- openebooksNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
97
- title?: string;
98
- }>;
99
- openebooksWithTextColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
100
- title?: string;
101
- }>;
102
- openebooksWithTextNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
103
- title?: string;
104
- }>;
105
- qplAltBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
106
- title?: string;
107
- }>;
108
- qplAltWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
109
- title?: string;
110
- }>;
111
- qplBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
112
- title?: string;
113
- }>;
114
- qplColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
115
- title?: string;
116
- }>;
117
- qplWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
118
- title?: string;
119
- }>;
120
- reservoirIconColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
121
- title?: string;
122
- }>;
123
- reservoirVerticalColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
124
- title?: string;
125
- }>;
126
- schomburgBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
127
- title?: string;
128
- }>;
129
- schomburgCircleBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
130
- title?: string;
131
- }>;
132
- schomburgCircleColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
133
- title?: string;
134
- }>;
135
- schomburgCircleWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
136
- title?: string;
137
- }>;
138
- schomburgColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
139
- title?: string;
140
- }>;
141
- schomburgWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
142
- title?: string;
143
- }>;
144
- simplyeBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
145
- title?: string;
146
- }>;
147
- simplyeWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
148
- title?: string;
149
- }>;
150
- simplyeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
151
- title?: string;
152
- }>;
153
- snflBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
154
- title?: string;
155
- }>;
156
- snflWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
157
- title?: string;
158
- }>;
159
- treasuresColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
160
- title?: string;
161
- }>;
162
- treasuresColorNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
163
- title?: string;
164
- }>;
2
+ appleAppStoreBlack: any;
3
+ appleAppStoreWhite: any;
4
+ bplBlack: any;
5
+ bplWhite: any;
6
+ cleverBadgeColor: any;
7
+ cleverColor: any;
8
+ cleverWhite: any;
9
+ digitalCollectionsBlack: any;
10
+ digitalCollectionsWhite: any;
11
+ firstbookColor: any;
12
+ firstbookColorNegative: any;
13
+ googlePlayBlack: any;
14
+ lpaBlack: any;
15
+ lpaColor: any;
16
+ lpaWhite: any;
17
+ mlnBlack: any;
18
+ mlnColor: any;
19
+ mlnWhite: any;
20
+ nycdoeBlack: any;
21
+ nycdoeColor: any;
22
+ nycdoeWhite: any;
23
+ nycpsBlack: any;
24
+ nycpsColor: any;
25
+ nycpsWhite: any;
26
+ nyplFullBlack: any;
27
+ nyplFullWhite: any;
28
+ nyplLionBlack: any;
29
+ nyplLionWhite: any;
30
+ nyplTextBlack: any;
31
+ nyplTextWhite: any;
32
+ openebooksColor: any;
33
+ openebooksNegative: any;
34
+ openebooksWithTextColor: any;
35
+ openebooksWithTextNegative: any;
36
+ qplAltBlack: any;
37
+ qplAltWhite: any;
38
+ qplBlack: any;
39
+ qplColor: any;
40
+ qplWhite: any;
41
+ reservoirIconColor: any;
42
+ reservoirVerticalColor: any;
43
+ schomburgBlack: any;
44
+ schomburgCircleBlack: any;
45
+ schomburgCircleColor: any;
46
+ schomburgCircleWhite: any;
47
+ schomburgColor: any;
48
+ schomburgWhite: any;
49
+ simplyeBlack: any;
50
+ simplyeWhite: any;
51
+ simplyeColor: any;
52
+ snflBlack: any;
53
+ snflWhite: any;
54
+ treasuresColor: any;
55
+ treasuresColorNegative: any;
165
56
  };
166
57
  export default _default;
package/dist/src/components/MultiSelect/MultiSelect.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from "react";
2
1
  import { ChakraComponent } from "@chakra-ui/react";
2
+ import React from "react";
3
3
  export interface MultiSelectItem {
4
4
  id: string;
5
5
  name: string;
@@ -18,7 +18,8 @@ export interface SelectedItems {
18
18
  export interface MultiSelectProps {
19
19
  /** The button text rendered within the MultiSelect. */
20
20
  buttonText: string;
21
- /** The number of items that will be visible in the list when the component first loads. */
21
+ /** The number of items that will be visible in the list when the component
22
+ * first loads. */
22
23
  defaultItemsVisible?: number;
23
24
  /** The action to perform for the clear/reset button of individual MultiSelects. */
24
25
  onClear?: () => void;
@@ -28,9 +29,8 @@ export interface MultiSelectProps {
28
29
  onMixedStateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
29
30
  /** An ID string that other components can cross reference for accessibility purposes. */
30
31
  id: string;
31
- /** Boolean value used to control how the MultiSelect component will render within the page
32
- * and interact with other DOM elements.
33
- * The default value is false. */
32
+ /** Boolean value used to control how the MultiSelect component will render
33
+ * within the page and interact with other DOM elements. The default value is false. */
34
34
  isBlockElement?: boolean;
35
35
  /** Set the default open or closed state of the Multiselect. */
36
36
  isDefaultOpen?: boolean;
@@ -39,7 +39,8 @@ export interface MultiSelectProps {
39
39
  isSearchable?: boolean;
40
40
  /** The items to be rendered in the Multiselect as checkbox options. */
41
41
  items: MultiSelectItem[];
42
- /** listOverflow is a property indicating how the list should handle overflow, with options limited to either "scroll" or "expand." */
42
+ /** listOverflow is a property indicating how the list should handle overflow,
43
+ * with options limited to either "scroll" or "expand." */
43
44
  listOverflow?: MultiSelectListOverflowTypes;
44
45
  /** The selected items state (items that were checked by user). */
45
46
  selectedItems: SelectedItems;
@@ -47,9 +48,10 @@ export interface MultiSelectProps {
47
48
  width?: MultiSelectWidths;
48
49
  }
49
50
  /**
50
- The MultiSelect component is a customizable form input that supports multiple configurations,
51
- including search functionality, checkbox options, and hierarchical structure,
52
- with a parent checkbox toggling all children and dynamic styling through Chakra UI.
53
- */
51
+ * The MultiSelect component is a customizable form input that supports multiple
52
+ * configurations, including search functionality, checkbox options, and
53
+ * hierarchical structure, with a parent checkbox toggling all children and
54
+ * dynamic styling through Chakra UI.
55
+ */
54
56
  export declare const MultiSelect: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<MultiSelectProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<MultiSelectProps>>;
55
57
  export default MultiSelect;
package/dist/src/components/MultiSelect/MultiSelectItemsCountButton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ /// <reference types="react" />
2
2
  export interface MultiSelectItemsCountButtonProps {
3
3
  /** An ID string that other components can cross reference for accessibility purposes. */
4
4
  id: string;
@@ -28,5 +28,5 @@ export interface MultiSelectItemsCountButtonProps {
28
28
  * the selected items and the main button's close event will not be fired
29
29
  * (as expected).
30
30
  */
31
- declare const MultiSelectItemsCountButton: React.ForwardRefExoticComponent<MultiSelectItemsCountButtonProps & React.RefAttributes<HTMLButtonElement>>;
31
+ declare const MultiSelectItemsCountButton: import("react").ForwardRefExoticComponent<MultiSelectItemsCountButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
32
32
  export default MultiSelectItemsCountButton;
package/dist/src/components/SearchBar/SearchBar.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ChakraComponent } from "@chakra-ui/react";
1
2
  import React from "react";
2
3
  import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
3
4
  import { SelectProps as InitialSelectProps } from "../Select/Select";
@@ -56,5 +57,5 @@ export interface SearchBarProps {
56
57
  * Renders a wrapper `form` element to be used with `Select` (optional),
57
58
  * `Input`, and `Button` components together.
58
59
  */
59
- export declare const SearchBar: React.FC<any>;
60
+ export declare const SearchBar: ChakraComponent<React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLDivElement>>, SearchBarProps>;
60
61
  export default SearchBar;
package/dist/src/components/StructuredContent/StructuredContent.d.ts CHANGED
@@ -27,5 +27,5 @@ export interface StructuredContentProps {
27
27
  * The `StructuredContent` component that displays a heading, callout content,
28
28
  * an image, and body content. All are optional except for body content.
29
29
  */
30
- declare const StructuredContent: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StructuredContentProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StructuredContentProps>>;
30
+ export declare const StructuredContent: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StructuredContentProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StructuredContentProps>>;
31
31
  export default StructuredContent;
package/dist/src/components/TextInput/TextInput.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const TextInputFormats: {
15
15
  url: string;
16
16
  };
17
17
  export type TextInputVariants = "default" | "searchBar" | "searchBarSelect";
18
- export interface InputProps {
18
+ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
19
19
  /** FOR INTERNAL DS USE ONLY: Adds an aria-label or appends to an existing aria-label for screen readers.*/
20
20
  additionalAriaLabel?: string;
21
21
  /** FOR INTERNAL DS USE ONLY: additional helper text id(s) to be used for the input's `aria-describedby` value.
package/dist/src/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Box, Center, Circle, ColorModeScript, cookieStorageManager, cookieStorageManagerSSR, FocusLock, Flex, Grid, GridItem, HStack, localStorageManager, Spacer, Square, Stack, useColorMode, useColorModeValue, useStyleConfig, useMultiStyleConfig, VStack, } from "@chakra-ui/react";
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
3
  export type { AccordionTypes } from "./components/Accordion/Accordion";
4
4
  export { default as AlphabetFilter } from "./components/AlphabetFilter/AlphabetFilter";