@nypl/design-system-react-components 1.5.4 → 1.6.0-vite-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.
Files changed (205) hide show
  1. package/README.md +24 -40
  2. package/dist/design-system-react-components.cjs +304 -0
  3. package/dist/design-system-react-components.js +42142 -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 +24 -18
  8. package/dist/{components → src/components}/Button/Button.d.ts +33 -30
  9. package/dist/{components → src/components}/ButtonGroup/ButtonGroup.d.ts +25 -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 +82 -81
  15. package/dist/{components → src/components}/FeedbackBox/FeedbackBox.d.ts +64 -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 +20 -19
  23. package/dist/{components → src/components}/Header/Header.d.ts +21 -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 +10 -11
  26. package/dist/{components → src/components}/Header/components/HeaderLowerNav.d.ts +6 -7
  27. package/dist/{components → src/components}/Header/components/HeaderMobileIconNav.d.ts +6 -7
  28. package/dist/{components → src/components}/Header/components/HeaderMobileNav.d.ts +6 -7
  29. package/dist/{components → src/components}/Header/components/HeaderMobileNavButton.d.ts +6 -7
  30. package/dist/{components → src/components}/Header/components/HeaderSearchButton.d.ts +9 -10
  31. package/dist/{components → src/components}/Header/components/HeaderSearchForm.d.ts +10 -11
  32. package/dist/{components → src/components}/Header/components/HeaderSitewideAlerts.d.ts +7 -8
  33. package/dist/{components → src/components}/Header/components/HeaderUpperNav.d.ts +7 -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 +37 -35
  38. package/dist/{components → src/components}/HelperErrorText/HelperErrorText.d.ts +34 -34
  39. package/dist/{components → src/components}/Hero/Hero.d.ts +43 -42
  40. package/dist/{components → src/components}/HorizontalRule/HorizontalRule.d.ts +11 -11
  41. package/dist/{components → src/components}/Icons/Icon.d.ts +40 -41
  42. package/dist/src/components/Icons/IconSvgs.d.ts +163 -0
  43. package/dist/src/components/Icons/iconVariables.d.ts +6 -0
  44. package/dist/{components → src/components}/Image/Image.d.ts +68 -65
  45. package/dist/{components → src/components}/Label/Label.d.ts +25 -25
  46. package/dist/{components → src/components}/Link/Link.d.ts +22 -21
  47. package/dist/{components → src/components}/List/List.d.ts +42 -42
  48. package/dist/{components → src/components}/Logo/Logo.d.ts +28 -28
  49. package/dist/src/components/Logo/LogoSvgs.d.ts +157 -0
  50. package/dist/{components → src/components}/Modal/Modal.d.ts +35 -35
  51. package/dist/{components → src/components}/MultiSelect/MultiSelect.d.ts +61 -78
  52. package/dist/{components → src/components}/MultiSelect/MultiSelectDialog.d.ts +8 -8
  53. package/dist/{components → src/components}/MultiSelect/MultiSelectListbox.d.ts +9 -9
  54. package/dist/{components → src/components}/MultiSelect/MultiSelectMenuButton.d.ts +27 -27
  55. package/dist/{components → src/components}/MultiSelectGroup/MultiSelectGroup.d.ts +28 -26
  56. package/dist/{components → src/components}/Notification/Notification.d.ts +52 -51
  57. package/dist/{components → src/components}/Pagination/Pagination.d.ts +27 -27
  58. package/dist/{components → src/components}/ProgressIndicator/ProgressIndicator.d.ts +32 -30
  59. package/dist/{components → src/components}/Radio/Radio.d.ts +43 -43
  60. package/dist/{components → src/components}/RadioGroup/RadioGroup.d.ts +51 -51
  61. package/dist/{components → src/components}/SearchBar/SearchBar.d.ts +58 -58
  62. package/dist/{components → src/components}/Select/Select.d.ts +59 -57
  63. package/dist/{components → src/components}/SkeletonLoader/SkeletonLoader.d.ts +42 -41
  64. package/dist/{components → src/components}/SkipNavigation/SkipNavigation.d.ts +19 -19
  65. package/dist/{components → src/components}/Slider/Slider.d.ts +65 -65
  66. package/dist/{components → src/components}/StatusBadge/StatusBadge.d.ts +19 -18
  67. package/dist/{components → src/components}/StructuredContent/StructuredContent.d.ts +30 -30
  68. package/dist/src/components/StyleGuide/ColorCard.d.ts +342 -0
  69. package/dist/{components → src/components}/StyledList/StyledList.d.ts +25 -25
  70. package/dist/{components → src/components}/Table/Table.d.ts +32 -32
  71. package/dist/{components → src/components}/Tabs/Tabs.d.ts +28 -28
  72. package/dist/{components → src/components}/TagSet/TagSet.d.ts +24 -32
  73. package/dist/{components → src/components}/TagSet/TagSetExplore.d.ts +28 -27
  74. package/dist/{components → src/components}/TagSet/TagSetFilter.d.ts +25 -26
  75. package/dist/src/components/TagSet/TooltipWrapper.d.ts +9 -0
  76. package/dist/{components → src/components}/Template/Template.d.ts +140 -140
  77. package/dist/{components → src/components}/Text/Text.d.ts +25 -24
  78. package/dist/{components → src/components}/TextInput/TextInput.d.ts +89 -88
  79. package/dist/{components → src/components}/Toggle/Toggle.d.ts +43 -42
  80. package/dist/{components → src/components}/Tooltip/Tooltip.d.ts +17 -17
  81. package/dist/{components → src/components}/VideoPlayer/VideoPlayer.d.ts +42 -40
  82. package/dist/src/helpers/types.d.ts +2 -0
  83. package/dist/{hooks → src/hooks}/useCarouselStyles.d.ts +17 -17
  84. package/dist/{hooks → src/hooks}/useCloseDropDown.d.ts +7 -7
  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 +91 -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 +138 -151
  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 -92
  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 -244
  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 -126
  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 -355
  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/src/utils/colorUtils.d.ts +5 -0
  166. package/dist/{utils → src/utils}/interfaces.d.ts +5 -5
  167. package/dist/{utils → src/utils}/utils.d.ts +39 -39
  168. package/dist/styles.css +1 -4
  169. package/package.json +62 -69
  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/Icons/IconColors.d.ts +0 -3
  183. package/dist/components/Icons/IconNames.d.ts +0 -3
  184. package/dist/components/Icons/IconSvgs.d.ts +0 -58
  185. package/dist/components/Logo/LogoSvgs.d.ts +0 -54
  186. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -4
  187. package/dist/components/MultiSelectGroup/MultiSelectGroup.stories.d.ts +0 -4
  188. package/dist/components/Placeholder/Placeholder.d.ts +0 -10
  189. package/dist/components/StyleGuide/ColorCard.d.ts +0 -46
  190. package/dist/design-system-react-components.cjs.development.js +0 -18076
  191. package/dist/design-system-react-components.cjs.development.js.map +0 -1
  192. package/dist/design-system-react-components.cjs.production.min.js +0 -2
  193. package/dist/design-system-react-components.cjs.production.min.js.map +0 -1
  194. package/dist/design-system-react-components.esm.js +0 -17874
  195. package/dist/design-system-react-components.esm.js.map +0 -1
  196. package/dist/helpers/types.d.ts +0 -1
  197. package/dist/hooks/__tests__/useCarouselStyles.test.d.ts +0 -1
  198. package/dist/hooks/__tests__/useFilterBar.test.d.ts +0 -1
  199. package/dist/hooks/__tests__/useMultiSelect.test.d.ts +0 -1
  200. package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts +0 -1
  201. package/dist/index.d.ts +0 -66
  202. package/dist/index.js +0 -8
  203. package/dist/resources.scss +0 -382
  204. package/dist/theme/types.d.ts +0 -1
  205. package/dist/utils/componentCategories.d.ts +0 -1
@@ -1,96 +1,96 @@
1
- export declare const spacing: {
2
- xxxs: string;
3
- xxs: string;
4
- xs: string;
5
- s: string;
6
- m: string;
7
- l: string;
8
- xl: string;
9
- xxl: string;
10
- xxxl: string;
11
- button: {
12
- small: {
13
- px: string;
14
- py: string;
15
- };
16
- medium: {
17
- px: string;
18
- py: string;
19
- };
20
- large: {
21
- px: string;
22
- py: string;
23
- };
24
- };
25
- input: {
26
- group: {
27
- button: {
28
- hstack: string;
29
- vstack: string;
30
- };
31
- default: {
32
- hstack: string;
33
- vstack: string;
34
- };
35
- };
36
- };
37
- inset: {
38
- default: string;
39
- extranarrow: string;
40
- extrawide: string;
41
- narrow: string;
42
- wide: string;
43
- };
44
- grid: {
45
- default: string;
46
- xxs: string;
47
- xs: string;
48
- s: string;
49
- m: string;
50
- l: string;
51
- xl: string;
52
- xxl: string;
53
- };
54
- page: {
55
- hstack: string;
56
- vstack: string;
57
- };
58
- table: {
59
- column: string;
60
- row: string;
61
- };
62
- px: string;
63
- 0: string;
64
- 0.5: string;
65
- 1: string;
66
- 1.5: string;
67
- 2: string;
68
- 2.5: string;
69
- 3: string;
70
- 3.5: string;
71
- 4: string;
72
- 5: string;
73
- 6: string;
74
- 7: string;
75
- 8: string;
76
- 9: string;
77
- 10: string;
78
- 12: string;
79
- 14: string;
80
- 16: string;
81
- 20: string;
82
- 24: string;
83
- 28: string;
84
- 32: string;
85
- 36: string;
86
- 40: string;
87
- 44: string;
88
- 48: string;
89
- 52: string;
90
- 56: string;
91
- 60: string;
92
- 64: string;
93
- 72: string;
94
- 80: string;
95
- 96: string;
96
- };
1
+ export declare const spacing: {
2
+ xxxs: string;
3
+ xxs: string;
4
+ xs: string;
5
+ s: string;
6
+ m: string;
7
+ l: string;
8
+ xl: string;
9
+ xxl: string;
10
+ xxxl: string;
11
+ button: {
12
+ small: {
13
+ px: string;
14
+ py: string;
15
+ };
16
+ medium: {
17
+ px: string;
18
+ py: string;
19
+ };
20
+ large: {
21
+ px: string;
22
+ py: string;
23
+ };
24
+ };
25
+ input: {
26
+ group: {
27
+ button: {
28
+ hstack: string;
29
+ vstack: string;
30
+ };
31
+ default: {
32
+ hstack: string;
33
+ vstack: string;
34
+ };
35
+ };
36
+ };
37
+ inset: {
38
+ default: string;
39
+ extranarrow: string;
40
+ extrawide: string;
41
+ narrow: string;
42
+ wide: string;
43
+ };
44
+ grid: {
45
+ default: string;
46
+ xxs: string;
47
+ xs: string;
48
+ s: string;
49
+ m: string;
50
+ l: string;
51
+ xl: string;
52
+ xxl: string;
53
+ };
54
+ page: {
55
+ hstack: string;
56
+ vstack: string;
57
+ };
58
+ table: {
59
+ column: string;
60
+ row: string;
61
+ };
62
+ px: string;
63
+ 0: string;
64
+ 0.5: string;
65
+ 1: string;
66
+ 1.5: string;
67
+ 2: string;
68
+ 2.5: string;
69
+ 3: string;
70
+ 3.5: string;
71
+ 4: string;
72
+ 5: string;
73
+ 6: string;
74
+ 7: string;
75
+ 8: string;
76
+ 9: string;
77
+ 10: string;
78
+ 12: string;
79
+ 14: string;
80
+ 16: string;
81
+ 20: string;
82
+ 24: string;
83
+ 28: string;
84
+ 32: string;
85
+ 36: string;
86
+ 40: string;
87
+ 44: string;
88
+ 48: string;
89
+ 52: string;
90
+ 56: string;
91
+ 60: string;
92
+ 64: string;
93
+ 72: string;
94
+ 80: string;
95
+ 96: string;
96
+ };
@@ -1,8 +1,8 @@
1
- import { Dict } from "../types";
2
- declare type Typography = {
3
- fonts: Dict;
4
- fontSizes: Dict;
5
- fontWeights: Dict;
6
- };
7
- declare const typography: Typography;
8
- export default typography;
1
+ import { Dict } from "../types";
2
+ type Typography = {
3
+ fonts: Dict;
4
+ fontSizes: Dict;
5
+ fontWeights: Dict;
6
+ };
7
+ declare const typography: Typography;
8
+ export default typography;
@@ -1,20 +1,20 @@
1
- /**
2
- * See Chakra default theme for shape of theme object:
3
- * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
4
- *
5
- * The following are using the default configuration from Chakra:
6
- * - z-indices
7
- * - radii
8
- * - blur
9
- * - shadows
10
- * - borders
11
- * - transitions
12
- *
13
- * Theme extensions exist for:
14
- * - breakpoints
15
- * - colors
16
- * - typography (font, font size, font weight)
17
- * - spacing
18
- */
19
- declare const theme: Record<string, any>;
20
- export default theme;
1
+ /**
2
+ * See Chakra default theme for shape of theme object:
3
+ * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
4
+ *
5
+ * The following are using the default configuration from Chakra:
6
+ * - z-indices
7
+ * - radii
8
+ * - blur
9
+ * - shadows
10
+ * - borders
11
+ * - transitions
12
+ *
13
+ * Theme extensions exist for:
14
+ * - breakpoints
15
+ * - colors
16
+ * - typography (font, font size, font weight)
17
+ * - spacing
18
+ */
19
+ declare const theme: import("@chakra-ui/utils").Dict<any>;
20
+ export default theme;
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { ChakraProviderProps } from "@chakra-ui/react";
3
- declare const DSProvider: ({ children, colorModeManager, }: React.PropsWithChildren<ChakraProviderProps>) => JSX.Element;
4
- export default DSProvider;
1
+ import React from "react";
2
+ import { ChakraProviderProps } from "@chakra-ui/react";
3
+ declare const DSProvider: ({ children, colorModeManager, }: React.PropsWithChildren<ChakraProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
4
+ export default DSProvider;
@@ -0,0 +1 @@
1
+ export type Dict<T = any> = Record<string, T>;
@@ -0,0 +1,5 @@
1
+ /** The checkContrast function returns the status of a contrast ratio based on
2
+ * the WCAG 2.1 standards. WCAG Level AA requires a contrast ratio of at least
3
+ * 4.5:1 for normal text and 3:1 for large text. WCAG Level AAA requires a
4
+ * contrast ratio of at least 7:1 for normal text and 4.5:1 for large text. */
5
+ export declare const checkContrast: (ratio: any) => any[];
@@ -1,5 +1,5 @@
1
- export interface AriaAttributes {
2
- "aria-label"?: string;
3
- "aria-describedby"?: string;
4
- "aria-labelledby"?: string;
5
- }
1
+ export interface AriaAttributes {
2
+ "aria-label"?: string;
3
+ "aria-describedby"?: string;
4
+ "aria-labelledby"?: string;
5
+ }
@@ -1,39 +1,39 @@
1
- import { HelperErrorTextType } from "../components/HelperErrorText/HelperErrorText";
2
- import { AriaAttributes } from "./interfaces";
3
- /**
4
- * range
5
- * Get an array of values from `start` to `stop` - 1 with an optional
6
- * `step` between values.
7
- */
8
- export declare const range: (start: number, stop: number, step?: number) => number[];
9
- /**
10
- * Given a pagination's pageCount, this will return (1) a page number,
11
- * derived from the current URL, and (2) a function that, when passed to
12
- * Pagination component, makes the URL change and refreshes the page.
13
- * @NOTE this is only used for Storybook documentation.
14
- */
15
- export declare const getStorybookHrefProps: (pageCount: number) => {
16
- computedCurrentPage: number;
17
- getPageHref: (selectedPage: number) => string;
18
- };
19
- interface GetAriaAttrsProps {
20
- footnote: HelperErrorTextType;
21
- id: string;
22
- labelText: HelperErrorTextType;
23
- name: string;
24
- showLabel: boolean;
25
- }
26
- /**
27
- * Get aria-* attributes for input components. This sets the `aria-label` and
28
- * `aria-describedby` attributes, based on the label and footnote values.
29
- */
30
- export declare const getAriaAttrs: ({ footnote, id, labelText, name, showLabel, }: GetAriaAttrsProps) => AriaAttributes;
31
- /** Convert a hex color value to an rgb or rgba value */
32
- export declare const hexToRGB: (hex: string, alpha: number) => string;
33
- /** Calculate color luminance */
34
- export declare const colorLuminance: (r: any, g: any, b: any) => number;
35
- /** Calculate color contrast ratio */
36
- export declare const contrastRatio: (hex1: string, hex2: string) => string;
37
- /** This method will truncate text by centain length. Default length is 60. */
38
- export declare const truncateText: (text: string, truncateTextLength?: number) => string;
39
- export {};
1
+ import { HelperErrorTextType } from "../components/HelperErrorText/HelperErrorText";
2
+ import { AriaAttributes } from "./interfaces";
3
+ /**
4
+ * range
5
+ * Get an array of values from `start` to `stop` - 1 with an optional
6
+ * `step` between values.
7
+ */
8
+ export declare const range: (start: number, stop: number, step?: number) => number[];
9
+ /**
10
+ * Given a pagination's pageCount, this will return (1) a page number,
11
+ * derived from the current URL, and (2) a function that, when passed to
12
+ * Pagination component, makes the URL change and refreshes the page.
13
+ * @NOTE this is only used for Storybook documentation.
14
+ */
15
+ export declare const getStorybookHrefProps: (pageCount: number) => {
16
+ computedCurrentPage: number;
17
+ getPageHref: (selectedPage: number) => string;
18
+ };
19
+ interface GetAriaAttrsProps {
20
+ footnote: HelperErrorTextType;
21
+ id: string;
22
+ labelText: HelperErrorTextType;
23
+ name: string;
24
+ showLabel: boolean;
25
+ }
26
+ /**
27
+ * Get aria-* attributes for input components. This sets the `aria-label` and
28
+ * `aria-describedby` attributes, based on the label and footnote values.
29
+ */
30
+ export declare const getAriaAttrs: ({ footnote, id, labelText, name, showLabel, }: GetAriaAttrsProps) => AriaAttributes;
31
+ /** Convert a hex color value to an rgb or rgba value */
32
+ export declare const hexToRGB: (hex: string, alpha: number) => string;
33
+ /** Calculate color luminance */
34
+ export declare const colorLuminance: (r: any, g: any, b: any) => number;
35
+ /** Calculate color contrast ratio */
36
+ export declare const contrastRatio: (hex1: string, hex2: string) => string;
37
+ /** This method will truncate text by centain length. Default length is 60. */
38
+ export declare const truncateText: (text: string, truncateTextLength?: number) => string;
39
+ export {};
package/dist/styles.css CHANGED
@@ -1,4 +1 @@
1
- @charset "UTF-8";
2
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
3
-
4
- /*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}:root{--nypl-breakpoint-small:320px;--nypl-breakpoint-medium:600px;--nypl-breakpoint-large:960px;--nypl-breakpoint-xl:1280px}.react-autosuggest__container{display:inline;position:relative;width:100%}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.react-autosuggest__suggestions-container{display:none;width:100%}.react-autosuggest__suggestions-container--open{background-color:var(--nypl-colors-ui-white);display:block;font-weight:300;margin-top:1px;outline:1px solid var(--nypl-colors-ui-gray-light-cool);position:relative;width:100%;z-index:2}.react-autosuggest__suggestions-list{list-style-type:none;margin:0;padding:0}.react-autosuggest__suggestion{cursor:pointer;padding:var(--nypl-space-xs)}.react-autosuggest__suggestion--highlighted{background-color:var(--nypl-colors-ui-gray-light-cool)}.auto-suggest-bottom{padding:var(--nypl-space-xs)}.date-picker-calendar{font-family:var(--nypl-fonts-body)}.date-picker-calendar .react-datepicker{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.date-picker-calendar .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.date-picker-calendar .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-ui-gray-x-light-cool)!important}.date-picker-calendar .react-datepicker__navigation-icon{top:5px;width:0}.date-picker-calendar .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-dark)}.date-picker-calendar .react-datepicker__header{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day:hover,.date-picker-calendar .react-datepicker__month-text:hover,.date-picker-calendar .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-radius:0;color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__year--in-range.react-datepicker__day--in-range{opacity:1}.date-picker-calendar .react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-selecting-range,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range,.date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker-calendar .react-datepicker__year--in-range,.date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker-calendar .react-datepicker__year-text--keyboard-selected{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-radius:0;color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--today,.date-picker-calendar .react-datepicker__day--today:hover,.date-picker-calendar .react-datepicker__day-text--today,.date-picker-calendar .react-datepicker__day-text--today:hover,.date-picker-calendar .react-datepicker__month--today,.date-picker-calendar .react-datepicker__month--today:hover,.date-picker-calendar .react-datepicker__month-text--today,.date-picker-calendar .react-datepicker__month-text--today:hover,.date-picker-calendar .react-datepicker__year--today,.date-picker-calendar .react-datepicker__year--today:hover,.date-picker-calendar .react-datepicker__year-text--today,.date-picker-calendar .react-datepicker__year-text--today:hover{background-color:var(--nypl-colors-ui-gray-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--selected,.date-picker-calendar .react-datepicker__day-text--selected,.date-picker-calendar .react-datepicker__month--selected,.date-picker-calendar .react-datepicker__month-text--selected,.date-picker-calendar .react-datepicker__year--selected,.date-picker-calendar .react-datepicker__year-text--selected{background-color:var(--nypl-colors-ui-link-primary);border-radius:0;color:var(--nypl-colors-ui-white);font-weight:700;opacity:1}.date-picker-calendar .react-datepicker__day--selected:hover,.date-picker-calendar .react-datepicker__day-text--selected:hover,.date-picker-calendar .react-datepicker__month--selected:hover,.date-picker-calendar .react-datepicker__month-text--selected:hover,.date-picker-calendar .react-datepicker__year--selected:hover,.date-picker-calendar .react-datepicker__year-text--selected:hover{background-color:var(--nypl-colors-ui-link-primary);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker{background-color:var(--nypl-colors-dark-ui-bg-default);border-color:var(--nypl-colors-dark-ui-border-default)}.chakra-ui-dark .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.chakra-ui-dark .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-dark-ui-bg-hover)!important}.chakra-ui-dark .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-medium)}.chakra-ui-dark .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-light-cool)}.chakra-ui-dark .react-datepicker__header{background-color:var(--nypl-colors-dark-ui-bg-hover);border-color:var(--nypl-colors-dark-ui-border-default)}.chakra-ui-dark .react-datepicker__header .react-datepicker__current-month,.chakra-ui-dark .react-datepicker__header .react-datepicker__day-name,.chakra-ui-dark .react-datepicker__header.react-datepicker-year-header{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__day--keyboard-selected,.chakra-ui-dark .react-datepicker__day:hover,.chakra-ui-dark .react-datepicker__month-text:hover,.chakra-ui-dark .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day,.chakra-ui-dark .react-datepicker__month,.chakra-ui-dark .react-datepicker__year{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__day--in-range,.chakra-ui-dark .react-datepicker__day--in-selecting-range,.chakra-ui-dark .react-datepicker__day--keyboard-selected,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected,.chakra-ui-dark .react-datepicker__month--in-range,.chakra-ui-dark .react-datepicker__month--in-selecting-range,.chakra-ui-dark .react-datepicker__month--keyboard-selected,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected,.chakra-ui-dark .react-datepicker__year--in-range,.chakra-ui-dark .react-datepicker__year--in-selecting-range,.chakra-ui-dark .react-datepicker__year--keyboard-selected,.chakra-ui-dark .react-datepicker__year-text--keyboard-selected{background-color:var(--nypl-colors-dark-ui-bg-hover);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--in-range:hover,.chakra-ui-dark .react-datepicker__day--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__day--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--in-range:hover,.chakra-ui-dark .react-datepicker__month--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__month--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--in-range:hover,.chakra-ui-dark .react-datepicker__year--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__year--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year-text--keyboard-selected:hover{background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__day--today,.chakra-ui-dark .react-datepicker__day-text--today,.chakra-ui-dark .react-datepicker__month--today,.chakra-ui-dark .react-datepicker__month-text--today,.chakra-ui-dark .react-datepicker__year--today,.chakra-ui-dark .react-datepicker__year-text--today{background-color:var(--nypl-colors-dark-ui-bg-active);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--today:hover,.chakra-ui-dark .react-datepicker__day-text--today:hover,.chakra-ui-dark .react-datepicker__month--today:hover,.chakra-ui-dark .react-datepicker__month-text--today:hover,.chakra-ui-dark .react-datepicker__year--today:hover,.chakra-ui-dark .react-datepicker__year-text--today:hover{background-color:var(--nypl-colors-dark-ui-bg-hover);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--selected,.chakra-ui-dark .react-datepicker__day--selected:hover,.chakra-ui-dark .react-datepicker__day-text--selected,.chakra-ui-dark .react-datepicker__day-text--selected:hover,.chakra-ui-dark .react-datepicker__month--selected,.chakra-ui-dark .react-datepicker__month--selected:hover,.chakra-ui-dark .react-datepicker__month-text--selected,.chakra-ui-dark .react-datepicker__month-text--selected:hover,.chakra-ui-dark .react-datepicker__year--selected,.chakra-ui-dark .react-datepicker__year--selected:hover,.chakra-ui-dark .react-datepicker__year-text--selected,.chakra-ui-dark .react-datepicker__year-text--selected:hover{background-color:var(--nypl-colors-dark-ui-link-primary);color:var(--nypl-colors-ui-black)}.chakra-ui-dark .react-datepicker__day--in-range:not(.chakra-ui-dark .react-datepicker__day--in-selecting-range){background-color:transparent;color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--disabled,.chakra-ui-dark .react-datepicker__month-text--disabled,.chakra-ui-dark .react-datepicker__quarter-text--disabled,.chakra-ui-dark .react-datepicker__year-text--disabled{color:var(--nypl-colors-dark-ui-disabled-primary);cursor:default}.chakra-ui-dark .react-datepicker__day--disabled:hover,.chakra-ui-dark .react-datepicker__month-text--disabled:hover,.chakra-ui-dark .react-datepicker__quarter-text--disabled:hover,.chakra-ui-dark .react-datepicker__year-text--disabled:hover{color:var(--nypl-colors-dark-ui-disabled-primary)}.placeholder{--color-place-holder:var(--nypl-colors-ui-gray-dark);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:3rem;justify-content:center;line-height:1.4;margin-bottom:0;padding:4rem 1rem;width:100%}.placeholder--short{padding:1rem}
1
+ @charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"\d7"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}:root{--nypl-breakpoint-small: 320px;--nypl-breakpoint-medium: 600px;--nypl-breakpoint-large: 960px;--nypl-breakpoint-xl: 1280px}.react-autosuggest__container{display:inline;position:relative;width:100%}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.react-autosuggest__suggestions-container{display:none;width:100%}.react-autosuggest__suggestions-container--open{background-color:var(--nypl-colors-ui-white);display:block;font-weight:300;margin-top:1px;outline:1px solid var(--nypl-colors-ui-gray-light-cool);position:relative;width:100%;z-index:2}.react-autosuggest__suggestions-list{list-style-type:none;margin:0;padding:0}.react-autosuggest__suggestion{cursor:pointer;padding:var(--nypl-space-xs)}.react-autosuggest__suggestion--highlighted{background-color:var(--nypl-colors-ui-gray-light-cool)}.auto-suggest-bottom{padding:var(--nypl-space-xs)}.date-picker-calendar{font-family:var(--nypl-fonts-body)}.date-picker-calendar .react-datepicker{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.date-picker-calendar .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.date-picker-calendar .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-ui-gray-x-light-cool)!important}.date-picker-calendar .react-datepicker__navigation-icon{top:5px;width:0px}.date-picker-calendar .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-dark)}.date-picker-calendar .react-datepicker__header{border-color:var(--nypl-colors-ui-border-default);background-color:var(--nypl-colors-ui-gray-x-light-cool)}.date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker-calendar .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.date-picker-calendar .react-datepicker__month-text:hover,.date-picker-calendar .react-datepicker__day:hover{border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--keyboard-selected{opacity:1;border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__month--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-range.react-datepicker__day--in-range{opacity:1}.date-picker-calendar .react-datepicker__year-text--keyboard-selected,.date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker-calendar .react-datepicker__year--in-range,.date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range,.date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-radius:0;color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year-text--today,.date-picker-calendar .react-datepicker__year--today,.date-picker-calendar .react-datepicker__month-text--today,.date-picker-calendar .react-datepicker__month--today,.date-picker-calendar .react-datepicker__day-text--today,.date-picker-calendar .react-datepicker__day--today,.date-picker-calendar .react-datepicker__year-text--today:hover,.date-picker-calendar .react-datepicker__year--today:hover,.date-picker-calendar .react-datepicker__month-text--today:hover,.date-picker-calendar .react-datepicker__month--today:hover,.date-picker-calendar .react-datepicker__day-text--today:hover,.date-picker-calendar .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-black);background-color:var(--nypl-colors-ui-gray-light-cool)}.date-picker-calendar .react-datepicker__year-text--selected,.date-picker-calendar .react-datepicker__year--selected,.date-picker-calendar .react-datepicker__month-text--selected,.date-picker-calendar .react-datepicker__month--selected,.date-picker-calendar .react-datepicker__day-text--selected,.date-picker-calendar .react-datepicker__day--selected{background-color:var(--nypl-colors-ui-link-primary);font-weight:700;border-radius:0;color:var(--nypl-colors-ui-white);opacity:1}.date-picker-calendar .react-datepicker__year-text--selected:hover,.date-picker-calendar .react-datepicker__year--selected:hover,.date-picker-calendar .react-datepicker__month-text--selected:hover,.date-picker-calendar .react-datepicker__month--selected:hover,.date-picker-calendar .react-datepicker__day-text--selected:hover,.date-picker-calendar .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-ui-link-primary);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker{background-color:var(--nypl-colors-dark-ui-bg-default);border-color:var(--nypl-colors-dark-ui-border-default)}.chakra-ui-dark .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.chakra-ui-dark .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-dark-ui-bg-hover)!important}.chakra-ui-dark .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-medium)}.chakra-ui-dark .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-light-cool)}.chakra-ui-dark .react-datepicker__header{border-color:var(--nypl-colors-dark-ui-border-default);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__header.react-datepicker-year-header,.chakra-ui-dark .react-datepicker__header .react-datepicker__current-month,.chakra-ui-dark .react-datepicker__header .react-datepicker__day-name{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.chakra-ui-dark .react-datepicker__month-text:hover,.chakra-ui-dark .react-datepicker__day:hover{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--keyboard-selected{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year,.chakra-ui-dark .react-datepicker__month,.chakra-ui-dark .react-datepicker__day{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected,.chakra-ui-dark .react-datepicker__year--keyboard-selected,.chakra-ui-dark .react-datepicker__year--in-range,.chakra-ui-dark .react-datepicker__year--in-selecting-range,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected,.chakra-ui-dark .react-datepicker__month--keyboard-selected,.chakra-ui-dark .react-datepicker__month--in-range,.chakra-ui-dark .react-datepicker__month--in-selecting-range,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected,.chakra-ui-dark .react-datepicker__day--keyboard-selected,.chakra-ui-dark .react-datepicker__day--in-range,.chakra-ui-dark .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-dark-ui-bg-hover);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--in-range:hover,.chakra-ui-dark .react-datepicker__year--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--in-range:hover,.chakra-ui-dark .react-datepicker__month--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--in-range:hover,.chakra-ui-dark .react-datepicker__day--in-selecting-range:hover{background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--today,.chakra-ui-dark .react-datepicker__year--today,.chakra-ui-dark .react-datepicker__month-text--today,.chakra-ui-dark .react-datepicker__month--today,.chakra-ui-dark .react-datepicker__day-text--today,.chakra-ui-dark .react-datepicker__day--today{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-active)}.chakra-ui-dark .react-datepicker__year-text--today:hover,.chakra-ui-dark .react-datepicker__year--today:hover,.chakra-ui-dark .react-datepicker__month-text--today:hover,.chakra-ui-dark .react-datepicker__month--today:hover,.chakra-ui-dark .react-datepicker__day-text--today:hover,.chakra-ui-dark .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--selected,.chakra-ui-dark .react-datepicker__year--selected,.chakra-ui-dark .react-datepicker__month-text--selected,.chakra-ui-dark .react-datepicker__month--selected,.chakra-ui-dark .react-datepicker__day-text--selected,.chakra-ui-dark .react-datepicker__day--selected,.chakra-ui-dark .react-datepicker__year-text--selected:hover,.chakra-ui-dark .react-datepicker__year--selected:hover,.chakra-ui-dark .react-datepicker__month-text--selected:hover,.chakra-ui-dark .react-datepicker__month--selected:hover,.chakra-ui-dark .react-datepicker__day-text--selected:hover,.chakra-ui-dark .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-dark-ui-link-primary);color:var(--nypl-colors-ui-black)}.chakra-ui-dark .react-datepicker__day--in-range:not(.chakra-ui-dark .react-datepicker__day--in-selecting-range){background-color:transparent;color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--disabled,.chakra-ui-dark .react-datepicker__month-text--disabled,.chakra-ui-dark .react-datepicker__quarter-text--disabled,.chakra-ui-dark .react-datepicker__year-text--disabled{cursor:default;color:var(--nypl-colors-dark-ui-disabled-primary)}.chakra-ui-dark .react-datepicker__day--disabled:hover,.chakra-ui-dark .react-datepicker__month-text--disabled:hover,.chakra-ui-dark .react-datepicker__quarter-text--disabled:hover,.chakra-ui-dark .react-datepicker__year-text--disabled:hover{color:var(--nypl-colors-dark-ui-disabled-primary)}.placeholder{--color-place-holder: var(--nypl-colors-ui-gray-dark);margin-bottom:0;padding:var(--nypl-space-s);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:3rem;justify-content:center;line-height:1.4;padding:4rem 1rem;width:100%}.placeholder--short{padding:1rem}