@nypl/design-system-react-components 1.6.0-vite-rc-5 → 1.6.1-rc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system-react-components.cjs +350 -74
- package/dist/design-system-react-components.js +10000 -9576
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/src/components/Image/Image.d.ts +1 -1
- package/dist/src/components/StyleGuide/ColorCard.d.ts +6 -0
- package/dist/src/theme/components/breadcrumb.d.ts +6 -0
- package/dist/src/theme/components/image.d.ts +96 -0
- package/dist/src/theme/index.d.ts +1 -1
- package/dist/src/theme/internalChakraProvider.d.ts +67 -0
- package/dist/src/theme/provider.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "education", "locations", "research", "whatsOn"];
|
|
2
|
+
export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "connect", "education", "locations", "research", "whatsOn"];
|
|
3
3
|
export type BreadcrumbsTypes = typeof breadcrumbTypeArray[number];
|
|
4
4
|
export interface BreadcrumbsDataProps {
|
|
5
5
|
url: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ImgHTMLAttributes } from "react";
|
|
2
2
|
export declare const imageRatiosArray: readonly ["fourByThree", "oneByTwo", "original", "sixteenByNine", "square", "threeByFour", "threeByTwo", "twoByOne"];
|
|
3
|
-
export declare const imageSizesArray: readonly ["default", "xxsmall", "xsmall", "small", "medium", "large"];
|
|
3
|
+
export declare const imageSizesArray: readonly ["default", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large"];
|
|
4
4
|
export declare const imageTypesArray: readonly ["default", "circle"];
|
|
5
5
|
export type ImageRatios = typeof imageRatiosArray[number];
|
|
6
6
|
export type ImageSizes = typeof imageSizesArray[number];
|
|
@@ -127,6 +127,12 @@ export declare const cssVars: {
|
|
|
127
127
|
dataWhiteColor: string[];
|
|
128
128
|
textColor: string;
|
|
129
129
|
}[];
|
|
130
|
+
connect: {
|
|
131
|
+
name: string;
|
|
132
|
+
dataBlackColor: any[];
|
|
133
|
+
dataWhiteColor: any[];
|
|
134
|
+
textColor: string;
|
|
135
|
+
}[];
|
|
130
136
|
education: {
|
|
131
137
|
name: string;
|
|
132
138
|
dataBlackColor: string[];
|
|
@@ -9,6 +9,11 @@ declare const imageSizes: {
|
|
|
9
9
|
default: {
|
|
10
10
|
maxWidth: string;
|
|
11
11
|
};
|
|
12
|
+
xxxsmall: {
|
|
13
|
+
maxWidth: string;
|
|
14
|
+
marginStart: string;
|
|
15
|
+
marginEnd: string;
|
|
16
|
+
};
|
|
12
17
|
xxsmall: {
|
|
13
18
|
maxWidth: string;
|
|
14
19
|
marginStart: string;
|
|
@@ -178,6 +183,19 @@ declare const CustomImage: {
|
|
|
178
183
|
marginEnd: string;
|
|
179
184
|
margin: string;
|
|
180
185
|
width: string;
|
|
186
|
+
} | {
|
|
187
|
+
img: {
|
|
188
|
+
backgroundColor: string;
|
|
189
|
+
marginBottom: string;
|
|
190
|
+
_dark: {
|
|
191
|
+
backgroundColor: string;
|
|
192
|
+
};
|
|
193
|
+
};
|
|
194
|
+
maxWidth: string;
|
|
195
|
+
marginStart: string;
|
|
196
|
+
marginEnd: string;
|
|
197
|
+
margin: string;
|
|
198
|
+
width: string;
|
|
181
199
|
};
|
|
182
200
|
figcaption: {
|
|
183
201
|
fontStyle: string;
|
|
@@ -259,6 +277,19 @@ declare const CustomImage: {
|
|
|
259
277
|
objectFit: string;
|
|
260
278
|
position: string;
|
|
261
279
|
width: string;
|
|
280
|
+
} | {
|
|
281
|
+
_dark: {
|
|
282
|
+
backgroundColor: string;
|
|
283
|
+
};
|
|
284
|
+
maxWidth: string;
|
|
285
|
+
marginStart: string;
|
|
286
|
+
marginEnd: string;
|
|
287
|
+
display: string;
|
|
288
|
+
backgroundColor: string;
|
|
289
|
+
boxSizing: string;
|
|
290
|
+
objectFit: string;
|
|
291
|
+
position: string;
|
|
292
|
+
width: string;
|
|
262
293
|
};
|
|
263
294
|
captionWrappers: {
|
|
264
295
|
marginTop: string;
|
|
@@ -657,6 +688,71 @@ declare const CustomImageWrapper: {
|
|
|
657
688
|
marginStart: string;
|
|
658
689
|
marginEnd: string;
|
|
659
690
|
width: string;
|
|
691
|
+
} | {
|
|
692
|
+
crop: {
|
|
693
|
+
paddingBottom: string;
|
|
694
|
+
position: string;
|
|
695
|
+
width: string;
|
|
696
|
+
height: string;
|
|
697
|
+
overflow: string;
|
|
698
|
+
} | {
|
|
699
|
+
paddingBottom: string;
|
|
700
|
+
position: string;
|
|
701
|
+
width: string;
|
|
702
|
+
height: string;
|
|
703
|
+
overflow: string;
|
|
704
|
+
} | {
|
|
705
|
+
position: string;
|
|
706
|
+
width: string;
|
|
707
|
+
height: string;
|
|
708
|
+
overflow: string;
|
|
709
|
+
} | {
|
|
710
|
+
paddingBottom: string;
|
|
711
|
+
position: string;
|
|
712
|
+
width: string;
|
|
713
|
+
height: string;
|
|
714
|
+
overflow: string;
|
|
715
|
+
} | {
|
|
716
|
+
paddingBottom: string;
|
|
717
|
+
position: string;
|
|
718
|
+
width: string;
|
|
719
|
+
height: string;
|
|
720
|
+
overflow: string;
|
|
721
|
+
} | {
|
|
722
|
+
paddingBottom: string;
|
|
723
|
+
position: string;
|
|
724
|
+
width: string;
|
|
725
|
+
height: string;
|
|
726
|
+
overflow: string;
|
|
727
|
+
} | {
|
|
728
|
+
paddingBottom: string;
|
|
729
|
+
position: string;
|
|
730
|
+
width: string;
|
|
731
|
+
height: string;
|
|
732
|
+
overflow: string;
|
|
733
|
+
} | {
|
|
734
|
+
paddingBottom: string;
|
|
735
|
+
position: string;
|
|
736
|
+
width: string;
|
|
737
|
+
height: string;
|
|
738
|
+
overflow: string;
|
|
739
|
+
};
|
|
740
|
+
img: {
|
|
741
|
+
backgroundColor: string;
|
|
742
|
+
height: string;
|
|
743
|
+
left: string;
|
|
744
|
+
maxWidth: string;
|
|
745
|
+
position: string;
|
|
746
|
+
top: string;
|
|
747
|
+
width: string;
|
|
748
|
+
_dark: {
|
|
749
|
+
backgroundColor: string;
|
|
750
|
+
};
|
|
751
|
+
};
|
|
752
|
+
maxWidth: string;
|
|
753
|
+
marginStart: string;
|
|
754
|
+
marginEnd: string;
|
|
755
|
+
width: string;
|
|
660
756
|
};
|
|
661
757
|
};
|
|
662
758
|
export { CustomImage, CustomImageWrapper };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DS Maintainer note:
|
|
3
|
+
* This file is a copy of the ChakraProvider component from the Chakra UI v1.8.8
|
|
4
|
+
* library. The fixes we want are available in v2.7.0 but that is not compatible
|
|
5
|
+
* with our current implementation. The workaround is to copy the entire component
|
|
6
|
+
* and add the fixes ourselves. The prop names are kept the same as the fixed
|
|
7
|
+
* 2.7.0 version to allow an easier upgrade path in the future.
|
|
8
|
+
*
|
|
9
|
+
* https://github.com/chakra-ui/chakra-ui/blob/%40chakra-ui/react%401.8.8/packages/provider/src/chakra-provider.tsx
|
|
10
|
+
*/
|
|
11
|
+
import { ColorModeProviderProps, ThemeProviderProps } from "@chakra-ui/system";
|
|
12
|
+
import { Dict } from "@chakra-ui/utils";
|
|
13
|
+
import { EnvironmentProviderProps } from "@chakra-ui/react-env";
|
|
14
|
+
import * as React from "react";
|
|
15
|
+
export interface ChakraProviderProps extends Pick<ThemeProviderProps, "cssVarsRoot"> {
|
|
16
|
+
/**
|
|
17
|
+
* a theme. if omitted, uses the default theme provided by chakra
|
|
18
|
+
*/
|
|
19
|
+
theme?: Dict;
|
|
20
|
+
/**
|
|
21
|
+
* Common z-index to use for `Portal`
|
|
22
|
+
*
|
|
23
|
+
* @default undefined
|
|
24
|
+
*/
|
|
25
|
+
portalZIndex?: number;
|
|
26
|
+
/**
|
|
27
|
+
* If `true`, `CSSReset` component will be mounted to help
|
|
28
|
+
* you reset browser styles
|
|
29
|
+
*
|
|
30
|
+
* @default true
|
|
31
|
+
*/
|
|
32
|
+
resetCSS?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* The selector to scope the css reset styles to.
|
|
35
|
+
*/
|
|
36
|
+
resetScope?: string;
|
|
37
|
+
/**
|
|
38
|
+
* manager to persist a users color mode preference in
|
|
39
|
+
*
|
|
40
|
+
* omit if you don't render server-side
|
|
41
|
+
* for SSR: choose `cookieStorageManager`
|
|
42
|
+
*
|
|
43
|
+
* @default localStorageManager
|
|
44
|
+
*/
|
|
45
|
+
colorModeManager?: ColorModeProviderProps["colorModeManager"];
|
|
46
|
+
/**
|
|
47
|
+
* Your application content
|
|
48
|
+
*/
|
|
49
|
+
children?: React.ReactNode;
|
|
50
|
+
/**
|
|
51
|
+
* The environment (`window` and `document`) to be used by
|
|
52
|
+
* all components and hooks.
|
|
53
|
+
*
|
|
54
|
+
* By default, we smartly determine the ownerDocument and defaultView
|
|
55
|
+
* based on where `ChakraProvider` is rendered.
|
|
56
|
+
*/
|
|
57
|
+
environment?: EnvironmentProviderProps["environment"];
|
|
58
|
+
/**
|
|
59
|
+
* If `true`, Chakra will not mount the global styles defined in the theme.
|
|
60
|
+
*/
|
|
61
|
+
disableGlobalStyle?: boolean;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* The global provider that must be added to make all Chakra components
|
|
65
|
+
* work correctly
|
|
66
|
+
*/
|
|
67
|
+
export declare const ChakraProvider: React.FC<ChakraProviderProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ChakraProviderProps } from "
|
|
3
|
-
declare const DSProvider: ({ children, colorModeManager, }: React.PropsWithChildren<ChakraProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
2
|
+
import { ChakraProviderProps } from "./internalChakraProvider";
|
|
3
|
+
declare const DSProvider: ({ children, colorModeManager, disableGlobalStyle, resetCSS, theme, }: React.PropsWithChildren<ChakraProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default DSProvider;
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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:"×"}.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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nypl/design-system-react-components",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.1-rc",
|
|
4
4
|
"description": "NYPL Reservoir Design System React Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"lint": "eslint src --ext=ts,tsx --cache",
|
|
39
39
|
"prepare": "npm run build && husky install",
|
|
40
40
|
"storybook": "storybook dev -p 6006",
|
|
41
|
-
"build-storybook:v1": "
|
|
41
|
+
"build-storybook:v1": "storybook build -c .storybook -o ./reservoir/v1",
|
|
42
42
|
"prebuild:storybook": "npm run test:generate-output",
|
|
43
43
|
"build-storybook": "storybook build"
|
|
44
44
|
},
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
"style-loader": "2.0.0",
|
|
136
136
|
"ts-jest": "29.0.5",
|
|
137
137
|
"tslib": "2.3.0",
|
|
138
|
-
"vite": "4.
|
|
138
|
+
"vite": "4.3.9",
|
|
139
139
|
"vite-plugin-dts": "2.1.0"
|
|
140
140
|
}
|
|
141
141
|
}
|