@newskit-render/shared-components 2.6.2 → 3.0.0-alpha.0

package/README.md

@@ -25,8 +25,9 @@ interface TBackButton {
 export interface BackButtonOverrides {
   stylePreset?: MQ<string>
   typographyPreset?: MQ<string>
-  spaceInset?: MQ<string>
-  spaceStack?: MQ<string>
+  paddingInline?: MQ<string>
+  paddingBlock?: MQ<string>
+  marginBlockEnd?: MQ<string>
   iconSize?: MQ<string>
   size?: 'small' | 'medium' | 'large'
   asLink?: boolean
@@ -217,7 +218,7 @@ interface ContentListViewProps {
   }
   link?: boolean
   ariaLabel?: string
-  spaceStack?: MQ<string>
+  marginBlockEnd?: MQ<string>
   stylePreset?: MQ<string>
   showDividerByBreakpoint?: boolean
 }
@@ -288,33 +289,33 @@ interface CorePackageContentProps {
  titleBar?: TitleBarProps
  image?:
    | (ImageProps & {
-       spaceStack?: MQ<string>
+       marginBlockEnd?: MQ<string>
      })
    | false
  benifitList?: Omit<UnorderedListProps, 'children'> & {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
    icon?: NewsKitIcon
  }
  benifitItems?: string[]
  divider?: {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  promo?: string
  promoOverrides?: Omit<TextBlockProps, 'children'> & {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  paymentKey?: string
  paymentValue?: string
  paymentOverrides?: Omit<TextBlockProps, 'children'> & {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  description?: string
  descriptionOverrides?: Omit<TextBlockProps, 'children'> & {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  billingDetails?: string
  billingDetailsOverrides?: Omit<TextBlockProps, 'children'> & {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  backgroundColor?: string
  padding?: string
@@ -343,7 +344,7 @@ interface ExpandSectionProps {
      stylePreset?: MQ<string>
      typographyPreset?: MQ<string>
    }
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
  }
  textOverrides?: {
    typographyPreset?: MQ<string>
@@ -352,7 +353,8 @@ interface ExpandSectionProps {
  }
  buttonOverrides?: {
    stylePreset?: MQ<string>
-   spaceInset?: MQ<string>
+   paddingInline?: MQ<string>
+   paddingBlock?: MQ<string>
    minHeight?: MQ<string>
    minWidth?: MQ<string>
    width?: MQ<string>
@@ -413,7 +415,7 @@ type HeaderProps = IntroductionProps & {
  backButton?: TBackButton
  backButtonOverrides?: BackButtonOverrides
  image?: EnhancedImageProps | false
- spaceStack?: MQ<string>
+ marginBlockEnd?: MQ<string>
  showDivider?: boolean
  fullWidthTitle?: boolean
  imageCell?: CellProps
@@ -503,21 +505,24 @@ interface ModalProps
 }
 
 interface ModalContentProps {
-  spaceInset?: MQ<string>
+  paddingInline?: MQ<string>
+  paddingBlock?: MQ<string>
   image?: ImageProps & {
-    spaceStack?: MQ<string>
+    marginBlockEnd?: MQ<string>
   }
   introduction?: IntroductionProps
   inlineMessage?: Omit<InlineMessageProps, 'children'> & {
     message?: string
-    spaceStack?: MQ<string>
+    marginBlockEnd?: MQ<string>
   }
   corePackageContent?: CorePackageContentProps
   buttonGroup?: ButtonGroupProps & {
-    spaceInset?: MQ<string>
+    paddingInline?: MQ<string>
+    paddingBlock?: MQ<string>
   }
   centeredButton?: ButtonProps & {
-    spaceInset?: MQ<string>
+    paddingInline?: MQ<string>
+    paddingBlock?: MQ<string>
   }
   modalLink?: ModalLinkProps
 }
@@ -568,10 +573,12 @@ interface FooterContextOverrides {
  menuItemOverrides?: {
    stylePreset?: MQ<string>
    typographyPreset?: MQ<string>
-   spaceInset?: MQ<string>
+   paddingInline?: MQ<string>
+   paddingBlock?: MQ<string>
+
  }
  menuOverrides?: {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
    backgroundColor?: string
    borderColorTop?: string
    borderColorBottom?: string
@@ -581,7 +588,7 @@ interface FooterContextOverrides {
    }
  }
  legalTextOverrides?: {
-   spaceStack?: MQ<string>
+   marginBlockEnd?: MQ<string>
    stylePreset?: MQ<string>
    typographyPreset?: MQ<string>
    padding?: {
@@ -799,7 +806,8 @@ const props: SecureFlagProps = {
 
 interface SecureFlagProps extends FlagProps {
  iconOverrides?: {
-   spaceInset?: MQ<string>
+   paddingInline?: MQ<string>
+   paddingBlock?: MQ<string>
    spaceInline?: MQ<string>
    size?: MQ<string>
    stylePreset?: MQ<string>
@@ -814,12 +822,14 @@ The component has a default styling in the theme, consisting of `size`, `overrid
 const secureFlagDefaultOverrides = {
   stylePreset: 'secureFlagStylePresets',
   typographyPreset: 'utilityLabel010',
-  spaceInset: 'space000',
+  paddingInline: 'space000',
+  paddingBlock: 'space000',
   spaceInline: 'space020',
 }
 
 const secureFlagIconDefaultOverrides = {
-  spaceInset: 'space000',
+  paddingInline: 'space000',
+  paddingBlock: 'space000',
   spaceInline: 'space020',
   size: 'iconSize020',
 }
@@ -897,7 +907,8 @@ interface SubscriptionDetailsProps {
  }
  bannerOverrides?: {
    stylePreset: MQ<string>
-   spaceInset: MQ<string>
+   paddingInline?: MQ<string>
+   paddingBlock?: MQ<string>
    maxWidth: string
    minHeight: MQ<string>
    content: {
@@ -912,7 +923,7 @@ interface SubscriptionDetailsProps {
  }
  containerOverrides?: {
    stylePreset: MQ<string>
-   spaceStack: MQ<string>
+   marginBlockEnd: MQ<string>
  }
  margin?: {
    xsMargin?: string
@@ -953,7 +964,7 @@ This component displays the title of the CorePackageContent and takes the follow
 interface TitleBarProps
  extends Omit<NKTitleBarProps, 'children' | 'actionItem'> {
  text: string
- spaceStack?: MQ<string>
+ marginBlockEnd?: MQ<string>
  link?: {
    text: string
    href: string
@@ -962,8 +973,9 @@ interface TitleBarProps
  linkOverriders?: {
    stylePreset?: MQ<string>
    typographyPreset?: MQ<string>
-   spaceInset?: MQ<string>
-   spaceStack?: MQ<string>
+   paddingInline?: MQ<string>
+   paddingBlock?: MQ<string>
+   marginBlockEnd?: MQ<string>
    iconSize?: MQ<string>
  }
 }

package/dist/cjs/BackButton/BackButton.js

@@ -20,7 +20,7 @@ var paddingCB = function (size) { return ({
 var StyledLink = (0, newskit_1.styled)(Link_1.NextLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, newskit_1.getSizingCssFromTheme)(paddingCB, 'sizing030'));
 var BackButton = function (_a) {
     var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides;
-    return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(newskit_1.Block, { spaceStack: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.spaceStack }, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (react_1.default.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
+    return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd }, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (react_1.default.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
         react_1.default.createElement(IconFilledKeyboardArrowLeft, { overrides: {
                 size: backButtonOverrides.iconSize,
                 stylePreset: backButtonOverrides.stylePreset,

package/dist/cjs/BackButton/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,UAAU,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,IAC/C,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,8BAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;QAE9B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;gBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;aAC7C,GACD;QACD,UAAU,CAAC,IAAI,CACL,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,8BAAC,gBAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACK,CACT,CACA,CACJ;AApCK,CAoCL,CAAA;AAvCY,QAAA,UAAU,cAuCtB"}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,IACvD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,8BAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;QAE9B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;gBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;aAC7C,GACD;QACD,UAAU,CAAC,IAAI,CACL,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,8BAAC,gBAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACK,CACT,CACA,CACJ;AApCK,CAoCL,CAAA;AAvCY,QAAA,UAAU,cAuCtB"}

package/dist/cjs/BackButton/types.d.ts

@@ -7,8 +7,9 @@ export interface TBackButton {
 export interface BackButtonOverrides {
     stylePreset?: MQ<string>;
     typographyPreset?: MQ<string>;
-    spaceInset?: MQ<string>;
-    spaceStack?: MQ<string>;
+    paddingInline?: MQ<string>;
+    paddingBlock?: MQ<string>;
+    marginBlockEnd?: MQ<string>;
     iconSize?: MQ<string>;
     size?: 'small' | 'medium' | 'large';
     asLink?: boolean;

package/dist/cjs/Calendar/CalendarStylesTheme.js

@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalendarStyles = void 0;
 var newskit_1 = require("newskit");
-exports.CalendarStyles = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 555px;\n  ", "\n  .PresetDateRangePicker_panel {\n    padding: 0 22px 11px;\n  }\n  .PresetDateRangePicker_button {\n    position: relative;\n    height: 100%;\n    text-align: center;\n    background: 0 0;\n    border: 2px solid #00a699;\n    color: #00a699;\n    padding: 4px 12px;\n    margin-right: 8px;\n    font: inherit;\n    font-weight: 700;\n    line-height: normal;\n    overflow: visible;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n  .PresetDateRangePicker_button:active {\n    outline: 0;\n  }\n  .PresetDateRangePicker_button__selected {\n    color: #fff;\n    background: #00a699;\n  }\n  .SingleDatePickerInput {\n    display: inline-block;\n    background-color: #fff;\n  }\n  .SingleDatePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .SingleDatePickerInput__rtl {\n    direction: rtl;\n  }\n  .SingleDatePickerInput__disabled {\n    background-color: #f2f2f2;\n  }\n  .SingleDatePickerInput__block {\n    display: block;\n  }\n  .SingleDatePickerInput__showClearDate {\n    padding-right: 30px;\n  }\n  .SingleDatePickerInput_clearDate {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .SingleDatePickerInput_clearDate__default:focus,\n  .SingleDatePickerInput_clearDate__default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .SingleDatePickerInput_clearDate__small {\n    padding: 6px;\n  }\n  .SingleDatePickerInput_clearDate__hide {\n    visibility: hidden;\n  }\n  .SingleDatePickerInput_clearDate_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .SingleDatePickerInput_clearDate_svg__small {\n    height: 9px;\n  }\n  .SingleDatePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .SingleDatePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .SingleDatePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .SingleDatePicker__block {\n    display: block;\n  }\n  .SingleDatePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n  }\n  .SingleDatePicker_picker__rtl {\n    direction: rtl;\n  }\n  .SingleDatePicker_picker__directionLeft {\n    left: 0;\n  }\n  .SingleDatePicker_picker__directionRight {\n    right: 0;\n  }\n  .SingleDatePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .SingleDatePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .SingleDatePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .SingleDatePicker_closeButton:focus,\n  .SingleDatePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .SingleDatePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset {\n    background: 0 0;\n    border: 0;\n    border-radius: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    cursor: pointer;\n    font-size: 14px;\n    display: none;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_show {\n    width: 33px;\n    height: 26px;\n    position: absolute;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_show::before {\n    content: '';\n    display: block;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight {\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight::before {\n    border-top: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight {\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight::before {\n    border-bottom: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft {\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft::before {\n    border-bottom: 26px solid transparent;\n    border-left: 33px solid #00a699;\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n    border-left: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_showSpan {\n    color: #fff;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n    bottom: 0;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topRight {\n    top: 1px;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topLeft {\n    top: 1px;\n    left: 5px;\n  }\n  .DayPickerKeyboardShortcuts_panel {\n    overflow: auto;\n    background: #fff;\n    border: 1px solid #dbdbdb;\n    border-radius: 2px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    padding: 22px;\n    margin: 33px;\n    text-align: left;\n  }\n  .DayPickerKeyboardShortcuts_title {\n    font-size: 16px;\n    font-weight: 700;\n    margin: 0;\n  }\n  .DayPickerKeyboardShortcuts_list {\n    list-style: none;\n    padding: 0;\n    font-size: 14px;\n  }\n  .DayPickerKeyboardShortcuts_close {\n    position: absolute;\n    right: 22px;\n    top: 22px;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_close:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg:focus,\n  .DayPickerKeyboardShortcuts_closeSvg:hover {\n    fill: #82888a;\n  }\n  .CalendarDay {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-size: 14px;\n    text-align: center;\n    ", "\n  }\n  .CalendarDay:active {\n    outline: 0;\n  }\n  .CalendarDay__defaultCursor {\n    cursor: default;\n  }\n  .CalendarDay__default {\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__default:hover {\n    ", "\n    border: 0;\n    color: inherit;\n  }\n  .CalendarDay__hovered_offset {\n    background: #f4f5f5;\n    border: 1px double #e4e7e7;\n    color: inherit;\n  }\n  .CalendarDay__outside {\n    border: 0;\n    background: #fff;\n    color: #484848;\n  }\n  .CalendarDay__outside:hover {\n    border: 0;\n  }\n  .CalendarDay__blocked_minimum_nights {\n    background: #fff;\n    border: 1px solid #eceeee;\n    color: #cacccd;\n  }\n  .CalendarDay__blocked_minimum_nights:active,\n  .CalendarDay__blocked_minimum_nights:hover {\n    background: #fff;\n    color: #cacccd;\n  }\n  .CalendarDay__highlighted_calendar {\n    background: #ffe8bc;\n    color: #484848;\n  }\n  .CalendarDay__highlighted_calendar:active,\n  .CalendarDay__highlighted_calendar:hover {\n    background: #ffce71;\n    color: #484848;\n  }\n  .CalendarDay__selected_span {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected_span:active,\n  .CalendarDay__selected_span:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected,\n  .CalendarDay__selected:active,\n  .CalendarDay__selected:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__hovered_span,\n  .CalendarDay__hovered_span:hover {\n    ", "\n    border: none;\n  \n    ", "\n  }\n  .CalendarDay__hovered_span:active {\n    background: #80e8e0;\n    ", "\n    border: none;\n    color: #007a87;\n  }\n  .CalendarDay__blocked_calendar,\n  .CalendarDay__blocked_calendar:active,\n  .CalendarDay__blocked_calendar:hover {\n    border: 0;\n    ", "\n  }\n  .CalendarDay__blocked_out_of_range,\n  .CalendarDay__blocked_out_of_range:active,\n  .CalendarDay__blocked_out_of_range:hover {\n    background: #fff;\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__hovered_start_first_possible_end {\n    background: #eceeee;\n    border: 1px double #eceeee;\n  }\n  .CalendarDay__hovered_start_blocked_min_nights {\n    background: #eceeee;\n    border: 1px double #e4e7e7;\n  }\n  .CalendarMonth {\n    background: #fff;\n    text-align: center;\n    vertical-align: top;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0 !important;\n    width; 100%;\n  }\n  .CalendarMonth_table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 3px;\n  }\n  .CalendarMonth_verticalSpacing {\n    border-collapse: separate;\n  }\n  .CalendarMonth_caption {\n    ", "\n    ", "\n    width: 100%;\n    text-align: center;\n    padding-top: 22px;\n    padding-bottom: 37px;\n    caption-side: initial;\n  }\n  .CalendarMonth_caption__verticalScrollable {\n    padding-top: 12px;\n    padding-bottom: 7px;\n  }\n  .CalendarMonthGrid {\n    ", "\n    ", "\n    text-align: left;\n    z-index: 0;\n  }\n  .CalendarMonthGrid__animating {\n    z-index: 1;\n  }\n  .CalendarMonthGrid__horizontal {\n    position: absolute;\n    left: 0px;\n    margin: 4px;\n  }\n  .CalendarMonthGrid__vertical,\n  .CalendarMonthGrid__vertical_scrollable {\n    margin: 0 auto;\n  }\n  .CalendarMonthGrid_month__horizontal {\n    display: inline-block;\n    vertical-align: top;\n    min-height: 100%;\n  }\n  .CalendarMonthGrid_month__hideForAnimation {\n    position: absolute;\n    z-index: -1;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .CalendarMonthGrid_month__hidden {\n    visibility: hidden;\n  }\n  .DayPickerNavigation {\n    display: flex;\n    justify-items: space-between;\n    position: relative;\n    z-index: 2;\n  }\n  .DayPickerNavigation__horizontal {\n    max-width: 555px;\n    height: 0;\n  }\n  .DayPickerNavigation__verticalScrollable_prevNav {\n    z-index: 1;\n  }\n  .DayPickerNavigation__verticalDefault {\n    position: absolute;\n    width: 100%;\n    height: 52px;\n    bottom: -72px;\n    left: 0;\n  }\n  .DayPickerNavigation__verticalScrollableDefault {\n    position: relative;\n  }\n  .DayPickerNavigation__bottom {\n    height: auto;\n  }\n  .DayPickerNavigation__bottomDefault {\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n  }\n  .DayPickerNavigation_button {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0;\n    margin: 0;\n  }\n  .DayPickerNavigation_button__default {\n    border: 0;\n    background-color: #fff;\n    ", "\n  }\n  .DayPickerNavigation_button__default:focus,\n  .DayPickerNavigation_button__default:hover {\n    border: 0;\n  }\n  .DayPickerNavigation_button__default:active {\n    background: #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled {\n    cursor: default;\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:focus,\n  .DayPickerNavigation_button__disabled:hover {\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:active {\n    background: 0 0;\n  }\n  .DayPickerNavigation_button__horizontalDefault {\n    position: absolute;\n    top: 18px;\n    line-height: 0.78;\n    border-radius: 3px;\n    padding: 9px;\n  }\n  .DayPickerNavigation_bottomButton__horizontalDefault {\n    position: static;\n    margin: -10px 22px 30px;\n  }\n  .DayPickerNavigation_leftButton__horizontalDefault {\n    left: 10px;\n  }\n  .DayPickerNavigation_rightButton__horizontalDefault {\n    right: 18px;\n  }\n  .DayPickerNavigation_button__verticalDefault {\n    background: #fff;\n    box-shadow: none;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 45%;\n    padding: 8px 12px;\n    \n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalDefault {\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalScrollableDefault,\n  .DayPickerNavigation_prevButton__verticalScrollableDefault {\n    width: 100%;\n  }\n  .DayPickerNavigation_svg__horizontal {\n    height: 19px;\n    width: 19px;\n    display: block;\n    ", "\n  }\n  .DayPickerNavigation_svg__vertical {\n    ", "\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_svg__disabled {\n    fill: #f2f2f2;\n  }\n  .DayPicker {\n    background: #fff;\n    position: relative;\n    text-align: left;\n  }\n  .DayPicker__horizontal {\n    background: #fff;\n  }\n  .DayPicker__verticalScrollable {\n    height: 100%;\n  }\n  .DayPicker__hidden {\n    visibility: hidden;\n  }\n  .DayPicker__withBorder {\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n    ", "\n   \n  }\n  .DayPicker_portal__horizontal {\n    box-shadow: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n  }\n  .DayPicker_portal__vertical {\n    position: initial;\n  }\n  .DayPicker_focusRegion {\n    outline: 0;\n  }\n  .DayPicker_calendarInfo__horizontal,\n  .DayPicker_wrapper__horizontal {\n    display: inline-block;\n    vertical-align: top;\n  }\n  .DayPicker_weekHeaders {\n    ", "\n    position: relative;\n  }\n  .DayPicker_weekHeaders__horizontal {\n    margin-left: 9px;\n  }\n  .DayPicker_weekHeader {\n    color: #757575;\n    position: absolute;\n    top: 62px;\n    z-index: 2;\n    text-align: left;\n  }\n  .DayPicker_weekHeader__vertical {\n    display: block;\n  }\n  .DayPicker_weekHeader__verticalScrollable {\n    top: 0;\n    display: table-row;\n    border-bottom: 1px solid #dbdbdb;\n    background: #fff;\n    margin-left: 0;\n    left: 0;\n    width: 100%;\n    text-align: center;\n  }\n  .DayPicker_weekHeader_ul {\n    list-style: none;\n    margin: 1px 0;\n    padding-left: 0;\n    padding-right: 0;\n    ", "\n  }\n  .DayPicker_weekHeader_li {\n    display: inline-block;\n    text-align: center;\n  }\n  .DayPicker_transitionContainer {\n    position: relative;\n    overflow: hidden;\n    border-radius: 3px;\n    ", "\n    max-width: 87%;\n  }\n  .DayPicker_transitionContainer__horizontal {\n    -webkit-transition: height 0.2s ease-in-out;\n    -moz-transition: height 0.2s ease-in-out;\n    transition: height 0.2s ease-in-out;\n  }\n  .DayPicker_transitionContainer__vertical {\n    min-height: 100%;\n  }\n  .DayPicker_transitionContainer__verticalScrollable {\n    padding-top: 20px;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    overflow-y: scroll;\n  }\n  .DateInput {\n    margin: 0;\n    background: #fff;\n    position: relative;\n    display: inline-block;\n    width: 50%;\n    vertical-align: middle;\n  }\n  .DateInput__small {\n    width: 97px;\n  }\n  .DateInput__block {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .DateInput__disabled {\n    background: #f2f2f2;\n    color: #dbdbdb;\n  }\n  .DateInput_input {\n    box-sizing: border-box;\n    diplay: block;\n    width: 100%;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n  .DateInput_input__small {\n    font-size: 15px;\n    line-height: 18px;\n    letter-spacing: 0.2px;\n    padding: 7px 7px 5px;\n  }\n  .DateInput_input__regular {\n    font-weight: auto;\n  }\n  .DateInput_input__readOnly {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .DateInput_input__focused {\n    width: 100%;\n    outline: 0;\n    background: #fff;\n\n  }\n  .DateInput_input__disabled {\n    background: #f2f2f2;\n    font-style: italic;\n  }\n  .DateInput_screenReaderMessage {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  .DateInput_fang {\n    position: absolute;\n    width: 20px;\n    height: 10px;\n    left: 22px;\n    z-index: 2;\n    top: 57px !important;\n  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #919191;\n    fill: transparent;\n  }\n  .DateRangePickerInput {\n    ", "\n    background-color: #fff;\n    display: inline-block;\n  }\n  .DateRangePickerInput__disabled {\n    background: #f2f2f2;\n  }\n  .DateRangePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .DateRangePickerInput__rtl {\n    direction: rtl;\n  }\n  .DateRangePickerInput__block {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .DateRangePickerInput__showClearDates {\n    padding-right: 30px;\n  }\n  .DateRangePickerInput_arrow {\n    display: inline-block;\n    vertical-align: middle;\n    ", "\n    ", "\n    ", "\n  }\n  .DateRangePickerInput_arrow_svg {\n    vertical-align: middle;\n    ", "\n    height: 24px;\n    width: 24px;\n  }\n  .DateRangePickerInput_clearDates {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .DateRangePickerInput_clearDates__small {\n    padding: 6px;\n  }\n  .DateRangePickerInput_clearDates_default:focus,\n  .DateRangePickerInput_clearDates_default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .DateRangePickerInput_clearDates__hide {\n    visibility: hidden;\n  }\n  .DateRangePickerInput_clearDates_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .DateRangePickerInput_clearDates_svg__small {\n    height: 9px;\n  }\n  .DateRangePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .DateRangePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .DateRangePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .DateRangePicker__block {\n    display: block;\n  }\n  .DateRangePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n    width: 100%;\n  }\n  .DateRangePicker_picker__rtl {\n    direction: rtl;\n  }\n  .DateRangePicker_picker__directionLeft {\n    left: 0;\n  }\n  .DateRangePicker_picker__directionRight {\n    right: 0;\n  }\n  .DateRangePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .DateRangePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .DateRangePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .DateRangePicker_closeButton:focus,\n  .DateRangePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .DateRangePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n\n  div.DateRangePicker_picker > div {\n    max-width: 555px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 550px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 550px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 550px !important;\n  }\n\n  div.DayPicker_weekHeader {\n    padding: 0 !important;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n    margin: 0;\n    padding: 0;\n    display: block;\n    width: 100%;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n    > div:nth-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 770px) {\n    .DayPicker_weekHeader_ul {\n      list-style: none;\n      margin: 1px 0;\n      padding-left: 0;\n      padding-right: 0;\n      display: flex;\n      justify-content: space-around;\n    }\n\n    div.DayPicker_weekHeader__vertical {\n      margin: 0 !important;\n      left: 0;\n    }\n\n    div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n      height: 600px;\n    }\n\n    .DayPicker__withBorder {\n      border-radius: 4px;\n    }\n  }\n"], ["\n  width: 100%;\n  max-width: 555px;\n  ", "\n  .PresetDateRangePicker_panel {\n    padding: 0 22px 11px;\n  }\n  .PresetDateRangePicker_button {\n    position: relative;\n    height: 100%;\n    text-align: center;\n    background: 0 0;\n    border: 2px solid #00a699;\n    color: #00a699;\n    padding: 4px 12px;\n    margin-right: 8px;\n    font: inherit;\n    font-weight: 700;\n    line-height: normal;\n    overflow: visible;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n  .PresetDateRangePicker_button:active {\n    outline: 0;\n  }\n  .PresetDateRangePicker_button__selected {\n    color: #fff;\n    background: #00a699;\n  }\n  .SingleDatePickerInput {\n    display: inline-block;\n    background-color: #fff;\n  }\n  .SingleDatePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .SingleDatePickerInput__rtl {\n    direction: rtl;\n  }\n  .SingleDatePickerInput__disabled {\n    background-color: #f2f2f2;\n  }\n  .SingleDatePickerInput__block {\n    display: block;\n  }\n  .SingleDatePickerInput__showClearDate {\n    padding-right: 30px;\n  }\n  .SingleDatePickerInput_clearDate {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .SingleDatePickerInput_clearDate__default:focus,\n  .SingleDatePickerInput_clearDate__default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .SingleDatePickerInput_clearDate__small {\n    padding: 6px;\n  }\n  .SingleDatePickerInput_clearDate__hide {\n    visibility: hidden;\n  }\n  .SingleDatePickerInput_clearDate_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .SingleDatePickerInput_clearDate_svg__small {\n    height: 9px;\n  }\n  .SingleDatePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .SingleDatePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .SingleDatePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .SingleDatePicker__block {\n    display: block;\n  }\n  .SingleDatePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n  }\n  .SingleDatePicker_picker__rtl {\n    direction: rtl;\n  }\n  .SingleDatePicker_picker__directionLeft {\n    left: 0;\n  }\n  .SingleDatePicker_picker__directionRight {\n    right: 0;\n  }\n  .SingleDatePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .SingleDatePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .SingleDatePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .SingleDatePicker_closeButton:focus,\n  .SingleDatePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .SingleDatePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset {\n    background: 0 0;\n    border: 0;\n    border-radius: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    cursor: pointer;\n    font-size: 14px;\n    display: none;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_show {\n    width: 33px;\n    height: 26px;\n    position: absolute;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_show::before {\n    content: '';\n    display: block;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight {\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight::before {\n    border-top: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight {\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight::before {\n    border-bottom: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft {\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft::before {\n    border-bottom: 26px solid transparent;\n    border-left: 33px solid #00a699;\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n    border-left: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_showSpan {\n    color: #fff;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n    bottom: 0;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topRight {\n    top: 1px;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topLeft {\n    top: 1px;\n    left: 5px;\n  }\n  .DayPickerKeyboardShortcuts_panel {\n    overflow: auto;\n    background: #fff;\n    border: 1px solid #dbdbdb;\n    border-radius: 2px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    padding: 22px;\n    margin: 33px;\n    text-align: left;\n  }\n  .DayPickerKeyboardShortcuts_title {\n    font-size: 16px;\n    font-weight: 700;\n    margin: 0;\n  }\n  .DayPickerKeyboardShortcuts_list {\n    list-style: none;\n    padding: 0;\n    font-size: 14px;\n  }\n  .DayPickerKeyboardShortcuts_close {\n    position: absolute;\n    right: 22px;\n    top: 22px;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_close:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg:focus,\n  .DayPickerKeyboardShortcuts_closeSvg:hover {\n    fill: #82888a;\n  }\n  .CalendarDay {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-size: 14px;\n    text-align: center;\n    ", "\n  }\n  .CalendarDay:active {\n    outline: 0;\n  }\n  .CalendarDay__defaultCursor {\n    cursor: default;\n  }\n  .CalendarDay__default {\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__default:hover {\n    ", "\n    border: 0;\n    color: inherit;\n  }\n  .CalendarDay__hovered_offset {\n    background: #f4f5f5;\n    border: 1px double #e4e7e7;\n    color: inherit;\n  }\n  .CalendarDay__outside {\n    border: 0;\n    background: #fff;\n    color: #484848;\n  }\n  .CalendarDay__outside:hover {\n    border: 0;\n  }\n  .CalendarDay__blocked_minimum_nights {\n    background: #fff;\n    border: 1px solid #eceeee;\n    color: #cacccd;\n  }\n  .CalendarDay__blocked_minimum_nights:active,\n  .CalendarDay__blocked_minimum_nights:hover {\n    background: #fff;\n    color: #cacccd;\n  }\n  .CalendarDay__highlighted_calendar {\n    background: #ffe8bc;\n    color: #484848;\n  }\n  .CalendarDay__highlighted_calendar:active,\n  .CalendarDay__highlighted_calendar:hover {\n    background: #ffce71;\n    color: #484848;\n  }\n  .CalendarDay__selected_span {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected_span:active,\n  .CalendarDay__selected_span:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected,\n  .CalendarDay__selected:active,\n  .CalendarDay__selected:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__hovered_span,\n  .CalendarDay__hovered_span:hover {\n    ", "\n    border: none;\n  \n    ", "\n  }\n  .CalendarDay__hovered_span:active {\n    background: #80e8e0;\n    ", "\n    border: none;\n    color: #007a87;\n  }\n  .CalendarDay__blocked_calendar,\n  .CalendarDay__blocked_calendar:active,\n  .CalendarDay__blocked_calendar:hover {\n    border: 0;\n    ", "\n  }\n  .CalendarDay__blocked_out_of_range,\n  .CalendarDay__blocked_out_of_range:active,\n  .CalendarDay__blocked_out_of_range:hover {\n    background: #fff;\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__hovered_start_first_possible_end {\n    background: #eceeee;\n    border: 1px double #eceeee;\n  }\n  .CalendarDay__hovered_start_blocked_min_nights {\n    background: #eceeee;\n    border: 1px double #e4e7e7;\n  }\n  .CalendarMonth {\n    background: #fff;\n    text-align: center;\n    vertical-align: top;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0 !important;\n    width; 100%;\n  }\n  .CalendarMonth_table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 3px;\n  }\n  .CalendarMonth_verticalSpacing {\n    border-collapse: separate;\n  }\n  .CalendarMonth_caption {\n    ", "\n    ", "\n    width: 100%;\n    text-align: center;\n    padding-top: 22px;\n    padding-bottom: 37px;\n    caption-side: initial;\n  }\n  .CalendarMonth_caption__verticalScrollable {\n    padding-top: 12px;\n    padding-bottom: 7px;\n  }\n  .CalendarMonthGrid {\n    ", "\n    ", "\n    text-align: left;\n    z-index: 0;\n  }\n  .CalendarMonthGrid__animating {\n    z-index: 1;\n  }\n  .CalendarMonthGrid__horizontal {\n    position: absolute;\n    left: 0px;\n    margin: 4px;\n  }\n  .CalendarMonthGrid__vertical,\n  .CalendarMonthGrid__vertical_scrollable {\n    margin: 0 auto;\n  }\n  .CalendarMonthGrid_month__horizontal {\n    display: inline-block;\n    vertical-align: top;\n    min-height: 100%;\n  }\n  .CalendarMonthGrid_month__hideForAnimation {\n    position: absolute;\n    z-index: -1;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .CalendarMonthGrid_month__hidden {\n    visibility: hidden;\n  }\n  .DayPickerNavigation {\n    display: flex;\n    justify-items: space-between;\n    position: relative;\n    z-index: 2;\n  }\n  .DayPickerNavigation__horizontal {\n    max-width: 555px;\n    height: 0;\n  }\n  .DayPickerNavigation__verticalScrollable_prevNav {\n    z-index: 1;\n  }\n  .DayPickerNavigation__verticalDefault {\n    position: absolute;\n    width: 100%;\n    height: 52px;\n    bottom: -72px;\n    left: 0;\n  }\n  .DayPickerNavigation__verticalScrollableDefault {\n    position: relative;\n  }\n  .DayPickerNavigation__bottom {\n    height: auto;\n  }\n  .DayPickerNavigation__bottomDefault {\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n  }\n  .DayPickerNavigation_button {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0;\n    margin: 0;\n  }\n  .DayPickerNavigation_button__default {\n    border: 0;\n    background-color: #fff;\n    ", "\n  }\n  .DayPickerNavigation_button__default:focus,\n  .DayPickerNavigation_button__default:hover {\n    border: 0;\n  }\n  .DayPickerNavigation_button__default:active {\n    background: #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled {\n    cursor: default;\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:focus,\n  .DayPickerNavigation_button__disabled:hover {\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:active {\n    background: 0 0;\n  }\n  .DayPickerNavigation_button__horizontalDefault {\n    position: absolute;\n    top: 18px;\n    line-height: 0.78;\n    border-radius: 3px;\n    padding: 9px;\n  }\n  .DayPickerNavigation_bottomButton__horizontalDefault {\n    position: static;\n    margin: -10px 22px 30px;\n  }\n  .DayPickerNavigation_leftButton__horizontalDefault {\n    left: 10px;\n  }\n  .DayPickerNavigation_rightButton__horizontalDefault {\n    right: 18px;\n  }\n  .DayPickerNavigation_button__verticalDefault {\n    background: #fff;\n    box-shadow: none;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 45%;\n    padding: 8px 12px;\n    \n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalDefault {\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalScrollableDefault,\n  .DayPickerNavigation_prevButton__verticalScrollableDefault {\n    width: 100%;\n  }\n  .DayPickerNavigation_svg__horizontal {\n    height: 19px;\n    width: 19px;\n    display: block;\n    ", "\n  }\n  .DayPickerNavigation_svg__vertical {\n    ", "\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_svg__disabled {\n    fill: #f2f2f2;\n  }\n  .DayPicker {\n    background: #fff;\n    position: relative;\n    text-align: left;\n  }\n  .DayPicker__horizontal {\n    background: #fff;\n  }\n  .DayPicker__verticalScrollable {\n    height: 100%;\n  }\n  .DayPicker__hidden {\n    visibility: hidden;\n  }\n  .DayPicker__withBorder {\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n    ", "\n   \n  }\n  .DayPicker_portal__horizontal {\n    box-shadow: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n  }\n  .DayPicker_portal__vertical {\n    position: initial;\n  }\n  .DayPicker_focusRegion {\n    outline: 0;\n  }\n  .DayPicker_calendarInfo__horizontal,\n  .DayPicker_wrapper__horizontal {\n    display: inline-block;\n    vertical-align: top;\n  }\n  .DayPicker_weekHeaders {\n    ", "\n    position: relative;\n  }\n  .DayPicker_weekHeaders__horizontal {\n    margin-left: 9px;\n  }\n  .DayPicker_weekHeader {\n    color: #757575;\n    position: absolute;\n    top: 62px;\n    z-index: 2;\n    text-align: left;\n  }\n  .DayPicker_weekHeader__vertical {\n    display: block;\n  }\n  .DayPicker_weekHeader__verticalScrollable {\n    top: 0;\n    display: table-row;\n    border-bottom: 1px solid #dbdbdb;\n    background: #fff;\n    margin-left: 0;\n    left: 0;\n    width: 100%;\n    text-align: center;\n  }\n  .DayPicker_weekHeader_ul {\n    list-style: none;\n    margin: 1px 0;\n    padding-left: 0;\n    padding-right: 0;\n    ", "\n  }\n  .DayPicker_weekHeader_li {\n    display: inline-block;\n    text-align: center;\n  }\n  .DayPicker_transitionContainer {\n    position: relative;\n    overflow: hidden;\n    border-radius: 3px;\n    ", "\n    max-width: 87%;\n  }\n  .DayPicker_transitionContainer__horizontal {\n    -webkit-transition: height 0.2s ease-in-out;\n    -moz-transition: height 0.2s ease-in-out;\n    transition: height 0.2s ease-in-out;\n  }\n  .DayPicker_transitionContainer__vertical {\n    min-height: 100%;\n  }\n  .DayPicker_transitionContainer__verticalScrollable {\n    padding-top: 20px;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    overflow-y: scroll;\n  }\n  .DateInput {\n    margin: 0;\n    background: #fff;\n    position: relative;\n    display: inline-block;\n    width: 50%;\n    vertical-align: middle;\n  }\n  .DateInput__small {\n    width: 97px;\n  }\n  .DateInput__block {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .DateInput__disabled {\n    background: #f2f2f2;\n    color: #dbdbdb;\n  }\n  .DateInput_input {\n    box-sizing: border-box;\n    diplay: block;\n    width: 100%;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n  .DateInput_input__small {\n    font-size: 15px;\n    line-height: 18px;\n    letter-spacing: 0.2px;\n    padding: 7px 7px 5px;\n  }\n  .DateInput_input__regular {\n    font-weight: auto;\n  }\n  .DateInput_input__readOnly {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .DateInput_input__focused {\n    width: 100%;\n    outline: 0;\n    background: #fff;\n\n  }\n  .DateInput_input__disabled {\n    background: #f2f2f2;\n    font-style: italic;\n  }\n  .DateInput_screenReaderMessage {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  .DateInput_fang {\n    position: absolute;\n    width: 20px;\n    height: 10px;\n    left: 22px;\n    z-index: 2;\n    top: 57px !important;\n  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #919191;\n    fill: transparent;\n  }\n  .DateRangePickerInput {\n    ", "\n    background-color: #fff;\n    display: inline-block;\n  }\n  .DateRangePickerInput__disabled {\n    background: #f2f2f2;\n  }\n  .DateRangePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .DateRangePickerInput__rtl {\n    direction: rtl;\n  }\n  .DateRangePickerInput__block {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .DateRangePickerInput__showClearDates {\n    padding-right: 30px;\n  }\n  .DateRangePickerInput_arrow {\n    display: inline-block;\n    vertical-align: middle;\n    ", "\n    ", "\n    ", "\n  }\n  .DateRangePickerInput_arrow_svg {\n    vertical-align: middle;\n    ", "\n    height: 24px;\n    width: 24px;\n  }\n  .DateRangePickerInput_clearDates {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .DateRangePickerInput_clearDates__small {\n    padding: 6px;\n  }\n  .DateRangePickerInput_clearDates_default:focus,\n  .DateRangePickerInput_clearDates_default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .DateRangePickerInput_clearDates__hide {\n    visibility: hidden;\n  }\n  .DateRangePickerInput_clearDates_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .DateRangePickerInput_clearDates_svg__small {\n    height: 9px;\n  }\n  .DateRangePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .DateRangePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .DateRangePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .DateRangePicker__block {\n    display: block;\n  }\n  .DateRangePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n    width: 100%;\n  }\n  .DateRangePicker_picker__rtl {\n    direction: rtl;\n  }\n  .DateRangePicker_picker__directionLeft {\n    left: 0;\n  }\n  .DateRangePicker_picker__directionRight {\n    right: 0;\n  }\n  .DateRangePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .DateRangePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .DateRangePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .DateRangePicker_closeButton:focus,\n  .DateRangePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .DateRangePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n\n  div.DateRangePicker_picker > div {\n    max-width: 555px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 550px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 550px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 550px !important;\n  }\n\n  div.DayPicker_weekHeader {\n    padding: 0 !important;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n    margin: 0;\n    padding: 0;\n    display: block;\n    width: 100%;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n    > div:nth-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 770px) {\n    .DayPicker_weekHeader_ul {\n      list-style: none;\n      margin: 1px 0;\n      padding-left: 0;\n      padding-right: 0;\n      display: flex;\n      justify-content: space-around;\n    }\n\n    div.DayPicker_weekHeader__vertical {\n      margin: 0 !important;\n      left: 0;\n    }\n\n    div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n      height: 600px;\n    }\n\n    .DayPicker__withBorder {\n      border-radius: 4px;\n    }\n  }\n"])), function (_a) {
+exports.CalendarStyles = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 555px;\n  ", "\n  .PresetDateRangePicker_panel {\n    padding: 0 22px 11px;\n  }\n  .PresetDateRangePicker_button {\n    position: relative;\n    height: 100%;\n    text-align: center;\n    background: 0 0;\n    border: 2px solid #00a699;\n    color: #00a699;\n    padding: 4px 12px;\n    margin-right: 8px;\n    font: inherit;\n    font-weight: 700;\n    line-height: normal;\n    overflow: visible;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n  .PresetDateRangePicker_button:active {\n    outline: 0;\n  }\n  .PresetDateRangePicker_button__selected {\n    color: #fff;\n    background: #00a699;\n  }\n  .SingleDatePickerInput {\n    display: inline-block;\n    background-color: #fff;\n  }\n  .SingleDatePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .SingleDatePickerInput__rtl {\n    direction: rtl;\n  }\n  .SingleDatePickerInput__disabled {\n    background-color: #f2f2f2;\n  }\n  .SingleDatePickerInput__block {\n    display: block;\n  }\n  .SingleDatePickerInput__showClearDate {\n    padding-right: 30px;\n  }\n  .SingleDatePickerInput_clearDate {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .SingleDatePickerInput_clearDate__default:focus,\n  .SingleDatePickerInput_clearDate__default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .SingleDatePickerInput_clearDate__small {\n    padding: 6px;\n  }\n  .SingleDatePickerInput_clearDate__hide {\n    visibility: hidden;\n  }\n  .SingleDatePickerInput_clearDate_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .SingleDatePickerInput_clearDate_svg__small {\n    height: 9px;\n  }\n  .SingleDatePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .SingleDatePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .SingleDatePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .SingleDatePicker__block {\n    display: block;\n  }\n  .SingleDatePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n  }\n  .SingleDatePicker_picker__rtl {\n    direction: rtl;\n  }\n  .SingleDatePicker_picker__directionLeft {\n    left: 0;\n  }\n  .SingleDatePicker_picker__directionRight {\n    right: 0;\n  }\n  .SingleDatePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .SingleDatePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .SingleDatePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .SingleDatePicker_closeButton:focus,\n  .SingleDatePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .SingleDatePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset {\n    background: 0 0;\n    border: 0;\n    border-radius: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    cursor: pointer;\n    font-size: 14px;\n    display: none;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_show {\n    width: 33px;\n    height: 26px;\n    position: absolute;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_show::before {\n    content: '';\n    display: block;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight {\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight::before {\n    border-top: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight {\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight::before {\n    border-bottom: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft {\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft::before {\n    border-bottom: 26px solid transparent;\n    border-left: 33px solid #00a699;\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n    border-left: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_showSpan {\n    color: #fff;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n    bottom: 0;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topRight {\n    top: 1px;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topLeft {\n    top: 1px;\n    left: 5px;\n  }\n  .DayPickerKeyboardShortcuts_panel {\n    overflow: auto;\n    background: #fff;\n    border: 1px solid #dbdbdb;\n    border-radius: 2px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    padding: 22px;\n    margin: 33px;\n    text-align: left;\n  }\n  .DayPickerKeyboardShortcuts_title {\n    font-size: 16px;\n    font-weight: 700;\n    margin: 0;\n  }\n  .DayPickerKeyboardShortcuts_list {\n    list-style: none;\n    padding: 0;\n    font-size: 14px;\n  }\n  .DayPickerKeyboardShortcuts_close {\n    position: absolute;\n    right: 22px;\n    top: 22px;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_close:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg:focus,\n  .DayPickerKeyboardShortcuts_closeSvg:hover {\n    fill: #82888a;\n  }\n  .CalendarDay {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-size: 14px;\n    text-align: center;\n    ", "\n  }\n  .CalendarDay:active {\n    outline: 0;\n  }\n  .CalendarDay__defaultCursor {\n    cursor: default;\n  }\n  .CalendarDay__default {\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__default:hover {\n    ", "\n    border: 0;\n    color: inherit;\n  }\n  .CalendarDay__hovered_offset {\n    background: #f4f5f5;\n    border: 1px double #e4e7e7;\n    color: inherit;\n  }\n  .CalendarDay__outside {\n    border: 0;\n    background: #fff;\n    color: #484848;\n  }\n  .CalendarDay__outside:hover {\n    border: 0;\n  }\n  .CalendarDay__blocked_minimum_nights {\n    background: #fff;\n    border: 1px solid #eceeee;\n    color: #cacccd;\n  }\n  .CalendarDay__blocked_minimum_nights:active,\n  .CalendarDay__blocked_minimum_nights:hover {\n    background: #fff;\n    color: #cacccd;\n  }\n  .CalendarDay__highlighted_calendar {\n    background: #ffe8bc;\n    color: #484848;\n  }\n  .CalendarDay__highlighted_calendar:active,\n  .CalendarDay__highlighted_calendar:hover {\n    background: #ffce71;\n    color: #484848;\n  }\n  .CalendarDay__selected_span {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected_span:active,\n  .CalendarDay__selected_span:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected,\n  .CalendarDay__selected:active,\n  .CalendarDay__selected:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__hovered_span,\n  .CalendarDay__hovered_span:hover {\n    ", "\n    border: none;\n  \n    ", "\n  }\n  .CalendarDay__hovered_span:active {\n    background: #80e8e0;\n    ", "\n    border: none;\n    color: #007a87;\n  }\n  .CalendarDay__blocked_calendar,\n  .CalendarDay__blocked_calendar:active,\n  .CalendarDay__blocked_calendar:hover {\n    border: 0;\n    ", "\n  }\n  .CalendarDay__blocked_out_of_range,\n  .CalendarDay__blocked_out_of_range:active,\n  .CalendarDay__blocked_out_of_range:hover {\n    background: #fff;\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__hovered_start_first_possible_end {\n    background: #eceeee;\n    border: 1px double #eceeee;\n  }\n  .CalendarDay__hovered_start_blocked_min_nights {\n    background: #eceeee;\n    border: 1px double #e4e7e7;\n  }\n  .CalendarMonth {\n    background: #fff;\n    text-align: center;\n    vertical-align: top;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0 !important;\n    width; 100%;\n  }\n  .CalendarMonth_table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 3px;\n  }\n  .CalendarMonth_verticalSpacing {\n    border-collapse: separate;\n  }\n  .CalendarMonth_caption {\n    ", "\n    ", "\n    width: 100%;\n    text-align: center;\n    padding-top: 22px;\n    padding-bottom: 37px;\n    caption-side: initial;\n  }\n  .CalendarMonth_caption__verticalScrollable {\n    padding-top: 12px;\n    padding-bottom: 7px;\n  }\n  .CalendarMonthGrid {\n    ", "\n    ", "\n    text-align: left;\n    z-index: 0;\n  }\n  .CalendarMonthGrid__animating {\n    z-index: 1;\n  }\n  .CalendarMonthGrid__horizontal {\n    position: absolute;\n    left: 0px;\n    margin: 4px;\n  }\n  .CalendarMonthGrid__vertical,\n  .CalendarMonthGrid__vertical_scrollable {\n    margin: 0 auto;\n  }\n  .CalendarMonthGrid_month__horizontal {\n    display: inline-block;\n    vertical-align: top;\n    min-height: 100%;\n  }\n  .CalendarMonthGrid_month__hideForAnimation {\n    position: absolute;\n    z-index: -1;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .CalendarMonthGrid_month__hidden {\n    visibility: hidden;\n  }\n  .DayPickerNavigation {\n    display: flex;\n    justify-items: space-between;\n    position: relative;\n    z-index: 2;\n  }\n  .DayPickerNavigation__horizontal {\n    max-width: 555px;\n    height: 0;\n  }\n  .DayPickerNavigation__verticalScrollable_prevNav {\n    z-index: 1;\n  }\n  .DayPickerNavigation__verticalDefault {\n    position: absolute;\n    width: 100%;\n    height: 52px;\n    bottom: -72px;\n    left: 0;\n  }\n  .DayPickerNavigation__verticalScrollableDefault {\n    position: relative;\n  }\n  .DayPickerNavigation__bottom {\n    height: auto;\n  }\n  .DayPickerNavigation__bottomDefault {\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n  }\n  .DayPickerNavigation_button {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0;\n    margin: 0;\n  }\n  .DayPickerNavigation_button__default {\n    border: 0;\n    background-color: #fff;\n    ", "\n  }\n  .DayPickerNavigation_button__default:focus,\n  .DayPickerNavigation_button__default:hover {\n    border: 0;\n  }\n  .DayPickerNavigation_button__default:active {\n    background: #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled {\n    cursor: default;\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:focus,\n  .DayPickerNavigation_button__disabled:hover {\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:active {\n    background: 0 0;\n  }\n  .DayPickerNavigation_button__horizontalDefault {\n    position: absolute;\n    top: 18px;\n    line-height: 0.78;\n    border-radius: 3px;\n    padding: 9px;\n  }\n  .DayPickerNavigation_bottomButton__horizontalDefault {\n    position: static;\n    margin: -10px 22px 30px;\n  }\n  .DayPickerNavigation_leftButton__horizontalDefault {\n    left: 10px;\n  }\n  .DayPickerNavigation_rightButton__horizontalDefault {\n    right: 18px;\n  }\n  .DayPickerNavigation_button__verticalDefault {\n    background: #fff;\n    box-shadow: none;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 45%;\n    padding: 8px 12px;\n    \n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalDefault {\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalScrollableDefault,\n  .DayPickerNavigation_prevButton__verticalScrollableDefault {\n    width: 100%;\n  }\n  .DayPickerNavigation_svg__horizontal {\n    height: 19px;\n    width: 19px;\n    display: block;\n    ", "\n  }\n  .DayPickerNavigation_svg__vertical {\n    ", "\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_svg__disabled {\n    fill: #f2f2f2;\n  }\n  .DayPicker {\n    background: #fff;\n    position: relative;\n    text-align: left;\n  }\n  .DayPicker__horizontal {\n    background: #fff;\n  }\n  .DayPicker__verticalScrollable {\n    height: 100%;\n  }\n  .DayPicker__hidden {\n    visibility: hidden;\n  }\n  .DayPicker__withBorder {\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n    ", "\n   \n  }\n  .DayPicker_portal__horizontal {\n    box-shadow: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n  }\n  .DayPicker_portal__vertical {\n    position: initial;\n  }\n  .DayPicker_focusRegion {\n    outline: 0;\n  }\n  .DayPicker_calendarInfo__horizontal,\n  .DayPicker_wrapper__horizontal {\n    display: inline-block;\n    vertical-align: top;\n  }\n  .DayPicker_weekHeaders {\n    ", "\n    position: relative;\n  }\n  .DayPicker_weekHeaders__horizontal {\n    margin-left: 9px;\n  }\n  .DayPicker_weekHeader {\n    color: #757575;\n    position: absolute;\n    top: 62px;\n    z-index: 2;\n    text-align: left;\n  }\n  .DayPicker_weekHeader__vertical {\n    display: block;\n  }\n  .DayPicker_weekHeader__verticalScrollable {\n    top: 0;\n    display: table-row;\n    border-bottom: 1px solid #dbdbdb;\n    background: #fff;\n    margin-left: 0;\n    left: 0;\n    width: 100%;\n    text-align: center;\n  }\n  .DayPicker_weekHeader_ul {\n    list-style: none;\n    margin: 1px 0;\n    padding-left: 0;\n    padding-right: 0;\n    ", "\n  }\n  .DayPicker_weekHeader_li {\n    display: inline-block;\n    text-align: center;\n  }\n  .DayPicker_transitionContainer {\n    position: relative;\n    overflow: hidden;\n    border-radius: 3px;\n    ", "\n    max-width: 87%;\n  }\n  .DayPicker_transitionContainer__horizontal {\n    -webkit-transition: height 0.2s ease-in-out;\n    -moz-transition: height 0.2s ease-in-out;\n    transition: height 0.2s ease-in-out;\n  }\n  .DayPicker_transitionContainer__vertical {\n    min-height: 100%;\n  }\n  .DayPicker_transitionContainer__verticalScrollable {\n    padding-top: 20px;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    overflow-y: scroll\n  }\n  .DateInput {\n    margin: 0;\n    background: #fff;\n    position: relative;\n    display: inline-block;\n    width: 50%;\n    vertical-align: middle;\n  }\n  .DateInput__small {\n    width: 97px;\n  }\n  .DateInput__block {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .DateInput__disabled {\n    background: #f2f2f2;\n    color: #dbdbdb;\n  }\n  .DateInput_input {\n    box-sizing: border-box;\n    diplay: block;\n    width: 100%;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n  .DateInput_input__small {\n    font-size: 15px;\n    line-height: 18px;\n    letter-spacing: 0.2px;\n    padding: 7px 7px 5px;\n  }\n  .DateInput_input__regular {\n    font-weight: auto;\n  }\n  .DateInput_input__readOnly {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .DateInput_input__focused {\n    width: 100%;\n    outline: 0;\n    background: #fff;\n\n  }\n  .DateInput_input__disabled {\n    background: #f2f2f2;\n    font-style: italic;\n  }\n  .DateInput_screenReaderMessage {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  .DateInput_fang {\n    position: absolute;\n    width: 20px;\n    height: 10px;\n    left: 22px;\n    z-index: 2;\n    top: 57px !important;\n  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #919191;\n    fill: transparent;\n  }\n  .DateRangePickerInput {\n    ", "\n    background-color: #fff;\n    display: inline-block;\n  }\n  .DateRangePickerInput__disabled {\n    background: #f2f2f2;\n  }\n  .DateRangePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .DateRangePickerInput__rtl {\n    direction: rtl;\n  }\n  .DateRangePickerInput__block {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .DateRangePickerInput__showClearDates {\n    padding-right: 30px;\n  }\n  .DateRangePickerInput_arrow {\n    display: inline-block;\n    vertical-align: middle;\n    ", "\n    ", "\n    ", "\n  }\n  .DateRangePickerInput_arrow_svg {\n    vertical-align: middle;\n    ", "\n    height: 24px;\n    width: 24px;\n  }\n  .DateRangePickerInput_clearDates {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .DateRangePickerInput_clearDates__small {\n    padding: 6px;\n  }\n  .DateRangePickerInput_clearDates_default:focus,\n  .DateRangePickerInput_clearDates_default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .DateRangePickerInput_clearDates__hide {\n    visibility: hidden;\n  }\n  .DateRangePickerInput_clearDates_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .DateRangePickerInput_clearDates_svg__small {\n    height: 9px;\n  }\n  .DateRangePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .DateRangePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .DateRangePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .DateRangePicker__block {\n    display: block;\n  }\n  .DateRangePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n    width: 100%;\n  }\n  .DateRangePicker_picker__rtl {\n    direction: rtl;\n  }\n  .DateRangePicker_picker__directionLeft {\n    left: 0;\n  }\n  .DateRangePicker_picker__directionRight {\n    right: 0;\n  }\n  .DateRangePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .DateRangePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .DateRangePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .DateRangePicker_closeButton:focus,\n  .DateRangePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .DateRangePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n\n  div.DateRangePicker_picker > div {\n    max-width: 555px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 550px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 550px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 550px !important;\n  }\n\n  div.DayPicker_weekHeader {\n    padding: 0 !important;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n    margin: 0;\n    padding: 0;\n    display: block;\n    width: 100%;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n    > div:nth-of-type {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 770px) {\n    .DayPicker_weekHeader_ul {\n      list-style: none;\n      margin: 1px 0;\n      padding-left: 0;\n      padding-right: 0;\n      display: flex;\n      justify-content: space-around;\n    }\n\n    div.DayPicker_weekHeader__vertical {\n      margin: 0 !important;\n      left: 0;\n    }\n\n    div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n      height: 600px;\n    }\n\n    .DayPicker__withBorder {\n      border-radius: 4px;\n    }\n  }\n"], ["\n  width: 100%;\n  max-width: 555px;\n  ", "\n  .PresetDateRangePicker_panel {\n    padding: 0 22px 11px;\n  }\n  .PresetDateRangePicker_button {\n    position: relative;\n    height: 100%;\n    text-align: center;\n    background: 0 0;\n    border: 2px solid #00a699;\n    color: #00a699;\n    padding: 4px 12px;\n    margin-right: 8px;\n    font: inherit;\n    font-weight: 700;\n    line-height: normal;\n    overflow: visible;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n  .PresetDateRangePicker_button:active {\n    outline: 0;\n  }\n  .PresetDateRangePicker_button__selected {\n    color: #fff;\n    background: #00a699;\n  }\n  .SingleDatePickerInput {\n    display: inline-block;\n    background-color: #fff;\n  }\n  .SingleDatePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .SingleDatePickerInput__rtl {\n    direction: rtl;\n  }\n  .SingleDatePickerInput__disabled {\n    background-color: #f2f2f2;\n  }\n  .SingleDatePickerInput__block {\n    display: block;\n  }\n  .SingleDatePickerInput__showClearDate {\n    padding-right: 30px;\n  }\n  .SingleDatePickerInput_clearDate {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .SingleDatePickerInput_clearDate__default:focus,\n  .SingleDatePickerInput_clearDate__default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .SingleDatePickerInput_clearDate__small {\n    padding: 6px;\n  }\n  .SingleDatePickerInput_clearDate__hide {\n    visibility: hidden;\n  }\n  .SingleDatePickerInput_clearDate_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .SingleDatePickerInput_clearDate_svg__small {\n    height: 9px;\n  }\n  .SingleDatePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .SingleDatePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .SingleDatePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .SingleDatePicker__block {\n    display: block;\n  }\n  .SingleDatePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n  }\n  .SingleDatePicker_picker__rtl {\n    direction: rtl;\n  }\n  .SingleDatePicker_picker__directionLeft {\n    left: 0;\n  }\n  .SingleDatePicker_picker__directionRight {\n    right: 0;\n  }\n  .SingleDatePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .SingleDatePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .SingleDatePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .SingleDatePicker_closeButton:focus,\n  .SingleDatePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .SingleDatePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset {\n    background: 0 0;\n    border: 0;\n    border-radius: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    cursor: pointer;\n    font-size: 14px;\n    display: none;\n  }\n  .DayPickerKeyboardShortcuts_buttonReset:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_show {\n    width: 33px;\n    height: 26px;\n    position: absolute;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_show::before {\n    content: '';\n    display: block;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight {\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight::before {\n    border-top: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    bottom: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight {\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight::before {\n    border-bottom: 26px solid transparent;\n    border-right: 33px solid #00a699;\n    top: 0;\n    right: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n    border-right: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft {\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft::before {\n    border-bottom: 26px solid transparent;\n    border-left: 33px solid #00a699;\n    top: 0;\n    left: 0;\n  }\n  .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n    border-left: 33px solid #008489;\n  }\n  .DayPickerKeyboardShortcuts_showSpan {\n    color: #fff;\n    position: absolute;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n    bottom: 0;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topRight {\n    top: 1px;\n    right: 5px;\n  }\n  .DayPickerKeyboardShortcuts_showSpan__topLeft {\n    top: 1px;\n    left: 5px;\n  }\n  .DayPickerKeyboardShortcuts_panel {\n    overflow: auto;\n    background: #fff;\n    border: 1px solid #dbdbdb;\n    border-radius: 2px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    padding: 22px;\n    margin: 33px;\n    text-align: left;\n  }\n  .DayPickerKeyboardShortcuts_title {\n    font-size: 16px;\n    font-weight: 700;\n    margin: 0;\n  }\n  .DayPickerKeyboardShortcuts_list {\n    list-style: none;\n    padding: 0;\n    font-size: 14px;\n  }\n  .DayPickerKeyboardShortcuts_close {\n    position: absolute;\n    right: 22px;\n    top: 22px;\n    z-index: 2;\n  }\n  .DayPickerKeyboardShortcuts_close:active {\n    outline: 0;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n  .DayPickerKeyboardShortcuts_closeSvg:focus,\n  .DayPickerKeyboardShortcuts_closeSvg:hover {\n    fill: #82888a;\n  }\n  .CalendarDay {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-size: 14px;\n    text-align: center;\n    ", "\n  }\n  .CalendarDay:active {\n    outline: 0;\n  }\n  .CalendarDay__defaultCursor {\n    cursor: default;\n  }\n  .CalendarDay__default {\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__default:hover {\n    ", "\n    border: 0;\n    color: inherit;\n  }\n  .CalendarDay__hovered_offset {\n    background: #f4f5f5;\n    border: 1px double #e4e7e7;\n    color: inherit;\n  }\n  .CalendarDay__outside {\n    border: 0;\n    background: #fff;\n    color: #484848;\n  }\n  .CalendarDay__outside:hover {\n    border: 0;\n  }\n  .CalendarDay__blocked_minimum_nights {\n    background: #fff;\n    border: 1px solid #eceeee;\n    color: #cacccd;\n  }\n  .CalendarDay__blocked_minimum_nights:active,\n  .CalendarDay__blocked_minimum_nights:hover {\n    background: #fff;\n    color: #cacccd;\n  }\n  .CalendarDay__highlighted_calendar {\n    background: #ffe8bc;\n    color: #484848;\n  }\n  .CalendarDay__highlighted_calendar:active,\n  .CalendarDay__highlighted_calendar:hover {\n    background: #ffce71;\n    color: #484848;\n  }\n  .CalendarDay__selected_span {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected_span:active,\n  .CalendarDay__selected_span:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__selected,\n  .CalendarDay__selected:active,\n  .CalendarDay__selected:hover {\n    ", "\n    border: none;\n    ", "\n  }\n  .CalendarDay__hovered_span,\n  .CalendarDay__hovered_span:hover {\n    ", "\n    border: none;\n  \n    ", "\n  }\n  .CalendarDay__hovered_span:active {\n    background: #80e8e0;\n    ", "\n    border: none;\n    color: #007a87;\n  }\n  .CalendarDay__blocked_calendar,\n  .CalendarDay__blocked_calendar:active,\n  .CalendarDay__blocked_calendar:hover {\n    border: 0;\n    ", "\n  }\n  .CalendarDay__blocked_out_of_range,\n  .CalendarDay__blocked_out_of_range:active,\n  .CalendarDay__blocked_out_of_range:hover {\n    background: #fff;\n    border: 0;\n    ", "\n    ", "\n  }\n  .CalendarDay__hovered_start_first_possible_end {\n    background: #eceeee;\n    border: 1px double #eceeee;\n  }\n  .CalendarDay__hovered_start_blocked_min_nights {\n    background: #eceeee;\n    border: 1px double #e4e7e7;\n  }\n  .CalendarMonth {\n    background: #fff;\n    text-align: center;\n    vertical-align: top;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0 !important;\n    width; 100%;\n  }\n  .CalendarMonth_table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 3px;\n  }\n  .CalendarMonth_verticalSpacing {\n    border-collapse: separate;\n  }\n  .CalendarMonth_caption {\n    ", "\n    ", "\n    width: 100%;\n    text-align: center;\n    padding-top: 22px;\n    padding-bottom: 37px;\n    caption-side: initial;\n  }\n  .CalendarMonth_caption__verticalScrollable {\n    padding-top: 12px;\n    padding-bottom: 7px;\n  }\n  .CalendarMonthGrid {\n    ", "\n    ", "\n    text-align: left;\n    z-index: 0;\n  }\n  .CalendarMonthGrid__animating {\n    z-index: 1;\n  }\n  .CalendarMonthGrid__horizontal {\n    position: absolute;\n    left: 0px;\n    margin: 4px;\n  }\n  .CalendarMonthGrid__vertical,\n  .CalendarMonthGrid__vertical_scrollable {\n    margin: 0 auto;\n  }\n  .CalendarMonthGrid_month__horizontal {\n    display: inline-block;\n    vertical-align: top;\n    min-height: 100%;\n  }\n  .CalendarMonthGrid_month__hideForAnimation {\n    position: absolute;\n    z-index: -1;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .CalendarMonthGrid_month__hidden {\n    visibility: hidden;\n  }\n  .DayPickerNavigation {\n    display: flex;\n    justify-items: space-between;\n    position: relative;\n    z-index: 2;\n  }\n  .DayPickerNavigation__horizontal {\n    max-width: 555px;\n    height: 0;\n  }\n  .DayPickerNavigation__verticalScrollable_prevNav {\n    z-index: 1;\n  }\n  .DayPickerNavigation__verticalDefault {\n    position: absolute;\n    width: 100%;\n    height: 52px;\n    bottom: -72px;\n    left: 0;\n  }\n  .DayPickerNavigation__verticalScrollableDefault {\n    position: relative;\n  }\n  .DayPickerNavigation__bottom {\n    height: auto;\n  }\n  .DayPickerNavigation__bottomDefault {\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n  }\n  .DayPickerNavigation_button {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding: 0;\n    margin: 0;\n  }\n  .DayPickerNavigation_button__default {\n    border: 0;\n    background-color: #fff;\n    ", "\n  }\n  .DayPickerNavigation_button__default:focus,\n  .DayPickerNavigation_button__default:hover {\n    border: 0;\n  }\n  .DayPickerNavigation_button__default:active {\n    background: #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled {\n    cursor: default;\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:focus,\n  .DayPickerNavigation_button__disabled:hover {\n    border: 1px solid #f2f2f2;\n  }\n  .DayPickerNavigation_button__disabled:active {\n    background: 0 0;\n  }\n  .DayPickerNavigation_button__horizontalDefault {\n    position: absolute;\n    top: 18px;\n    line-height: 0.78;\n    border-radius: 3px;\n    padding: 9px;\n  }\n  .DayPickerNavigation_bottomButton__horizontalDefault {\n    position: static;\n    margin: -10px 22px 30px;\n  }\n  .DayPickerNavigation_leftButton__horizontalDefault {\n    left: 10px;\n  }\n  .DayPickerNavigation_rightButton__horizontalDefault {\n    right: 18px;\n  }\n  .DayPickerNavigation_button__verticalDefault {\n    background: #fff;\n    box-shadow: none;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 45%;\n    padding: 8px 12px;\n    \n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalDefault {\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_nextButton__verticalScrollableDefault,\n  .DayPickerNavigation_prevButton__verticalScrollableDefault {\n    width: 100%;\n  }\n  .DayPickerNavigation_svg__horizontal {\n    height: 19px;\n    width: 19px;\n    display: block;\n    ", "\n  }\n  .DayPickerNavigation_svg__vertical {\n    ", "\n    ", "\n    ", "\n  }\n  .DayPickerNavigation_svg__disabled {\n    fill: #f2f2f2;\n  }\n  .DayPicker {\n    background: #fff;\n    position: relative;\n    text-align: left;\n  }\n  .DayPicker__horizontal {\n    background: #fff;\n  }\n  .DayPicker__verticalScrollable {\n    height: 100%;\n  }\n  .DayPicker__hidden {\n    visibility: hidden;\n  }\n  .DayPicker__withBorder {\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n    ", "\n   \n  }\n  .DayPicker_portal__horizontal {\n    box-shadow: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n  }\n  .DayPicker_portal__vertical {\n    position: initial;\n  }\n  .DayPicker_focusRegion {\n    outline: 0;\n  }\n  .DayPicker_calendarInfo__horizontal,\n  .DayPicker_wrapper__horizontal {\n    display: inline-block;\n    vertical-align: top;\n  }\n  .DayPicker_weekHeaders {\n    ", "\n    position: relative;\n  }\n  .DayPicker_weekHeaders__horizontal {\n    margin-left: 9px;\n  }\n  .DayPicker_weekHeader {\n    color: #757575;\n    position: absolute;\n    top: 62px;\n    z-index: 2;\n    text-align: left;\n  }\n  .DayPicker_weekHeader__vertical {\n    display: block;\n  }\n  .DayPicker_weekHeader__verticalScrollable {\n    top: 0;\n    display: table-row;\n    border-bottom: 1px solid #dbdbdb;\n    background: #fff;\n    margin-left: 0;\n    left: 0;\n    width: 100%;\n    text-align: center;\n  }\n  .DayPicker_weekHeader_ul {\n    list-style: none;\n    margin: 1px 0;\n    padding-left: 0;\n    padding-right: 0;\n    ", "\n  }\n  .DayPicker_weekHeader_li {\n    display: inline-block;\n    text-align: center;\n  }\n  .DayPicker_transitionContainer {\n    position: relative;\n    overflow: hidden;\n    border-radius: 3px;\n    ", "\n    max-width: 87%;\n  }\n  .DayPicker_transitionContainer__horizontal {\n    -webkit-transition: height 0.2s ease-in-out;\n    -moz-transition: height 0.2s ease-in-out;\n    transition: height 0.2s ease-in-out;\n  }\n  .DayPicker_transitionContainer__vertical {\n    min-height: 100%;\n  }\n  .DayPicker_transitionContainer__verticalScrollable {\n    padding-top: 20px;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    overflow-y: scroll\n  }\n  .DateInput {\n    margin: 0;\n    background: #fff;\n    position: relative;\n    display: inline-block;\n    width: 50%;\n    vertical-align: middle;\n  }\n  .DateInput__small {\n    width: 97px;\n  }\n  .DateInput__block {\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .DateInput__disabled {\n    background: #f2f2f2;\n    color: #dbdbdb;\n  }\n  .DateInput_input {\n    box-sizing: border-box;\n    diplay: block;\n    width: 100%;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n  .DateInput_input__small {\n    font-size: 15px;\n    line-height: 18px;\n    letter-spacing: 0.2px;\n    padding: 7px 7px 5px;\n  }\n  .DateInput_input__regular {\n    font-weight: auto;\n  }\n  .DateInput_input__readOnly {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .DateInput_input__focused {\n    width: 100%;\n    outline: 0;\n    background: #fff;\n\n  }\n  .DateInput_input__disabled {\n    background: #f2f2f2;\n    font-style: italic;\n  }\n  .DateInput_screenReaderMessage {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  .DateInput_fang {\n    position: absolute;\n    width: 20px;\n    height: 10px;\n    left: 22px;\n    z-index: 2;\n    top: 57px !important;\n  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #919191;\n    fill: transparent;\n  }\n  .DateRangePickerInput {\n    ", "\n    background-color: #fff;\n    display: inline-block;\n  }\n  .DateRangePickerInput__disabled {\n    background: #f2f2f2;\n  }\n  .DateRangePickerInput__withBorder {\n    border-radius: 2px;\n    border: 1px solid #dbdbdb;\n  }\n  .DateRangePickerInput__rtl {\n    direction: rtl;\n  }\n  .DateRangePickerInput__block {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .DateRangePickerInput__showClearDates {\n    padding-right: 30px;\n  }\n  .DateRangePickerInput_arrow {\n    display: inline-block;\n    vertical-align: middle;\n    ", "\n    ", "\n    ", "\n  }\n  .DateRangePickerInput_arrow_svg {\n    vertical-align: middle;\n    ", "\n    height: 24px;\n    width: 24px;\n  }\n  .DateRangePickerInput_clearDates {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    padding: 10px;\n    margin: 0 10px 0 5px;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .DateRangePickerInput_clearDates__small {\n    padding: 6px;\n  }\n  .DateRangePickerInput_clearDates_default:focus,\n  .DateRangePickerInput_clearDates_default:hover {\n    background: #dbdbdb;\n    border-radius: 50%;\n  }\n  .DateRangePickerInput_clearDates__hide {\n    visibility: hidden;\n  }\n  .DateRangePickerInput_clearDates_svg {\n    fill: #82888a;\n    height: 12px;\n    width: 15px;\n    vertical-align: middle;\n  }\n  .DateRangePickerInput_clearDates_svg__small {\n    height: 9px;\n  }\n  .DateRangePickerInput_calendarIcon {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    display: inline-block;\n    vertical-align: middle;\n    padding: 10px;\n    margin: 0 5px 0 10px;\n  }\n  .DateRangePickerInput_calendarIcon_svg {\n    fill: #82888a;\n    height: 15px;\n    width: 14px;\n    vertical-align: middle;\n  }\n  .DateRangePicker {\n    position: relative;\n    display: inline-block;\n  }\n  .DateRangePicker__block {\n    display: block;\n  }\n  .DateRangePicker_picker {\n    z-index: 1;\n    background-color: #fff;\n    position: absolute;\n    width: 100%;\n  }\n  .DateRangePicker_picker__rtl {\n    direction: rtl;\n  }\n  .DateRangePicker_picker__directionLeft {\n    left: 0;\n  }\n  .DateRangePicker_picker__directionRight {\n    right: 0;\n  }\n  .DateRangePicker_picker__portal {\n    background-color: rgba(0, 0, 0, 0.3);\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .DateRangePicker_picker__fullScreenPortal {\n    background-color: #fff;\n  }\n  .DateRangePicker_closeButton {\n    background: 0 0;\n    border: 0;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n  }\n  .DateRangePicker_closeButton:focus,\n  .DateRangePicker_closeButton:hover {\n    color: darken(#cacccd, 10%);\n    text-decoration: none;\n  }\n  .DateRangePicker_closeButton_svg {\n    height: 15px;\n    width: 15px;\n    fill: #cacccd;\n  }\n\n  div.DateRangePicker_picker > div {\n    max-width: 555px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 550px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 550px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 550px !important;\n  }\n\n  div.DayPicker_weekHeader {\n    padding: 0 !important;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n    margin: 0;\n    padding: 0;\n    display: block;\n    width: 100%;\n  }\n  div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n    > div:nth-of-type {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 770px) {\n    .DayPicker_weekHeader_ul {\n      list-style: none;\n      margin: 1px 0;\n      padding-left: 0;\n      padding-right: 0;\n      display: flex;\n      justify-content: space-around;\n    }\n\n    div.DayPicker_weekHeader__vertical {\n      margin: 0 !important;\n      left: 0;\n    }\n\n    div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n      height: 600px;\n    }\n\n    .DayPicker__withBorder {\n      border-radius: 4px;\n    }\n  }\n"])), function (_a) {
     var calendar = _a.calendar;
     return (0, newskit_1.getTypographyPresetFromTheme)(calendar.typographyPreset);
 }, function (_a) {

package/dist/cjs/Calendar/CalendarStylesTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ContentListView/ContentListView.js

@@ -34,7 +34,7 @@ var Introduction_1 = require("../Introduction");
 var defaults_1 = require("./defaults");
 var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n"], ["\n  overflow: hidden;\n"])));
 var ContentListViewComponent = function (_a) {
-    var children = _a.children, introductionProps = _a.introductionProps, link = _a.link, ariaLabel = _a.ariaLabel, spaceStack = _a.spaceStack, stylePreset = _a.stylePreset, _b = _a.showDividerByBreakpoint, showDividerByBreakpoint = _b === void 0 ? false : _b;
+    var children = _a.children, introductionProps = _a.introductionProps, link = _a.link, ariaLabel = _a.ariaLabel, marginBlockEnd = _a.marginBlockEnd, stylePreset = _a.stylePreset, _b = _a.showDividerByBreakpoint, showDividerByBreakpoint = _b === void 0 ? false : _b;
     var bp = (0, newskit_1.useBreakpointKey)();
     var _c = (0, react_1.useState)(true), showDivider = _c[0], setShowDivider = _c[1];
     (0, react_1.useEffect)(function () {
@@ -45,7 +45,7 @@ var ContentListViewComponent = function (_a) {
         introductionProps && (react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "ContentListIntroduction" },
             react_1.default.createElement(Introduction_1.Introduction, { title: introductionProps.title, titleOverrides: introductionProps.extendTitleOverrides, description: introductionProps.description, descriptionOverrides: introductionProps.extendDescriptionOverrides }))),
         react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "ContentListItems" },
-            react_1.default.createElement(StyledBlock, { marginBlockEnd: spaceStack !== null && spaceStack !== void 0 ? spaceStack : {
+            react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd !== null && marginBlockEnd !== void 0 ? marginBlockEnd : {
                     xs: link ? 'space050' : 'space050',
                     sm: link ? 'space050' : 'space080',
                     md: link ? 'space050' : 'space100',

package/dist/cjs/ContentListView/ContentListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI;oBACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,wBAAwB,4BAqDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}
+{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,wBAAwB,4BAqDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}

package/dist/cjs/ContentListView/types.d.ts

@@ -44,7 +44,7 @@ export interface ContentListViewProps {
     };
     link?: boolean;
     ariaLabel?: string;
-    spaceStack?: MQ<string>;
+    marginBlockEnd?: MQ<string>;
     stylePreset?: MQ<string>;
     showDividerByBreakpoint?: boolean;
 }
@@ -56,7 +56,8 @@ export interface ListItemProps {
     hideIcon?: boolean;
     index?: number;
     overrides?: {
-        spaceInset?: MQ<string>;
+        paddingInline?: MQ<string>;
+        paddingBlock?: MQ<string>;
         minHeight?: MQ<string>;
     };
 }

package/dist/cjs/CorePackageContent/CorePackageContent.js

@@ -40,22 +40,22 @@ var CorePackageContent = function (_a) {
     var titleBar = _a.titleBar, image = _a.image, benifitItems = _a.benifitItems, benifitList = _a.benifitList, divider = _a.divider, promo = _a.promo, promoOverrides = _a.promoOverrides, paymentKey = _a.paymentKey, paymentValue = _a.paymentValue, paymentOverrides = _a.paymentOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, billingDetails = _a.billingDetails, billingDetailsOverrides = _a.billingDetailsOverrides, backgroundColor = _a.backgroundColor, padding = _a.padding;
     return (react_1.default.createElement(Wrapper, { backgroundColor: backgroundColor, padding: padding, "data-testid": "core-package-content" },
         titleBar && react_1.default.createElement(TitleBar_1.TitleBar, __assign({}, titleBar)),
-        image && (react_1.default.createElement(StyledImageBlock, { marginBlockEnd: image.spaceStack },
+        image && (react_1.default.createElement(StyledImageBlock, { marginBlockEnd: image.marginBlockEnd },
             react_1.default.createElement(Image_1.Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }, image.overrides)))),
         benifitItems && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(newskit_1.UnorderedList, __assign({}, benifitList, { listItemMarker: (benifitList === null || benifitList === void 0 ? void 0 : benifitList.icon) || IconFilledLens }), benifitItems),
-            react_1.default.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.spaceStack }),
-            react_1.default.createElement(newskit_1.Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.spaceStack },
+            react_1.default.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.marginBlockEnd }),
+            react_1.default.createElement(newskit_1.Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.marginBlockEnd },
                 react_1.default.createElement(newskit_1.Divider, null)))),
-        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.spaceStack },
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.marginBlockEnd },
             react_1.default.createElement(newskit_1.TextBlock, __assign({}, promoOverrides), promo)),
-        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.spaceStack },
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.marginBlockEnd },
             react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "space-between", wrap: "nowrap" },
                 react_1.default.createElement(newskit_1.TextBlock, __assign({}, paymentOverrides), paymentKey),
                 react_1.default.createElement(newskit_1.TextBlock, __assign({}, paymentOverrides), paymentValue))),
-        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.spaceStack },
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd },
             react_1.default.createElement(newskit_1.TextBlock, __assign({}, descriptionOverrides), description)),
-        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.spaceStack },
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.marginBlockEnd },
             react_1.default.createElement(newskit_1.TextBlock, __assign({}, billingDetailsOverrides), billingDetails))));
 };
 exports.CorePackageContent = CorePackageContent;

package/dist/cjs/CorePackageContent/CorePackageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/CorePackageContent/types.d.ts

@@ -3,32 +3,32 @@ import { MQ, ImageProps, UnorderedListProps, NewsKitIcon, TextBlockProps } from
 export interface CorePackageContentProps {
     titleBar?: TitleBarProps;
     image?: (ImageProps & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
     }) | false;
     benifitList?: Omit<UnorderedListProps, 'children'> & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
         icon?: NewsKitIcon;
     };
     benifitItems?: string[];
     divider?: {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
     };
     promo?: string;
     promoOverrides?: Omit<TextBlockProps, 'children'> & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
     };
     paymentKey?: string;
     paymentValue?: string;
     paymentOverrides?: Omit<TextBlockProps, 'children'> & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
     };
     description?: string;
     descriptionOverrides?: Omit<TextBlockProps, 'children'> & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
     };
     billingDetails?: string;
     billingDetailsOverrides?: Omit<TextBlockProps, 'children'> & {
-        spaceStack?: MQ<string>;
+        marginBlockEnd: MQ<string>;
     };
     backgroundColor?: string;
     padding?: string;