@nypl/design-system-react-components 1.5.1 → 1.6.0-vite-rc

package/dist/helpers/types.d.ts

@@ -1 +0,0 @@
-export declare type LayoutTypes = "column" | "row";

package/dist/hooks/__tests__/useCarouselStyles.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/__tests__/useFilterBar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/__tests__/useMultiSelect.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/index.d.ts

@@ -1,65 +0,0 @@
-import "./styles.scss";
-export { Box, Center, Circle, ColorModeScript, cookieStorageManager, Flex, Grid, GridItem, HStack, localStorageManager, Spacer, Square, Stack, useColorMode, useColorModeValue, VStack, } from "@chakra-ui/react";
-export { default as Accordion, AccordionTypes, } from "./components/Accordion/Accordion";
-export { default as AlphabetFilter } from "./components/AlphabetFilter/AlphabetFilter";
-export { default as AudioPlayer, AudioType, } from "./components/AudioPlayer/AudioPlayer";
-export { default as Breadcrumbs, BreadcrumbsTypes, } from "./components/Breadcrumbs/Breadcrumbs";
-export { default as Button, ButtonTypes } from "./components/Button/Button";
-export { default as ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
-export { default as Card, CardActions, CardContent, CardHeading, } from "./components/Card/Card";
-export { default as Checkbox } from "./components/Checkbox/Checkbox";
-export { default as CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup";
-export { default as ColorCard } from "./components/StyleGuide/ColorCard";
-export { default as DatePicker, DatePickerTypes, FullDateType, } from "./components/DatePicker/DatePicker";
-export { default as DSProvider } from "./theme/provider";
-export { default as FeedbackBox, useFeedbackBox, } from "./components/FeedbackBox/FeedbackBox";
-export { default as Fieldset } from "./components/Fieldset/Fieldset";
-export { default as FilterBar } from "./components/FilterBar/FilterBar";
-export { default as Footer } from "./components/Footer/Footer";
-export { default as Form, FormField, FormRow } from "./components/Form/Form";
-export { default as Header } from "./components/Header/Header";
-export { default as Heading, HeadingSizes, HeadingLevels, } from "./components/Heading/Heading";
-export { default as HelperErrorText } from "./components/HelperErrorText/HelperErrorText";
-export { default as Hero, HeroTypes } from "./components/Hero/Hero";
-export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
-export { default as Icon, IconAlign, IconColors, IconNames, IconRotationTypes, IconSizes, IconTypes, } from "./components/Icons/Icon";
-export { default as Image, ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
-export { default as Label } from "./components/Label/Label";
-export { LayoutTypes } from "./helpers/types";
-export { default as Link, LinkTypes } from "./components/Link/Link";
-export { default as List, ListTypes } from "./components/List/List";
-export { default as Logo, LogoNames, LogoSizes } from "./components/Logo/Logo";
-export { ModalTrigger, useModal } from "./components/Modal/Modal";
-export { default as MultiSelect, MultiSelectProps, MultiSelectItem, SelectedItems, } from "./components/MultiSelect/MultiSelect";
-export { default as MultiSelectGroup, MultiSelectGroupProps, } from "./components/MultiSelectGroup/MultiSelectGroup";
-export { default as Notification, NotificationTypes, } from "./components/Notification/Notification";
-export { default as Pagination } from "./components/Pagination/Pagination";
-export { default as ProgressIndicator, ProgressIndicatorSizes, ProgressIndicatorTypes, } from "./components/ProgressIndicator/ProgressIndicator";
-export { default as Radio } from "./components/Radio/Radio";
-export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
-export { default as SearchBar } from "./components/SearchBar/SearchBar";
-export { default as Select, LabelPositions } from "./components/Select/Select";
-export { default as SimpleGrid, GridGaps } from "./components/Grid/SimpleGrid";
-export { default as SkeletonLoader, SkeletonLoaderImageRatios, } from "./components/SkeletonLoader/SkeletonLoader";
-export { default as SkipNavigation } from "./components/SkipNavigation/SkipNavigation";
-export { default as Slider } from "./components/Slider/Slider";
-export { default as StatusBadge, StatusBadgeTypes, } from "./components/StatusBadge/StatusBadge";
-export { default as StructuredContent, StructuredContentImagePosition, } from "./components/StructuredContent/StructuredContent";
-export { default as StyledList } from "./components/StyledList/StyledList";
-export { default as Tabs, TabList, Tab, TabPanels, TabPanel, } from "./components/Tabs/Tabs";
-export { default as TagSet } from "./components/TagSet/TagSet";
-export { TagSetExploreDataProps } from "./components/TagSet/TagSetExplore";
-export { TagSetFilterDataProps } from "./components/TagSet/TagSetFilter";
-export { TemplateAppContainer, Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, } from "./components/Template/Template";
-export { default as Text, TextSizes } from "./components/Text/Text";
-export { default as TextInput, TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
-export { default as Toggle, ToggleSizes } from "./components/Toggle/Toggle";
-export { default as useCarouselStyles } from "./hooks/useCarouselStyles";
-export { default as useFilterBar } from "./hooks/useFilterBar";
-export { default as useMultiSelect } from "./hooks/useMultiSelect";
-export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";
-export { default as useNYPLTheme } from "./hooks/useNYPLTheme";
-export { default as useWindowSize } from "./hooks/useWindowSize";
-export { default as VideoPlayer, VideoPlayerAspectRatios, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
-export { default as Table } from "./components/Table/Table";
-export { default as Tooltip } from "./components/Tooltip/Tooltip";

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./design-system-react-components.cjs.production.min.js')
-} else {
-  module.exports = require('./design-system-react-components.cjs.development.js')
-}

package/dist/resources.scss

@@ -1,382 +0,0 @@
-/**
- * Breakpoint Configuration
- * @see https://github.com/Team-Sass/breakpoint/wiki
- */
-
-// Global Breakpoints
-
-// Avoid using in favor of atomic, content-specific, breakpoints.
-// These should be used for generic code, like layouts and typography, only.
-// The CSS variables and the Sass variables below need to stay in sync.
-// Sass' breakpoint() mixin doesn't work without Sass variables.
-// CSS variables expose the breakpoint variables to consumers.
-:root {
-  --nypl-breakpoint-small: 320px;
-  --nypl-breakpoint-medium: 600px;
-  --nypl-breakpoint-large: 960px;
-  --nypl-breakpoint-xl: 1280px;
-}
-
-$nypl-breakpoint-small: 320px;
-$nypl-breakpoint-medium: 600px;
-$nypl-breakpoint-large: 960px;
-$nypl-breakpoint-xl: 1280px;
-// The max-width breakpoint is used when the design should be applied at
-// whatever the largest breakpoint is regardless of actual pixel value,
-// e.g. removing outer margin on body wrapper.
-$nypl-max-width: $nypl-breakpoint-xl;
-
-/////////////////////
-// General Mixins (put specific ones in component files where applicable)
-
-/// Mixin - Clearfix.
-/// Adds clearfix based on http://bourbon.io/docs/#clearfix
-/// use example = @include clearfix
-
-@mixin clearfix {
-  &::after {
-    clear: both;
-    content: "";
-    display: table;
-  }
-}
-
-@mixin list-reset {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-@mixin fieldset-reset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-
-/// Mixin - Wrapper
-/// Outer container mixin for large screens
-@mixin wrapper(
-  $container-max-width: $max-width,
-  $outer-container-break: $nypl-breakpoint-small,
-  $v-margin: 0,
-  $v-padding: 0,
-  $h-padding: var(--nypl-space-s)
-) {
-  margin: #{$v-margin} auto;
-  max-width: #{$container-max-width};
-  padding: #{$v-padding} #{$h-padding};
-  width: 100%;
-}
-
-/// Use the breakout mixin for elements that should be edge-to-edge
-/// Even when a parent container uses the wrapper mixin
-@mixin breakout($v-padding: var(--nypl-space-s)) {
-  margin-left: calc(-50vw + 50%);
-  margin-right: calc(-50vw + 50%);
-}
-
-// Use the screenreader-only mixin for elements that you want to be visually hidden, but still want screenreaders to read out
-@mixin screenreader-only() {
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute !important;
-  width: 1px;
-  word-wrap: normal;
-}
-
-// Focus state mixin
-@mixin focus-outline($darkBackground: false) {
-  outline: 2px solid var(--nypl-colors-ui-focus);
-  outline-offset: 2px;
-  z-index: 9999;
-
-  @if $darkBackground {
-    outline-color: var(--nypl-colors-ui-white);
-  }
-}
-
-//Convert pixel values to rem
-@function to-rem($size) {
-  @return $size / 16px * 1rem;
-}
-
-//Process a color variable so that it can be used in a data URI/URL
-@function url-friendly-colour($colour) {
-  @return "%23" + str-slice("#{$colour}", 2, -1);
-}
-
-@mixin placeholder {
-  &::-webkit-input-placeholder {
-    @content;
-  }
-
-  &::-moz-placeholder {
-    @content;
-
-    opacity: 1;
-  }
-
-  &:-moz-placeholder {
-    @content;
-  }
-
-  &:-ms-input-placeholder {
-    @content;
-  }
-}
-
-/**
- * --nypl-space-xxs: --nypl-space-s / 4  //  4px or 0.25rem
- * --nypl-space-xs: --nypl-space-s / 2   //  8px or 0.5rem
- * --nypl-space-s: --nypl-space-s * 1;   // 16px or 1rem
- * --nypl-space-m: --nypl-space * 1.5;   // 24px or 1.5rem
- * --nypl-space-l: --nypl-space * 2;     // 32px or 2rem
- * --nypl-space-xl: --nypl-space * 3;    // 48px or 3rem
- * --nypl-space-xxl: --nypl-space * 4;   // 64px or 4rem
- */
-
-@mixin space-inline-none {
-  margin-right: 0;
-}
-
-@mixin space-inline-xxs {
-  margin-right: var(--nypl-space-xxs);
-}
-
-@mixin space-inline-xs {
-  margin-right: var(--nypl-space-xs);
-}
-
-@mixin space-inline-s {
-  margin-right: var(--nypl-space-s);
-}
-
-@mixin space-inline-m {
-  margin-right: var(--nypl-space-m);
-}
-
-@mixin space-inline-l {
-  margin-right: var(--nypl-space-l);
-}
-
-@mixin space-inline-xl {
-  margin-right: var(--nypl-space-xl);
-}
-
-@mixin space-inline-xxl {
-  margin-right: var(--nypl-space-xxl);
-}
-
-@mixin get-space-inline($id) {
-  @if $id == "none" {
-    @include space-inline-none;
-  }
-
-  @if $id == "xxs" {
-    @include space-inline-xxs;
-  }
-
-  @if $id == "xs" {
-    @include space-inline-xs;
-  }
-
-  @if $id == "s" {
-    @include space-inline-s;
-  }
-
-  @if $id == "m" {
-    @include space-inline-m;
-  }
-
-  @if $id == "l" {
-    @include space-inline-l;
-  }
-
-  @if $id == "xl" {
-    @include space-inline-xl;
-  }
-
-  @if $id == "xxl" {
-    @include space-inline-xxl;
-  }
-
-  @if $id == "xxxl" {
-    @include space-inline-xxxl;
-  }
-}
-
-/**
- * --nypl-space-xs: --nypl-space-s / 2   //  8px or 0.5rem
- * --nypl-space-s: --nypl-space-s * 1;   // 16px or 1rem
- * --nypl-space-m: --nypl-space * 1.5;   // 24px or 1.5rem
- * --nypl-space-l: --nypl-space * 2;     // 32px or 2rem
- * --nypl-space-xl: --nypl-space * 3;    // 48px or 3rem
- */
-
-@mixin space-inset-none {
-  padding: 0;
-}
-
-@mixin space-inset-xs {
-  padding: var(--nypl-space-xs);
-}
-
-@mixin space-inset-s {
-  padding: var(--nypl-space-s);
-}
-
-@mixin space-inset-m {
-  padding: var(--nypl-space-m);
-}
-
-@mixin space-inset-l {
-  padding: var(--nypl-space-l);
-}
-
-@mixin space-inset-xl {
-  padding: var(--nypl-space-xl);
-}
-
-@mixin get-space-inset($id) {
-  @if $id == "none" {
-    @include space-inset-none;
-  }
-
-  @if $id == "xs" {
-    @include space-inset-xs;
-  }
-
-  @if $id == "s" {
-    @include space-inset-s;
-  }
-
-  @if $id == "m" {
-    @include space-inset-m;
-  }
-
-  @if $id == "l" {
-    @include space-inset-l;
-  }
-
-  @if $id == "xl" {
-    @include space-inset-xl;
-  }
-}
-
-/**
- * --nypl-space-xxs: --nypl-space-s / 4   //  4px or 0.25rem
- * --nypl-space-xs: --nypl-space-s / 2    //  8px or 0.5rem
- * --nypl-space-s: --nypl-space-s * 1;    // 16px or 1rem
- * --nypl-space-m: --nypl-space-s * 1.5;  // 24px or 1.5rem
- * --nypl-space-l: --nypl-space-s * 2;    // 32px or 2rem
- * --nypl-space-xl: --nypl-space-s * 3;   // 48px or 3rem
- * --nypl-space-xxl: --nypl-space-s * 4;  // 64px or 4rem
- * --nypl-space-xxxl: --nypl-space-s * 6; // 96px or 6rem
- */
-
-@mixin space-stack-none {
-  margin-bottom: 0;
-}
-
-@mixin space-stack-xxs {
-  margin-bottom: var(--nypl-space-xxs);
-}
-
-@mixin space-stack-xs {
-  margin-bottom: var(--nypl-space-xs);
-}
-
-@mixin space-stack-s {
-  margin-bottom: var(--nypl-space-s);
-}
-
-@mixin space-stack-m {
-  margin-bottom: var(--nypl-space-m);
-}
-
-@mixin space-stack-l {
-  margin-bottom: var(--nypl-space-l);
-}
-
-@mixin space-stack-xl {
-  margin-bottom: var(--nypl-space-xl);
-}
-
-@mixin space-stack-xxl {
-  margin-bottom: var(--nypl-space-xxl);
-}
-
-@mixin space-stack-xxxl {
-  margin-bottom: var(--nypl-space-xxxl);
-}
-
-@mixin space-stack-page {
-  @include space-stack-l;
-
-  @include breakpoint($nypl-breakpoint-large) {
-    @include space-stack-xl;
-  }
-
-  &--full {
-    @include space-stack-xxl;
-
-    @include breakpoint($nypl-breakpoint-large) {
-      @include space-stack-xxxl;
-    }
-  }
-}
-
-@mixin remove-stack-page {
-  margin-top: calc(-1 * 32px);
-
-  @include breakpoint($nypl-breakpoint-large) {
-    margin-top: calc(-1 * 48px);
-  }
-
-  &--full {
-    margin-top: calc(-1 * 64px);
-
-    @include breakpoint($nypl-breakpoint-large) {
-      margin-top: calc(-1 * 96px);
-    }
-  }
-}
-
-@mixin get-space-stack($id) {
-  @if $id == "none" {
-    @include space-stack-none;
-  }
-
-  @if $id == "xxs" {
-    @include space-stack-xxs;
-  }
-
-  @if $id == "xs" {
-    @include space-stack-xs;
-  }
-
-  @if $id == "s" {
-    @include space-stack-s;
-  }
-
-  @if $id == "m" {
-    @include space-stack-m;
-  }
-
-  @if $id == "l" {
-    @include space-stack-l;
-  }
-
-  @if $id == "xl" {
-    @include space-stack-xl;
-  }
-
-  @if $id == "xxl" {
-    @include space-stack-xxl;
-  }
-
-  @if $id == "xxxl" {
-    @include space-stack-xxxl;
-  }
-}

package/dist/styles.css

@@ -1,4 +0,0 @@
-@charset "UTF-8";
-/*! 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}
-
-/*! 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-gray-medium)}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.date-picker-calendar .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-gray-medium)!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-gray-medium)}.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-gray-medium)}.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-gray-dark)!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}

package/dist/theme/types.d.ts

@@ -1 +0,0 @@
-export declare type Dict<T = any> = Record<string, T>;

package/dist/utils/componentCategories.d.ts

@@ -1 +0,0 @@
-export declare const getCategory: (component: string) => string;