@nypl/design-system-react-components 1.5.1 → 1.6.0-vite-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 (201) hide show
  1. package/README.md +39 -39
  2. package/dist/design-system-react-components.cjs +279 -0
  3. package/dist/design-system-react-components.js +42759 -0
  4. package/dist/{components → src/components}/Accordion/Accordion.d.ts +29 -29
  5. package/dist/{components → src/components}/AlphabetFilter/AlphabetFilter.d.ts +23 -23
  6. package/dist/{components → src/components}/AudioPlayer/AudioPlayer.d.ts +43 -43
  7. package/dist/{components → src/components}/Breadcrumbs/Breadcrumbs.d.ts +18 -18
  8. package/dist/{components → src/components}/Button/Button.d.ts +30 -30
  9. package/dist/{components → src/components}/ButtonGroup/ButtonGroup.d.ts +24 -24
  10. package/dist/{components → src/components}/Card/Card.d.ts +55 -55
  11. package/dist/{components → src/components}/Checkbox/Checkbox.d.ts +47 -47
  12. package/dist/{components → src/components}/CheckboxGroup/CheckboxGroup.d.ts +51 -51
  13. package/dist/{components → src/components}/ComponentWrapper/ComponentWrapper.d.ts +31 -31
  14. package/dist/{components → src/components}/DatePicker/DatePicker.d.ts +81 -81
  15. package/dist/{components → src/components}/FeedbackBox/FeedbackBox.d.ts +63 -63
  16. package/dist/{components → src/components}/FeedbackBox/useFeedbackBoxReducer.d.ts +19 -19
  17. package/dist/{components → src/components}/Fieldset/Fieldset.d.ts +24 -24
  18. package/dist/{components → src/components}/FilterBar/FilterBar.d.ts +61 -111
  19. package/dist/{components → src/components}/Footer/Footer.d.ts +14 -14
  20. package/dist/{components → src/components}/Footer/footerLinks.d.ts +12 -12
  21. package/dist/{components → src/components}/Form/Form.d.ts +31 -31
  22. package/dist/{components → src/components}/Grid/SimpleGrid.d.ts +19 -19
  23. package/dist/{components → src/components}/Header/Header.d.ts +22 -22
  24. package/dist/{components → src/components}/Header/components/HeaderLogin.d.ts +12 -12
  25. package/dist/{components → src/components}/Header/components/HeaderLoginButton.d.ts +11 -11
  26. package/dist/{components → src/components}/Header/components/HeaderLowerNav.d.ts +7 -7
  27. package/dist/{components → src/components}/Header/components/HeaderMobileIconNav.d.ts +7 -7
  28. package/dist/{components → src/components}/Header/components/HeaderMobileNav.d.ts +7 -7
  29. package/dist/{components → src/components}/Header/components/HeaderMobileNavButton.d.ts +7 -7
  30. package/dist/{components → src/components}/Header/components/HeaderSearchButton.d.ts +10 -10
  31. package/dist/{components → src/components}/Header/components/HeaderSearchForm.d.ts +11 -11
  32. package/dist/{components → src/components}/Header/components/HeaderSitewideAlerts.d.ts +8 -8
  33. package/dist/{components → src/components}/Header/components/HeaderUpperNav.d.ts +8 -8
  34. package/dist/{components → src/components}/Header/context/headerContext.d.ts +13 -13
  35. package/dist/{components → src/components}/Header/utils/googleAnalyticsUtils.d.ts +16 -16
  36. package/dist/{components → src/components}/Header/utils/headerUtils.d.ts +94 -94
  37. package/dist/{components → src/components}/Heading/Heading.d.ts +35 -35
  38. package/dist/{components → src/components}/HelperErrorText/HelperErrorText.d.ts +34 -34
  39. package/dist/{components → src/components}/Hero/Hero.d.ts +42 -42
  40. package/dist/{components → src/components}/HorizontalRule/HorizontalRule.d.ts +11 -11
  41. package/dist/{components → src/components}/Icons/Icon.d.ts +41 -41
  42. package/dist/{components → src/components}/Icons/IconColors.d.ts +3 -3
  43. package/dist/{components → src/components}/Icons/IconNames.d.ts +3 -3
  44. package/dist/{components → src/components}/Icons/IconSvgs.d.ts +56 -56
  45. package/dist/{components → src/components}/Image/Image.d.ts +65 -65
  46. package/dist/{components → src/components}/Label/Label.d.ts +25 -25
  47. package/dist/{components → src/components}/Link/Link.d.ts +21 -21
  48. package/dist/{components → src/components}/List/List.d.ts +42 -42
  49. package/dist/{components → src/components}/Logo/Logo.d.ts +28 -28
  50. package/dist/{components → src/components}/Logo/LogoSvgs.d.ts +54 -52
  51. package/dist/{components → src/components}/Modal/Modal.d.ts +35 -35
  52. package/dist/{components → src/components}/MultiSelect/MultiSelect.d.ts +60 -78
  53. package/dist/{components → src/components}/MultiSelect/MultiSelectDialog.d.ts +8 -8
  54. package/dist/{components → src/components}/MultiSelect/MultiSelectListbox.d.ts +9 -9
  55. package/dist/{components → src/components}/MultiSelect/MultiSelectMenuButton.d.ts +27 -27
  56. package/dist/{components → src/components}/MultiSelectGroup/MultiSelectGroup.d.ts +26 -26
  57. package/dist/{components → src/components}/Notification/Notification.d.ts +51 -51
  58. package/dist/{components → src/components}/Pagination/Pagination.d.ts +27 -27
  59. package/dist/{components → src/components}/ProgressIndicator/ProgressIndicator.d.ts +30 -30
  60. package/dist/{components → src/components}/Radio/Radio.d.ts +43 -43
  61. package/dist/{components → src/components}/RadioGroup/RadioGroup.d.ts +51 -51
  62. package/dist/{components → src/components}/SearchBar/SearchBar.d.ts +58 -58
  63. package/dist/{components → src/components}/Select/Select.d.ts +57 -57
  64. package/dist/{components → src/components}/SkeletonLoader/SkeletonLoader.d.ts +41 -41
  65. package/dist/{components → src/components}/SkipNavigation/SkipNavigation.d.ts +19 -19
  66. package/dist/{components → src/components}/Slider/Slider.d.ts +65 -65
  67. package/dist/{components → src/components}/StatusBadge/StatusBadge.d.ts +18 -18
  68. package/dist/{components → src/components}/StructuredContent/StructuredContent.d.ts +30 -30
  69. package/dist/{components → src/components}/StyleGuide/ColorCard.d.ts +46 -46
  70. package/dist/{components → src/components}/StyledList/StyledList.d.ts +25 -25
  71. package/dist/{components → src/components}/Table/Table.d.ts +32 -32
  72. package/dist/{components → src/components}/Tabs/Tabs.d.ts +28 -28
  73. package/dist/{components → src/components}/TagSet/TagSet.d.ts +33 -32
  74. package/dist/{components → src/components}/TagSet/TagSetExplore.d.ts +27 -27
  75. package/dist/{components → src/components}/TagSet/TagSetFilter.d.ts +26 -26
  76. package/dist/{components → src/components}/Template/Template.d.ts +140 -140
  77. package/dist/{components → src/components}/Text/Text.d.ts +24 -24
  78. package/dist/{components → src/components}/TextInput/TextInput.d.ts +88 -88
  79. package/dist/{components → src/components}/Toggle/Toggle.d.ts +42 -42
  80. package/dist/{components → src/components}/Tooltip/Tooltip.d.ts +17 -17
  81. package/dist/{components → src/components}/VideoPlayer/VideoPlayer.d.ts +40 -40
  82. package/dist/src/helpers/types.d.ts +1 -0
  83. package/dist/{hooks → src/hooks}/useCarouselStyles.d.ts +17 -17
  84. package/dist/{hooks → src/hooks}/useCloseDropDown.d.ts +7 -6
  85. package/dist/{hooks → src/hooks}/useFilterBar.d.ts +21 -21
  86. package/dist/{hooks → src/hooks}/useMultiSelect.d.ts +15 -15
  87. package/dist/{hooks → src/hooks}/useNYPLBreakpoints.d.ts +13 -13
  88. package/dist/{hooks → src/hooks}/useNYPLTheme.d.ts +67 -67
  89. package/dist/{hooks → src/hooks}/useStateWithDependencies.d.ts +5 -5
  90. package/dist/{hooks → src/hooks}/useWindowSize.d.ts +10 -10
  91. package/dist/src/index.d.ts +90 -0
  92. package/dist/{theme → src/theme}/components/accordion.d.ts +34 -34
  93. package/dist/{theme → src/theme}/components/alphabetFilter.d.ts +33 -33
  94. package/dist/{theme → src/theme}/components/audioPlayer.d.ts +16 -16
  95. package/dist/{theme → src/theme}/components/breadcrumb.d.ts +151 -138
  96. package/dist/{theme → src/theme}/components/button.d.ts +113 -113
  97. package/dist/{theme → src/theme}/components/buttonGroup.d.ts +11 -11
  98. package/dist/{theme → src/theme}/components/card.d.ts +421 -421
  99. package/dist/{theme → src/theme}/components/checkbox.d.ts +178 -178
  100. package/dist/{theme → src/theme}/components/checkboxGroup.d.ts +14 -14
  101. package/dist/{theme → src/theme}/components/componentWrapper.d.ts +12 -12
  102. package/dist/{theme → src/theme}/components/customTable.d.ts +733 -733
  103. package/dist/{theme → src/theme}/components/datePicker.d.ts +17 -17
  104. package/dist/{theme → src/theme}/components/feedbackBox.d.ts +92 -85
  105. package/dist/{theme → src/theme}/components/fieldset.d.ts +23 -23
  106. package/dist/{theme → src/theme}/components/filterBar.d.ts +46 -46
  107. package/dist/{theme → src/theme}/components/footer.d.ts +244 -241
  108. package/dist/{theme → src/theme}/components/global.d.ts +140 -140
  109. package/dist/{theme → src/theme}/components/globalMixins.d.ts +40 -40
  110. package/dist/{theme → src/theme}/components/header/header.d.ts +72 -72
  111. package/dist/{theme → src/theme}/components/header/headerLogin.d.ts +327 -327
  112. package/dist/{theme → src/theme}/components/header/headerLoginButton.d.ts +69 -69
  113. package/dist/{theme → src/theme}/components/header/headerLowerNav.d.ts +70 -70
  114. package/dist/{theme → src/theme}/components/header/headerMobileIconNav.d.ts +28 -28
  115. package/dist/{theme → src/theme}/components/header/headerMobileNav.d.ts +86 -86
  116. package/dist/{theme → src/theme}/components/header/headerMobileNavButton.d.ts +34 -34
  117. package/dist/{theme → src/theme}/components/header/headerSearchButton.d.ts +83 -83
  118. package/dist/{theme → src/theme}/components/header/headerSearchForm.d.ts +183 -183
  119. package/dist/{theme → src/theme}/components/header/headerSitewideAlerts.d.ts +42 -42
  120. package/dist/{theme → src/theme}/components/header/headerUpperNav.d.ts +72 -72
  121. package/dist/{theme → src/theme}/components/heading.d.ts +173 -173
  122. package/dist/{theme → src/theme}/components/helperErrorText.d.ts +15 -15
  123. package/dist/{theme → src/theme}/components/hero.d.ts +628 -628
  124. package/dist/{theme → src/theme}/components/horizontalRule.d.ts +18 -18
  125. package/dist/{theme → src/theme}/components/icon.d.ts +62251 -62251
  126. package/dist/{theme → src/theme}/components/image.d.ts +662 -662
  127. package/dist/{theme → src/theme}/components/label.d.ts +21 -21
  128. package/dist/{theme → src/theme}/components/link.d.ts +106 -106
  129. package/dist/{theme → src/theme}/components/list.d.ts +228 -228
  130. package/dist/{theme → src/theme}/components/logo.d.ts +477 -477
  131. package/dist/{theme → src/theme}/components/modal.d.ts +21 -21
  132. package/dist/{theme → src/theme}/components/multiSelect.d.ts +29 -29
  133. package/dist/{theme → src/theme}/components/multiSelectMenuButton.d.ts +95 -95
  134. package/dist/{theme → src/theme}/components/notification.d.ts +136 -136
  135. package/dist/{theme → src/theme}/components/pagination.d.ts +16 -16
  136. package/dist/{theme → src/theme}/components/progressIndicator.d.ts +68 -68
  137. package/dist/{theme → src/theme}/components/radio.d.ts +202 -202
  138. package/dist/{theme → src/theme}/components/radioGroup.d.ts +14 -14
  139. package/dist/{theme → src/theme}/components/searchBar.d.ts +34 -34
  140. package/dist/{theme → src/theme}/components/select.d.ts +125 -125
  141. package/dist/{theme → src/theme}/components/skeletonLoader.d.ts +105 -105
  142. package/dist/{theme → src/theme}/components/skipNavigation.d.ts +28 -28
  143. package/dist/{theme → src/theme}/components/slider.d.ts +78 -78
  144. package/dist/{theme → src/theme}/components/statusBadge.d.ts +37 -37
  145. package/dist/{theme → src/theme}/components/structuredContent.d.ts +385 -385
  146. package/dist/{theme → src/theme}/components/styledList.d.ts +51 -51
  147. package/dist/{theme → src/theme}/components/tabs.d.ts +172 -172
  148. package/dist/{theme → src/theme}/components/tagSet.d.ts +154 -154
  149. package/dist/{theme → src/theme}/components/template.d.ts +86 -86
  150. package/dist/{theme → src/theme}/components/text.d.ts +30 -30
  151. package/dist/{theme → src/theme}/components/textInput.d.ts +349 -349
  152. package/dist/{theme → src/theme}/components/toggle.d.ts +129 -129
  153. package/dist/{theme → src/theme}/components/tooltip.d.ts +19 -19
  154. package/dist/{theme → src/theme}/components/videoPlayer.d.ts +47 -47
  155. package/dist/{theme → src/theme}/foundations/breakpoints.d.ts +23 -23
  156. package/dist/{theme → src/theme}/foundations/colors.d.ts +3 -3
  157. package/dist/{theme → src/theme}/foundations/global.d.ts +68 -68
  158. package/dist/{theme → src/theme}/foundations/radii.d.ts +11 -11
  159. package/dist/{theme → src/theme}/foundations/shadows.d.ts +4 -4
  160. package/dist/{theme → src/theme}/foundations/spacing.d.ts +96 -96
  161. package/dist/{theme → src/theme}/foundations/typography.d.ts +8 -8
  162. package/dist/{theme → src/theme}/index.d.ts +20 -20
  163. package/dist/{theme → src/theme}/provider.d.ts +4 -4
  164. package/dist/src/theme/types.d.ts +1 -0
  165. package/dist/{utils → src/utils}/interfaces.d.ts +5 -5
  166. package/dist/{utils → src/utils}/utils.d.ts +39 -39
  167. package/dist/style.css +1 -0
  168. package/package.json +52 -61
  169. package/CHANGELOG.md +0 -1861
  170. package/dist/__tests__/fileMock.d.ts +0 -4
  171. package/dist/__tests__/mediaMatchMock.d.ts +0 -79
  172. package/dist/__tests__/setup.d.ts +0 -2
  173. package/dist/__tests__/utils/utils.test.d.ts +0 -1
  174. package/dist/components/Autosuggest/Autosuggest.stories.d.ts +0 -4
  175. package/dist/components/FilterBar/FilterBar.stories.d.ts +0 -7
  176. package/dist/components/Header/utils/authApiMockResponse.d.ts +0 -49
  177. package/dist/components/Header/utils/encoreCatalogLogOutTimer.d.ts +0 -4
  178. package/dist/components/Header/utils/encoreCatalogLogOutTimer.test.d.ts +0 -1
  179. package/dist/components/Header/utils/googleAnalyticsUtils.test.d.ts +0 -1
  180. package/dist/components/Header/utils/headerUtils.test.d.ts +0 -1
  181. package/dist/components/Header/utils/sitewideAlertsMocks.d.ts +0 -98
  182. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -4
  183. package/dist/components/MultiSelectGroup/MultiSelectGroup.stories.d.ts +0 -4
  184. package/dist/components/Placeholder/Placeholder.d.ts +0 -10
  185. package/dist/design-system-react-components.cjs.development.js +0 -17917
  186. package/dist/design-system-react-components.cjs.development.js.map +0 -1
  187. package/dist/design-system-react-components.cjs.production.min.js +0 -2
  188. package/dist/design-system-react-components.cjs.production.min.js.map +0 -1
  189. package/dist/design-system-react-components.esm.js +0 -17716
  190. package/dist/design-system-react-components.esm.js.map +0 -1
  191. package/dist/helpers/types.d.ts +0 -1
  192. package/dist/hooks/__tests__/useCarouselStyles.test.d.ts +0 -1
  193. package/dist/hooks/__tests__/useFilterBar.test.d.ts +0 -1
  194. package/dist/hooks/__tests__/useMultiSelect.test.d.ts +0 -1
  195. package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts +0 -1
  196. package/dist/index.d.ts +0 -65
  197. package/dist/index.js +0 -8
  198. package/dist/resources.scss +0 -382
  199. package/dist/styles.css +0 -4
  200. package/dist/theme/types.d.ts +0 -1
  201. package/dist/utils/componentCategories.d.ts +0 -1
@@ -1,477 +1,477 @@
1
- interface LogoBaseStyle {
2
- size: keyof typeof size;
3
- }
4
- declare const size: {
5
- default: {
6
- maxWidth: string;
7
- };
8
- xxsmall: {
9
- maxWidth: string;
10
- };
11
- xsmall: {
12
- maxWidth: string;
13
- };
14
- small: {
15
- maxWidth: string;
16
- };
17
- medium: {
18
- maxWidth: string;
19
- };
20
- large: {
21
- maxWidth: string;
22
- };
23
- xlarge: {
24
- maxWidth: string;
25
- };
26
- xxlarge: {
27
- height: string;
28
- width: string;
29
- };
30
- xxxlarge: {
31
- height: string;
32
- width: string;
33
- };
34
- };
35
- declare const Logo: {
36
- baseStyle: (props: LogoBaseStyle) => {
37
- svg: {
38
- maxWidth: string;
39
- display: string;
40
- height: string;
41
- width: string;
42
- } | {
43
- maxWidth: string;
44
- display: string;
45
- height: string;
46
- width: string;
47
- } | {
48
- maxWidth: string;
49
- display: string;
50
- height: string;
51
- width: string;
52
- } | {
53
- maxWidth: string;
54
- display: string;
55
- height: string;
56
- width: string;
57
- } | {
58
- maxWidth: string;
59
- display: string;
60
- height: string;
61
- width: string;
62
- } | {
63
- maxWidth: string;
64
- display: string;
65
- height: string;
66
- width: string;
67
- } | {
68
- maxWidth: string;
69
- display: string;
70
- height: string;
71
- width: string;
72
- } | {
73
- height: string;
74
- width: string;
75
- display: string;
76
- } | {
77
- height: string;
78
- width: string;
79
- display: string;
80
- };
81
- maxWidth: string;
82
- display: string;
83
- height: string;
84
- width: string;
85
- } | {
86
- svg: {
87
- maxWidth: string;
88
- display: string;
89
- height: string;
90
- width: string;
91
- } | {
92
- maxWidth: string;
93
- display: string;
94
- height: string;
95
- width: string;
96
- } | {
97
- maxWidth: string;
98
- display: string;
99
- height: string;
100
- width: string;
101
- } | {
102
- maxWidth: string;
103
- display: string;
104
- height: string;
105
- width: string;
106
- } | {
107
- maxWidth: string;
108
- display: string;
109
- height: string;
110
- width: string;
111
- } | {
112
- maxWidth: string;
113
- display: string;
114
- height: string;
115
- width: string;
116
- } | {
117
- maxWidth: string;
118
- display: string;
119
- height: string;
120
- width: string;
121
- } | {
122
- height: string;
123
- width: string;
124
- display: string;
125
- } | {
126
- height: string;
127
- width: string;
128
- display: string;
129
- };
130
- maxWidth: string;
131
- display: string;
132
- height: string;
133
- width: string;
134
- } | {
135
- svg: {
136
- maxWidth: string;
137
- display: string;
138
- height: string;
139
- width: string;
140
- } | {
141
- maxWidth: string;
142
- display: string;
143
- height: string;
144
- width: string;
145
- } | {
146
- maxWidth: string;
147
- display: string;
148
- height: string;
149
- width: string;
150
- } | {
151
- maxWidth: string;
152
- display: string;
153
- height: string;
154
- width: string;
155
- } | {
156
- maxWidth: string;
157
- display: string;
158
- height: string;
159
- width: string;
160
- } | {
161
- maxWidth: string;
162
- display: string;
163
- height: string;
164
- width: string;
165
- } | {
166
- maxWidth: string;
167
- display: string;
168
- height: string;
169
- width: string;
170
- } | {
171
- height: string;
172
- width: string;
173
- display: string;
174
- } | {
175
- height: string;
176
- width: string;
177
- display: string;
178
- };
179
- maxWidth: string;
180
- display: string;
181
- height: string;
182
- width: string;
183
- } | {
184
- svg: {
185
- maxWidth: string;
186
- display: string;
187
- height: string;
188
- width: string;
189
- } | {
190
- maxWidth: string;
191
- display: string;
192
- height: string;
193
- width: string;
194
- } | {
195
- maxWidth: string;
196
- display: string;
197
- height: string;
198
- width: string;
199
- } | {
200
- maxWidth: string;
201
- display: string;
202
- height: string;
203
- width: string;
204
- } | {
205
- maxWidth: string;
206
- display: string;
207
- height: string;
208
- width: string;
209
- } | {
210
- maxWidth: string;
211
- display: string;
212
- height: string;
213
- width: string;
214
- } | {
215
- maxWidth: string;
216
- display: string;
217
- height: string;
218
- width: string;
219
- } | {
220
- height: string;
221
- width: string;
222
- display: string;
223
- } | {
224
- height: string;
225
- width: string;
226
- display: string;
227
- };
228
- maxWidth: string;
229
- display: string;
230
- height: string;
231
- width: string;
232
- } | {
233
- svg: {
234
- maxWidth: string;
235
- display: string;
236
- height: string;
237
- width: string;
238
- } | {
239
- maxWidth: string;
240
- display: string;
241
- height: string;
242
- width: string;
243
- } | {
244
- maxWidth: string;
245
- display: string;
246
- height: string;
247
- width: string;
248
- } | {
249
- maxWidth: string;
250
- display: string;
251
- height: string;
252
- width: string;
253
- } | {
254
- maxWidth: string;
255
- display: string;
256
- height: string;
257
- width: string;
258
- } | {
259
- maxWidth: string;
260
- display: string;
261
- height: string;
262
- width: string;
263
- } | {
264
- maxWidth: string;
265
- display: string;
266
- height: string;
267
- width: string;
268
- } | {
269
- height: string;
270
- width: string;
271
- display: string;
272
- } | {
273
- height: string;
274
- width: string;
275
- display: string;
276
- };
277
- maxWidth: string;
278
- display: string;
279
- height: string;
280
- width: string;
281
- } | {
282
- svg: {
283
- maxWidth: string;
284
- display: string;
285
- height: string;
286
- width: string;
287
- } | {
288
- maxWidth: string;
289
- display: string;
290
- height: string;
291
- width: string;
292
- } | {
293
- maxWidth: string;
294
- display: string;
295
- height: string;
296
- width: string;
297
- } | {
298
- maxWidth: string;
299
- display: string;
300
- height: string;
301
- width: string;
302
- } | {
303
- maxWidth: string;
304
- display: string;
305
- height: string;
306
- width: string;
307
- } | {
308
- maxWidth: string;
309
- display: string;
310
- height: string;
311
- width: string;
312
- } | {
313
- maxWidth: string;
314
- display: string;
315
- height: string;
316
- width: string;
317
- } | {
318
- height: string;
319
- width: string;
320
- display: string;
321
- } | {
322
- height: string;
323
- width: string;
324
- display: string;
325
- };
326
- maxWidth: string;
327
- display: string;
328
- height: string;
329
- width: string;
330
- } | {
331
- svg: {
332
- maxWidth: string;
333
- display: string;
334
- height: string;
335
- width: string;
336
- } | {
337
- maxWidth: string;
338
- display: string;
339
- height: string;
340
- width: string;
341
- } | {
342
- maxWidth: string;
343
- display: string;
344
- height: string;
345
- width: string;
346
- } | {
347
- maxWidth: string;
348
- display: string;
349
- height: string;
350
- width: string;
351
- } | {
352
- maxWidth: string;
353
- display: string;
354
- height: string;
355
- width: string;
356
- } | {
357
- maxWidth: string;
358
- display: string;
359
- height: string;
360
- width: string;
361
- } | {
362
- maxWidth: string;
363
- display: string;
364
- height: string;
365
- width: string;
366
- } | {
367
- height: string;
368
- width: string;
369
- display: string;
370
- } | {
371
- height: string;
372
- width: string;
373
- display: string;
374
- };
375
- maxWidth: string;
376
- display: string;
377
- height: string;
378
- width: string;
379
- } | {
380
- svg: {
381
- maxWidth: string;
382
- display: string;
383
- height: string;
384
- width: string;
385
- } | {
386
- maxWidth: string;
387
- display: string;
388
- height: string;
389
- width: string;
390
- } | {
391
- maxWidth: string;
392
- display: string;
393
- height: string;
394
- width: string;
395
- } | {
396
- maxWidth: string;
397
- display: string;
398
- height: string;
399
- width: string;
400
- } | {
401
- maxWidth: string;
402
- display: string;
403
- height: string;
404
- width: string;
405
- } | {
406
- maxWidth: string;
407
- display: string;
408
- height: string;
409
- width: string;
410
- } | {
411
- maxWidth: string;
412
- display: string;
413
- height: string;
414
- width: string;
415
- } | {
416
- height: string;
417
- width: string;
418
- display: string;
419
- } | {
420
- height: string;
421
- width: string;
422
- display: string;
423
- };
424
- height: string;
425
- width: string;
426
- display: string;
427
- } | {
428
- svg: {
429
- maxWidth: string;
430
- display: string;
431
- height: string;
432
- width: string;
433
- } | {
434
- maxWidth: string;
435
- display: string;
436
- height: string;
437
- width: string;
438
- } | {
439
- maxWidth: string;
440
- display: string;
441
- height: string;
442
- width: string;
443
- } | {
444
- maxWidth: string;
445
- display: string;
446
- height: string;
447
- width: string;
448
- } | {
449
- maxWidth: string;
450
- display: string;
451
- height: string;
452
- width: string;
453
- } | {
454
- maxWidth: string;
455
- display: string;
456
- height: string;
457
- width: string;
458
- } | {
459
- maxWidth: string;
460
- display: string;
461
- height: string;
462
- width: string;
463
- } | {
464
- height: string;
465
- width: string;
466
- display: string;
467
- } | {
468
- height: string;
469
- width: string;
470
- display: string;
471
- };
472
- height: string;
473
- width: string;
474
- display: string;
475
- };
476
- };
477
- export default Logo;
1
+ interface LogoBaseStyle {
2
+ size: keyof typeof size;
3
+ }
4
+ declare const size: {
5
+ default: {
6
+ maxWidth: string;
7
+ };
8
+ xxsmall: {
9
+ maxWidth: string;
10
+ };
11
+ xsmall: {
12
+ maxWidth: string;
13
+ };
14
+ small: {
15
+ maxWidth: string;
16
+ };
17
+ medium: {
18
+ maxWidth: string;
19
+ };
20
+ large: {
21
+ maxWidth: string;
22
+ };
23
+ xlarge: {
24
+ maxWidth: string;
25
+ };
26
+ xxlarge: {
27
+ height: string;
28
+ width: string;
29
+ };
30
+ xxxlarge: {
31
+ height: string;
32
+ width: string;
33
+ };
34
+ };
35
+ declare const Logo: {
36
+ baseStyle: (props: LogoBaseStyle) => {
37
+ svg: {
38
+ maxWidth: string;
39
+ display: string;
40
+ height: string;
41
+ width: string;
42
+ } | {
43
+ maxWidth: string;
44
+ display: string;
45
+ height: string;
46
+ width: string;
47
+ } | {
48
+ maxWidth: string;
49
+ display: string;
50
+ height: string;
51
+ width: string;
52
+ } | {
53
+ maxWidth: string;
54
+ display: string;
55
+ height: string;
56
+ width: string;
57
+ } | {
58
+ maxWidth: string;
59
+ display: string;
60
+ height: string;
61
+ width: string;
62
+ } | {
63
+ maxWidth: string;
64
+ display: string;
65
+ height: string;
66
+ width: string;
67
+ } | {
68
+ maxWidth: string;
69
+ display: string;
70
+ height: string;
71
+ width: string;
72
+ } | {
73
+ height: string;
74
+ width: string;
75
+ display: string;
76
+ } | {
77
+ height: string;
78
+ width: string;
79
+ display: string;
80
+ };
81
+ maxWidth: string;
82
+ display: string;
83
+ height: string;
84
+ width: string;
85
+ } | {
86
+ svg: {
87
+ maxWidth: string;
88
+ display: string;
89
+ height: string;
90
+ width: string;
91
+ } | {
92
+ maxWidth: string;
93
+ display: string;
94
+ height: string;
95
+ width: string;
96
+ } | {
97
+ maxWidth: string;
98
+ display: string;
99
+ height: string;
100
+ width: string;
101
+ } | {
102
+ maxWidth: string;
103
+ display: string;
104
+ height: string;
105
+ width: string;
106
+ } | {
107
+ maxWidth: string;
108
+ display: string;
109
+ height: string;
110
+ width: string;
111
+ } | {
112
+ maxWidth: string;
113
+ display: string;
114
+ height: string;
115
+ width: string;
116
+ } | {
117
+ maxWidth: string;
118
+ display: string;
119
+ height: string;
120
+ width: string;
121
+ } | {
122
+ height: string;
123
+ width: string;
124
+ display: string;
125
+ } | {
126
+ height: string;
127
+ width: string;
128
+ display: string;
129
+ };
130
+ maxWidth: string;
131
+ display: string;
132
+ height: string;
133
+ width: string;
134
+ } | {
135
+ svg: {
136
+ maxWidth: string;
137
+ display: string;
138
+ height: string;
139
+ width: string;
140
+ } | {
141
+ maxWidth: string;
142
+ display: string;
143
+ height: string;
144
+ width: string;
145
+ } | {
146
+ maxWidth: string;
147
+ display: string;
148
+ height: string;
149
+ width: string;
150
+ } | {
151
+ maxWidth: string;
152
+ display: string;
153
+ height: string;
154
+ width: string;
155
+ } | {
156
+ maxWidth: string;
157
+ display: string;
158
+ height: string;
159
+ width: string;
160
+ } | {
161
+ maxWidth: string;
162
+ display: string;
163
+ height: string;
164
+ width: string;
165
+ } | {
166
+ maxWidth: string;
167
+ display: string;
168
+ height: string;
169
+ width: string;
170
+ } | {
171
+ height: string;
172
+ width: string;
173
+ display: string;
174
+ } | {
175
+ height: string;
176
+ width: string;
177
+ display: string;
178
+ };
179
+ maxWidth: string;
180
+ display: string;
181
+ height: string;
182
+ width: string;
183
+ } | {
184
+ svg: {
185
+ maxWidth: string;
186
+ display: string;
187
+ height: string;
188
+ width: string;
189
+ } | {
190
+ maxWidth: string;
191
+ display: string;
192
+ height: string;
193
+ width: string;
194
+ } | {
195
+ maxWidth: string;
196
+ display: string;
197
+ height: string;
198
+ width: string;
199
+ } | {
200
+ maxWidth: string;
201
+ display: string;
202
+ height: string;
203
+ width: string;
204
+ } | {
205
+ maxWidth: string;
206
+ display: string;
207
+ height: string;
208
+ width: string;
209
+ } | {
210
+ maxWidth: string;
211
+ display: string;
212
+ height: string;
213
+ width: string;
214
+ } | {
215
+ maxWidth: string;
216
+ display: string;
217
+ height: string;
218
+ width: string;
219
+ } | {
220
+ height: string;
221
+ width: string;
222
+ display: string;
223
+ } | {
224
+ height: string;
225
+ width: string;
226
+ display: string;
227
+ };
228
+ maxWidth: string;
229
+ display: string;
230
+ height: string;
231
+ width: string;
232
+ } | {
233
+ svg: {
234
+ maxWidth: string;
235
+ display: string;
236
+ height: string;
237
+ width: string;
238
+ } | {
239
+ maxWidth: string;
240
+ display: string;
241
+ height: string;
242
+ width: string;
243
+ } | {
244
+ maxWidth: string;
245
+ display: string;
246
+ height: string;
247
+ width: string;
248
+ } | {
249
+ maxWidth: string;
250
+ display: string;
251
+ height: string;
252
+ width: string;
253
+ } | {
254
+ maxWidth: string;
255
+ display: string;
256
+ height: string;
257
+ width: string;
258
+ } | {
259
+ maxWidth: string;
260
+ display: string;
261
+ height: string;
262
+ width: string;
263
+ } | {
264
+ maxWidth: string;
265
+ display: string;
266
+ height: string;
267
+ width: string;
268
+ } | {
269
+ height: string;
270
+ width: string;
271
+ display: string;
272
+ } | {
273
+ height: string;
274
+ width: string;
275
+ display: string;
276
+ };
277
+ maxWidth: string;
278
+ display: string;
279
+ height: string;
280
+ width: string;
281
+ } | {
282
+ svg: {
283
+ maxWidth: string;
284
+ display: string;
285
+ height: string;
286
+ width: string;
287
+ } | {
288
+ maxWidth: string;
289
+ display: string;
290
+ height: string;
291
+ width: string;
292
+ } | {
293
+ maxWidth: string;
294
+ display: string;
295
+ height: string;
296
+ width: string;
297
+ } | {
298
+ maxWidth: string;
299
+ display: string;
300
+ height: string;
301
+ width: string;
302
+ } | {
303
+ maxWidth: string;
304
+ display: string;
305
+ height: string;
306
+ width: string;
307
+ } | {
308
+ maxWidth: string;
309
+ display: string;
310
+ height: string;
311
+ width: string;
312
+ } | {
313
+ maxWidth: string;
314
+ display: string;
315
+ height: string;
316
+ width: string;
317
+ } | {
318
+ height: string;
319
+ width: string;
320
+ display: string;
321
+ } | {
322
+ height: string;
323
+ width: string;
324
+ display: string;
325
+ };
326
+ maxWidth: string;
327
+ display: string;
328
+ height: string;
329
+ width: string;
330
+ } | {
331
+ svg: {
332
+ maxWidth: string;
333
+ display: string;
334
+ height: string;
335
+ width: string;
336
+ } | {
337
+ maxWidth: string;
338
+ display: string;
339
+ height: string;
340
+ width: string;
341
+ } | {
342
+ maxWidth: string;
343
+ display: string;
344
+ height: string;
345
+ width: string;
346
+ } | {
347
+ maxWidth: string;
348
+ display: string;
349
+ height: string;
350
+ width: string;
351
+ } | {
352
+ maxWidth: string;
353
+ display: string;
354
+ height: string;
355
+ width: string;
356
+ } | {
357
+ maxWidth: string;
358
+ display: string;
359
+ height: string;
360
+ width: string;
361
+ } | {
362
+ maxWidth: string;
363
+ display: string;
364
+ height: string;
365
+ width: string;
366
+ } | {
367
+ height: string;
368
+ width: string;
369
+ display: string;
370
+ } | {
371
+ height: string;
372
+ width: string;
373
+ display: string;
374
+ };
375
+ maxWidth: string;
376
+ display: string;
377
+ height: string;
378
+ width: string;
379
+ } | {
380
+ svg: {
381
+ maxWidth: string;
382
+ display: string;
383
+ height: string;
384
+ width: string;
385
+ } | {
386
+ maxWidth: string;
387
+ display: string;
388
+ height: string;
389
+ width: string;
390
+ } | {
391
+ maxWidth: string;
392
+ display: string;
393
+ height: string;
394
+ width: string;
395
+ } | {
396
+ maxWidth: string;
397
+ display: string;
398
+ height: string;
399
+ width: string;
400
+ } | {
401
+ maxWidth: string;
402
+ display: string;
403
+ height: string;
404
+ width: string;
405
+ } | {
406
+ maxWidth: string;
407
+ display: string;
408
+ height: string;
409
+ width: string;
410
+ } | {
411
+ maxWidth: string;
412
+ display: string;
413
+ height: string;
414
+ width: string;
415
+ } | {
416
+ height: string;
417
+ width: string;
418
+ display: string;
419
+ } | {
420
+ height: string;
421
+ width: string;
422
+ display: string;
423
+ };
424
+ height: string;
425
+ width: string;
426
+ display: string;
427
+ } | {
428
+ svg: {
429
+ maxWidth: string;
430
+ display: string;
431
+ height: string;
432
+ width: string;
433
+ } | {
434
+ maxWidth: string;
435
+ display: string;
436
+ height: string;
437
+ width: string;
438
+ } | {
439
+ maxWidth: string;
440
+ display: string;
441
+ height: string;
442
+ width: string;
443
+ } | {
444
+ maxWidth: string;
445
+ display: string;
446
+ height: string;
447
+ width: string;
448
+ } | {
449
+ maxWidth: string;
450
+ display: string;
451
+ height: string;
452
+ width: string;
453
+ } | {
454
+ maxWidth: string;
455
+ display: string;
456
+ height: string;
457
+ width: string;
458
+ } | {
459
+ maxWidth: string;
460
+ display: string;
461
+ height: string;
462
+ width: string;
463
+ } | {
464
+ height: string;
465
+ width: string;
466
+ display: string;
467
+ } | {
468
+ height: string;
469
+ width: string;
470
+ display: string;
471
+ };
472
+ height: string;
473
+ width: string;
474
+ display: string;
475
+ };
476
+ };
477
+ export default Logo;