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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +41 -29
  2. package/dist/cjs/BackButton/BackButton.js +1 -1
  3. package/dist/cjs/BackButton/BackButton.js.map +1 -1
  4. package/dist/cjs/BackButton/types.d.ts +3 -2
  5. package/dist/cjs/Calendar/CalendarStylesTheme.js +1 -1
  6. package/dist/cjs/Calendar/CalendarStylesTheme.js.map +1 -1
  7. package/dist/cjs/ContentListView/ContentListView.js +2 -2
  8. package/dist/cjs/ContentListView/ContentListView.js.map +1 -1
  9. package/dist/cjs/ContentListView/types.d.ts +3 -2
  10. package/dist/cjs/CorePackageContent/CorePackageContent.js +7 -7
  11. package/dist/cjs/CorePackageContent/CorePackageContent.js.map +1 -1
  12. package/dist/cjs/CorePackageContent/types.d.ts +7 -7
  13. package/dist/cjs/ExpandSection/ExpandSection.js +2 -2
  14. package/dist/cjs/ExpandSection/ExpandSection.js.map +1 -1
  15. package/dist/cjs/ExpandSection/defaults.d.ts +3 -2
  16. package/dist/cjs/ExpandSection/defaults.js +3 -2
  17. package/dist/cjs/ExpandSection/defaults.js.map +1 -1
  18. package/dist/cjs/ExpandSection/types.d.ts +3 -2
  19. package/dist/cjs/FormComponent/FormComponent.js +1 -1
  20. package/dist/cjs/FormComponent/FormComponent.js.map +1 -1
  21. package/dist/cjs/FormComponent/types.d.ts +5 -4
  22. package/dist/cjs/Header/Header.js +3 -3
  23. package/dist/cjs/Header/Header.js.map +1 -1
  24. package/dist/cjs/Header/types.d.ts +2 -2
  25. package/dist/cjs/Introduction/Introduction.js +7 -7
  26. package/dist/cjs/Introduction/Introduction.js.map +1 -1
  27. package/dist/cjs/Introduction/types.d.ts +4 -4
  28. package/dist/cjs/LayoutGrid/LayoutGrid.js +2 -2
  29. package/dist/cjs/LayoutGrid/LayoutGrid.js.map +1 -1
  30. package/dist/cjs/LayoutGrid/types.d.ts +1 -1
  31. package/dist/cjs/Modal/ModalContent.js +6 -6
  32. package/dist/cjs/Modal/ModalContent.js.map +1 -1
  33. package/dist/cjs/Modal/types.d.ts +8 -5
  34. package/dist/cjs/NavigationFooter/NavigationFooter.js +1 -1
  35. package/dist/cjs/NavigationFooter/NavigationFooter.js.map +1 -1
  36. package/dist/cjs/NavigationFooter/components/Container.d.ts +1 -1
  37. package/dist/cjs/NavigationFooter/components/Container.js +3 -8
  38. package/dist/cjs/NavigationFooter/components/Container.js.map +1 -1
  39. package/dist/cjs/NavigationFooter/components/FooterMenu.js +1 -1
  40. package/dist/cjs/NavigationFooter/components/FooterMenu.js.map +1 -1
  41. package/dist/cjs/NavigationFooter/types.d.ts +4 -3
  42. package/dist/cjs/NavigationPrimary/styled.d.ts +0 -2
  43. package/dist/cjs/PastDueBanner/Notice.js +2 -1
  44. package/dist/cjs/PastDueBanner/Notice.js.map +1 -1
  45. package/dist/cjs/SecureFlag/SecureFlag.js +1 -1
  46. package/dist/cjs/SecureFlag/SecureFlag.js.map +1 -1
  47. package/dist/cjs/SecureFlag/defaults.d.ts +4 -2
  48. package/dist/cjs/SecureFlag/defaults.js +4 -2
  49. package/dist/cjs/SecureFlag/defaults.js.map +1 -1
  50. package/dist/cjs/SecureFlag/types.d.ts +2 -1
  51. package/dist/cjs/SubscriptionDetails/SubscriptionDetails.js +4 -4
  52. package/dist/cjs/SubscriptionDetails/SubscriptionDetails.js.map +1 -1
  53. package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.d.ts +5 -2
  54. package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.js +3 -2
  55. package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.js.map +1 -1
  56. package/dist/cjs/SubscriptionDetails/types.d.ts +3 -2
  57. package/dist/cjs/TitleBar/TitleBar.js +3 -3
  58. package/dist/cjs/TitleBar/TitleBar.js.map +1 -1
  59. package/dist/cjs/TitleBar/componentDefaults.d.ts +2 -1
  60. package/dist/cjs/TitleBar/componentDefaults.js +2 -1
  61. package/dist/cjs/TitleBar/componentDefaults.js.map +1 -1
  62. package/dist/cjs/TitleBar/types.d.ts +4 -3
  63. package/dist/cjs/helpers/baseContext.d.ts +10 -10
  64. package/dist/cjs/helpers/baseContext.js +10 -10
  65. package/dist/cjs/helpers/baseContext.js.map +1 -1
  66. package/dist/cjs/theme/sunTheme/index.js +3 -3
  67. package/dist/cjs/theme/sunTheme/index.js.map +1 -1
  68. package/dist/cjs/theme/timesTheme/componentDefaults.d.ts +1 -1
  69. package/dist/cjs/theme/timesTheme/componentDefaults.js +1 -1
  70. package/dist/cjs/theme/timesTheme/componentDefaults.js.map +1 -1
  71. package/dist/esm/BackButton/BackButton.js +1 -1
  72. package/dist/esm/BackButton/BackButton.js.map +1 -1
  73. package/dist/esm/BackButton/types.d.ts +3 -2
  74. package/dist/esm/Calendar/CalendarStylesTheme.js +1 -1
  75. package/dist/esm/Calendar/CalendarStylesTheme.js.map +1 -1
  76. package/dist/esm/ContentListView/ContentListView.js +2 -2
  77. package/dist/esm/ContentListView/ContentListView.js.map +1 -1
  78. package/dist/esm/ContentListView/types.d.ts +3 -2
  79. package/dist/esm/CorePackageContent/CorePackageContent.js +7 -7
  80. package/dist/esm/CorePackageContent/CorePackageContent.js.map +1 -1
  81. package/dist/esm/CorePackageContent/types.d.ts +7 -7
  82. package/dist/esm/ExpandSection/ExpandSection.js +2 -2
  83. package/dist/esm/ExpandSection/ExpandSection.js.map +1 -1
  84. package/dist/esm/ExpandSection/defaults.d.ts +3 -2
  85. package/dist/esm/ExpandSection/defaults.js +3 -2
  86. package/dist/esm/ExpandSection/defaults.js.map +1 -1
  87. package/dist/esm/ExpandSection/types.d.ts +3 -2
  88. package/dist/esm/FormComponent/FormComponent.js +1 -1
  89. package/dist/esm/FormComponent/FormComponent.js.map +1 -1
  90. package/dist/esm/FormComponent/types.d.ts +5 -4
  91. package/dist/esm/Header/Header.js +3 -3
  92. package/dist/esm/Header/Header.js.map +1 -1
  93. package/dist/esm/Header/types.d.ts +2 -2
  94. package/dist/esm/Introduction/Introduction.js +7 -7
  95. package/dist/esm/Introduction/Introduction.js.map +1 -1
  96. package/dist/esm/Introduction/types.d.ts +4 -4
  97. package/dist/esm/LayoutGrid/LayoutGrid.js +2 -2
  98. package/dist/esm/LayoutGrid/LayoutGrid.js.map +1 -1
  99. package/dist/esm/LayoutGrid/types.d.ts +1 -1
  100. package/dist/esm/Modal/ModalContent.js +6 -6
  101. package/dist/esm/Modal/ModalContent.js.map +1 -1
  102. package/dist/esm/Modal/types.d.ts +8 -5
  103. package/dist/esm/NavigationFooter/NavigationFooter.js +1 -1
  104. package/dist/esm/NavigationFooter/NavigationFooter.js.map +1 -1
  105. package/dist/esm/NavigationFooter/components/Container.d.ts +1 -1
  106. package/dist/esm/NavigationFooter/components/Container.js +4 -9
  107. package/dist/esm/NavigationFooter/components/Container.js.map +1 -1
  108. package/dist/esm/NavigationFooter/components/FooterMenu.js +1 -1
  109. package/dist/esm/NavigationFooter/components/FooterMenu.js.map +1 -1
  110. package/dist/esm/NavigationFooter/types.d.ts +4 -3
  111. package/dist/esm/NavigationPrimary/styled.d.ts +0 -2
  112. package/dist/esm/PastDueBanner/Notice.js +2 -1
  113. package/dist/esm/PastDueBanner/Notice.js.map +1 -1
  114. package/dist/esm/SecureFlag/SecureFlag.js +1 -1
  115. package/dist/esm/SecureFlag/SecureFlag.js.map +1 -1
  116. package/dist/esm/SecureFlag/defaults.d.ts +4 -2
  117. package/dist/esm/SecureFlag/defaults.js +4 -2
  118. package/dist/esm/SecureFlag/defaults.js.map +1 -1
  119. package/dist/esm/SecureFlag/types.d.ts +2 -1
  120. package/dist/esm/SubscriptionDetails/SubscriptionDetails.js +4 -4
  121. package/dist/esm/SubscriptionDetails/SubscriptionDetails.js.map +1 -1
  122. package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.d.ts +5 -2
  123. package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.js +3 -2
  124. package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.js.map +1 -1
  125. package/dist/esm/SubscriptionDetails/types.d.ts +3 -2
  126. package/dist/esm/TitleBar/TitleBar.js +3 -3
  127. package/dist/esm/TitleBar/TitleBar.js.map +1 -1
  128. package/dist/esm/TitleBar/componentDefaults.d.ts +2 -1
  129. package/dist/esm/TitleBar/componentDefaults.js +2 -1
  130. package/dist/esm/TitleBar/componentDefaults.js.map +1 -1
  131. package/dist/esm/TitleBar/types.d.ts +4 -3
  132. package/dist/esm/helpers/baseContext.d.ts +10 -10
  133. package/dist/esm/helpers/baseContext.js +10 -10
  134. package/dist/esm/helpers/baseContext.js.map +1 -1
  135. package/dist/esm/theme/sunTheme/index.js +3 -3
  136. package/dist/esm/theme/sunTheme/index.js.map +1 -1
  137. package/dist/esm/theme/timesTheme/componentDefaults.d.ts +1 -1
  138. package/dist/esm/theme/timesTheme/componentDefaults.js +1 -1
  139. package/dist/esm/theme/timesTheme/componentDefaults.js.map +1 -1
  140. package/package.json +2 -2
package/dist/esm/Calendar/CalendarStylesTheme.js CHANGED
@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import { getBorderCssFromTheme, getColorCssFromTheme, getSizingCssFromTheme, getSpacingCssFromTheme, getStylePresetFromTheme, getTypographyPresetFromTheme, styled, } from 'newskit';
6
- export var CalendarStyles = 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) {
6
+ export var CalendarStyles = 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) {
7
7
  var calendar = _a.calendar;
8
8
  return getTypographyPresetFromTheme(calendar.typographyPreset);
9
9
  }, function (_a) {
package/dist/esm/Calendar/CalendarStylesTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,4BAA4B,EAC5B,MAAM,GACP,MAAM,SAAS,CAAA;AAGhB,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,2xqBAAqB,2CAGzD,EAAyE,uoNAmSvE,EAC2D,mKAU3D,EAAmE,QACnE,EACqE,8CAGrE,EAIC,o1BAqCD,EAIC,2BAED,EAC0D,2FAI1D,EAIC,2BAED,EAIC,4GAKD,EAIC,2BAED,EAA2C,kFAI3C,EAIC,+BAGD,EAC4D,8EAI5D,EAIC,4LAQD,EACyD,uLAOzD,EAC2D,QAC3D,EACyD,kvBAgCzD,EACqE,QACrE,EAC2D,sQAY3D,EAA8C,QAC9C,EAAqD,iyDA+ErD,EAIC,srCA+CD,EACsE,mEAGtE,EAIC,QACD,EACsE,uQAUtE,EAIC,qDAGD,EAIC,QACD,EAIC,QACD,EAIC,+bAqBD,EAAuE,4ZAqBvE,EACoE,2oBA+BpE,EACoE,kNAUpE,EAIC,+7BA4CD,EAC8D,QAC9D,EAIC,QACD,EACiE,QACjE,EAC4D,yhCAqD5D,EAC8D,ylBA0B9D,EAC2D,QAC3D,EACwE,QACxE,EAIC,+EAID,EACyD,63HA8K9D,KAxhCG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,4BAA4B,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AAAvD,CAAuD,EAmSvE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAA3D,CAA2D,EAU3D,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AAAjD,CAAiD,EACnE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC;AAArE,CAAqE,EAGrE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,CACnC;AAHD,CAGC,EAqCD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CACtC;AAHD,CAGC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;AAA1D,CAA0D,EAI1D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAC/C;AAHD,CAGC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,OAAO,EACP,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAC9C;AAHD,CAGC,EAKD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CACnD;AAHD,CAGC,EAED,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAI3C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CACxC;AAHD,CAGC,EAGD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAA5D,CAA4D,EAI5D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAC/C;AAHD,CAGC,EAQD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;AAAzD,CAAyD,EAOzD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAA3D,CAA2D,EAC3D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;AAAzD,CAAyD,EAgCzD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC;AAArE,CAAqE,EACrE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAA3D,CAA2D,EAY3D,4BAA4B,CAAC,gBAAgB,CAAC,EAC9C,oBAAoB,CAAC,iBAAiB,EAAE,YAAY,CAAC,EA+ErD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,OAAO,EACP,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAC9C;AAHD,CAGC,EA+CD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC;AAAtE,CAAsE,EAGtE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,sBAAsB,CACpB,YAAY,EACZ,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAChD;AAHD,CAGC,EACD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC;AAAtE,CAAsE,EAUtE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,MAAM,EACN,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAC9C;AAHD,CAGC,EAGD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,qBAAqB,CACnB,QAAQ,EACR,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CACpD;AAHD,CAGC,EACD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,qBAAqB,CACnB,OAAO,EACP,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CACnD;AAHD,CAGC,EACD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,MAAM,EACN,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAClD;AAHD,CAGC,EAqBD,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,uBAAuB,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC;AAArD,CAAqD,EAqBvE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;AAApE,CAAoE,EA+BpE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;AAApE,CAAoE,EAUpE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,qBAAqB,CACnB,cAAc,EACd,QAAQ,CAAC,mBAAmB,CAAC,OAAO,CAAC,WAAW,CACjD;AAHD,CAGC,EA4CD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC;AAA9D,CAA8D,EAC9D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CACvC;AAHD,CAGC,EACD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,qBAAqB,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;AAAjE,CAAiE,EACjE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,uBAAuB,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;AAA5D,CAA4D,EAqD5D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC;AAA9D,CAA8D,EA0B9D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AAA3D,CAA2D,EAC3D,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,sBAAsB,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;AAAxE,CAAwE,EACxE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,sBAAsB,CACpB,aAAa,EACb,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CACpC;AAHD,CAGC,EAID,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,oBAAoB,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAAzD,CAAyD,CA8K9D,CAAA"}
1
+ {"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":"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"}
package/dist/esm/ContentListView/ContentListView.js CHANGED
@@ -8,7 +8,7 @@ import { Introduction } from '../Introduction';
8
8
  import { contentListView } from './defaults';
9
9
  var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
10
10
  export var ContentListViewComponent = function (_a) {
11
- 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;
11
+ 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;
12
12
  var bp = useBreakpointKey();
13
13
  var _c = useState(true), showDivider = _c[0], setShowDivider = _c[1];
14
14
  useEffect(function () {
@@ -19,7 +19,7 @@ export var ContentListViewComponent = function (_a) {
19
19
  introductionProps && (React.createElement(Cell, { xs: 12, "data-testid": "ContentListIntroduction" },
20
20
  React.createElement(Introduction, { title: introductionProps.title, titleOverrides: introductionProps.extendTitleOverrides, description: introductionProps.description, descriptionOverrides: introductionProps.extendDescriptionOverrides }))),
21
21
  React.createElement(Cell, { xs: 12, "data-testid": "ContentListItems" },
22
- React.createElement(StyledBlock, { marginBlockEnd: spaceStack !== null && spaceStack !== void 0 ? spaceStack : {
22
+ React.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd !== null && marginBlockEnd !== void 0 ? marginBlockEnd : {
23
23
  xs: link ? 'space050' : 'space050',
24
24
  sm: link ? 'space050' : 'space080',
25
25
  md: link ? 'space050' : 'space100',
package/dist/esm/ContentListView/ContentListView.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,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,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAgC,QAAQ,CAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,SAAS,CAAC;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,oBAAC,IAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,oBAAC,YAAY,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,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,oBAAC,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,oBAAC,cAAc,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;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAC7C,wBAAwB,EACxB,eAAe,EACf,iBAAiB,CAClB,CAAA"}
1
+ {"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,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,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAgC,QAAQ,CAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,SAAS,CAAC;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,oBAAC,IAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,oBAAC,YAAY,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,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,oBAAC,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,oBAAC,cAAc,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;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAC7C,wBAAwB,EACxB,eAAe,EACf,iBAAiB,CAClB,CAAA"}
package/dist/esm/ContentListView/types.d.ts CHANGED
@@ -44,7 +44,7 @@ export interface ContentListViewProps {
44
44
  };
45
45
  link?: boolean;
46
46
  ariaLabel?: string;
47
- spaceStack?: MQ<string>;
47
+ marginBlockEnd?: MQ<string>;
48
48
  stylePreset?: MQ<string>;
49
49
  showDividerByBreakpoint?: boolean;
50
50
  }
@@ -56,7 +56,8 @@ export interface ListItemProps {
56
56
  hideIcon?: boolean;
57
57
  index?: number;
58
58
  overrides?: {
59
- spaceInset?: MQ<string>;
59
+ paddingInline?: MQ<string>;
60
+ paddingBlock?: MQ<string>;
60
61
  minHeight?: MQ<string>;
61
62
  };
62
63
  }
package/dist/esm/CorePackageContent/CorePackageContent.js CHANGED
@@ -34,22 +34,22 @@ export var CorePackageContent = function (_a) {
34
34
  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;
35
35
  return (React.createElement(Wrapper, { backgroundColor: backgroundColor, padding: padding, "data-testid": "core-package-content" },
36
36
  titleBar && React.createElement(TitleBar, __assign({}, titleBar)),
37
- image && (React.createElement(StyledImageBlock, { marginBlockEnd: image.spaceStack },
37
+ image && (React.createElement(StyledImageBlock, { marginBlockEnd: image.marginBlockEnd },
38
38
  React.createElement(Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }, image.overrides)))),
39
39
  benifitItems && (React.createElement(React.Fragment, null,
40
40
  React.createElement(UnorderedList, __assign({}, benifitList, { listItemMarker: (benifitList === null || benifitList === void 0 ? void 0 : benifitList.icon) || IconFilledLens }), benifitItems),
41
- React.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.spaceStack }),
42
- React.createElement(Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.spaceStack },
41
+ React.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.marginBlockEnd }),
42
+ React.createElement(Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.marginBlockEnd },
43
43
  React.createElement(Divider, null)))),
44
- React.createElement(Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.spaceStack },
44
+ React.createElement(Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.marginBlockEnd },
45
45
  React.createElement(TextBlock, __assign({}, promoOverrides), promo)),
46
- React.createElement(Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.spaceStack },
46
+ React.createElement(Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.marginBlockEnd },
47
47
  React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "space-between", wrap: "nowrap" },
48
48
  React.createElement(TextBlock, __assign({}, paymentOverrides), paymentKey),
49
49
  React.createElement(TextBlock, __assign({}, paymentOverrides), paymentValue))),
50
- React.createElement(Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.spaceStack },
50
+ React.createElement(Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd },
51
51
  React.createElement(TextBlock, __assign({}, descriptionOverrides), description)),
52
- React.createElement(Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.spaceStack },
52
+ React.createElement(Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.marginBlockEnd },
53
53
  React.createElement(TextBlock, __assign({}, billingDetailsOverrides), billingDetails))));
54
54
  };
55
55
  var templateObject_1, templateObject_2, templateObject_3;
package/dist/esm/CorePackageContent/CorePackageContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
package/dist/esm/CorePackageContent/types.d.ts CHANGED
@@ -3,32 +3,32 @@ import { MQ, ImageProps, UnorderedListProps, NewsKitIcon, TextBlockProps } from
3
3
  export interface CorePackageContentProps {
4
4
  titleBar?: TitleBarProps;
5
5
  image?: (ImageProps & {
6
- spaceStack?: MQ<string>;
6
+ marginBlockEnd?: MQ<string>;
7
7
  }) | false;
8
8
  benifitList?: Omit<UnorderedListProps, 'children'> & {
9
- spaceStack?: MQ<string>;
9
+ marginBlockEnd?: MQ<string>;
10
10
  icon?: NewsKitIcon;
11
11
  };
12
12
  benifitItems?: string[];
13
13
  divider?: {
14
- spaceStack?: MQ<string>;
14
+ marginBlockEnd?: MQ<string>;
15
15
  };
16
16
  promo?: string;
17
17
  promoOverrides?: Omit<TextBlockProps, 'children'> & {
18
- spaceStack?: MQ<string>;
18
+ marginBlockEnd?: MQ<string>;
19
19
  };
20
20
  paymentKey?: string;
21
21
  paymentValue?: string;
22
22
  paymentOverrides?: Omit<TextBlockProps, 'children'> & {
23
- spaceStack?: MQ<string>;
23
+ marginBlockEnd?: MQ<string>;
24
24
  };
25
25
  description?: string;
26
26
  descriptionOverrides?: Omit<TextBlockProps, 'children'> & {
27
- spaceStack?: MQ<string>;
27
+ marginBlockEnd?: MQ<string>;
28
28
  };
29
29
  billingDetails?: string;
30
30
  billingDetailsOverrides?: Omit<TextBlockProps, 'children'> & {
31
- spaceStack?: MQ<string>;
31
+ marginBlockEnd: MQ<string>;
32
32
  };
33
33
  backgroundColor?: string;
34
34
  padding?: string;
package/dist/esm/ExpandSection/ExpandSection.js CHANGED
@@ -32,7 +32,7 @@ export var ExpandSection = function (_a) {
32
32
  data.moreInfo.textList && (React.createElement(UnorderedList, { overrides: unorderedListOverrides, listItemMarker: IconFilledCircle, markerAlign: "start" }, data.moreInfo.textList)),
33
33
  data.moreInfo.text && (React.createElement(TextBlock, __assign({}, textOverrides), data.moreInfo.text)))),
34
34
  React.createElement(Button, { onClick: handleButtonClick, overrides: buttonOverrides }, isExpanded
35
- ? [expandButton.collapse, React.createElement(IconFilledExpandLess, null)]
36
- : [expandButton.expand, React.createElement(IconFilledExpandMore, null)]))) : null;
35
+ ? [expandButton.collapse, React.createElement(IconFilledExpandLess, { key: "icon-1" })]
36
+ : [expandButton.expand, React.createElement(IconFilledExpandMore, { key: "icon-2" })]))) : null;
37
37
  };
38
38
  //# sourceMappingURL=ExpandSection.js.map
package/dist/esm/ExpandSection/ExpandSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandSection.js","sourceRoot":"","sources":["../../../src/ExpandSection/ExpandSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,6BAA6B,EAC7B,4BAA4B,GAC7B,MAAM,YAAY,CAAA;AAEnB,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAC5D,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAE5D,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,EAO3D;QANC,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAkC,EAAlC,YAAY,mBAAG,mBAAmB,KAAA,EAClC,8BAAsD,EAAtD,sBAAsB,mBAAG,6BAA6B,KAAA,EACtD,qBAAyC,EAAzC,aAAa,mBAAG,yBAAyB,KAAA,EACzC,uBAA8C,EAA9C,eAAe,mBAAG,4BAA4B,KAAA;IAExC,IAAA,KAA8B,QAAQ,CAAC,QAAQ,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAA;IACtD,IAAM,iBAAiB,GAAG,UAAC,CAAC;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ;QAEG,IAAI,CAAC,QAAQ;YACZ,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,CAAS,IAAK,OAAA,CAC7C,oBAAC,SAAS,eAAK,aAAa,IAAE,GAAG,EAAE,CAAC,KACjC,IAAI,CACK,CACb,EAJ8C,CAI9C,CAAC;QAGH,UAAU,IAAI,CACb;YACG,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CACzB,oBAAC,aAAa,IACZ,SAAS,EAAE,sBAAsB,EACjC,cAAc,EAAE,gBAAgB,EAChC,WAAW,EAAC,OAAO,IAElB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACT,CACjB;YAEA,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CACrB,oBAAC,SAAS,eAAK,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAa,CAC/D,CACA,CACJ;QAGD,oBAAC,MAAM,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,IAC3D,UAAU;YACT,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,oBAAC,oBAAoB,OAAG,CAAC;YACnD,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,oBAAC,oBAAoB,OAAG,CAAC,CAC5C,CACR,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
1
+ {"version":3,"file":"ExpandSection.js","sourceRoot":"","sources":["../../../src/ExpandSection/ExpandSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,6BAA6B,EAC7B,4BAA4B,GAC7B,MAAM,YAAY,CAAA;AAEnB,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAC5D,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAE5D,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,EAO3D;QANC,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAkC,EAAlC,YAAY,mBAAG,mBAAmB,KAAA,EAClC,8BAAsD,EAAtD,sBAAsB,mBAAG,6BAA6B,KAAA,EACtD,qBAAyC,EAAzC,aAAa,mBAAG,yBAAyB,KAAA,EACzC,uBAA8C,EAA9C,eAAe,mBAAG,4BAA4B,KAAA;IAExC,IAAA,KAA8B,QAAQ,CAAC,QAAQ,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAA;IACtD,IAAM,iBAAiB,GAAG,UAAC,CAAC;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ;QAEG,IAAI,CAAC,QAAQ;YACZ,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,CAAS,IAAK,OAAA,CAC7C,oBAAC,SAAS,eAAK,aAAa,IAAE,GAAG,EAAE,CAAC,KACjC,IAAI,CACK,CACb,EAJ8C,CAI9C,CAAC;QAGH,UAAU,IAAI,CACb;YACG,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CACzB,oBAAC,aAAa,IACZ,SAAS,EAAE,sBAAsB,EACjC,cAAc,EAAE,gBAAgB,EAChC,WAAW,EAAC,OAAO,IAElB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACT,CACjB;YAEA,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CACrB,oBAAC,SAAS,eAAK,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAa,CAC/D,CACA,CACJ;QAGD,oBAAC,MAAM,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,IAC3D,UAAU;YACT,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,oBAAC,oBAAoB,IAAC,GAAG,EAAC,QAAQ,GAAG,CAAC;YAChE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,oBAAC,oBAAoB,IAAC,GAAG,EAAC,QAAQ,GAAG,CAAC,CACzD,CACR,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
package/dist/esm/ExpandSection/defaults.d.ts CHANGED
@@ -21,14 +21,15 @@ export declare const unorderedListOverridesDefault: {
21
21
  sm: string;
22
22
  };
23
23
  };
24
- spaceStack: {
24
+ marginBlockEnd: {
25
25
  xs: string;
26
26
  md: string;
27
27
  };
28
28
  };
29
29
  export declare const expandButtonOverridesDefault: {
30
30
  stylePreset: string;
31
- spaceInset: string;
31
+ paddingInline: string;
32
+ paddingBlock: string;
32
33
  minHeight: string;
33
34
  minWidth: string;
34
35
  width: {
package/dist/esm/ExpandSection/defaults.js CHANGED
@@ -21,14 +21,15 @@ export var unorderedListOverridesDefault = {
21
21
  sm: 'utilityBody030',
22
22
  },
23
23
  },
24
- spaceStack: {
24
+ marginBlockEnd: {
25
25
  xs: 'space040',
26
26
  md: 'space050',
27
27
  },
28
28
  };
29
29
  export var expandButtonOverridesDefault = {
30
30
  stylePreset: 'buttonMinimalPrimary',
31
- spaceInset: 'space000',
31
+ paddingInline: 'space000',
32
+ paddingBlock: 'space000',
32
33
  minHeight: 'unset',
33
34
  minWidth: 'unset',
34
35
  width: { xs: '100%', sm: 'inherit' },
package/dist/esm/ExpandSection/defaults.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ExpandSection/defaults.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACvC,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;KACrB;IACD,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAO,EAAE;QACP,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE;YAChB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,UAAU,EAAE;QACV,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,WAAW,EAAE,sBAAsB;IACnC,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;CACrC,CAAA"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ExpandSection/defaults.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACvC,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;KACrB;IACD,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAO,EAAE;QACP,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE;YAChB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,WAAW,EAAE,sBAAsB;IACnC,aAAa,EAAE,UAAU;IACzB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;CACrC,CAAA"}
package/dist/esm/ExpandSection/types.d.ts CHANGED
@@ -17,7 +17,7 @@ export interface ExpandSectionProps {
17
17
  stylePreset?: MQ<string>;
18
18
  typographyPreset?: MQ<string>;
19
19
  };
20
- spaceStack?: MQ<string>;
20
+ marginBlockEnd?: MQ<string>;
21
21
  };
22
22
  textOverrides?: {
23
23
  typographyPreset?: MQ<string>;
@@ -26,7 +26,8 @@ export interface ExpandSectionProps {
26
26
  };
27
27
  buttonOverrides?: {
28
28
  stylePreset?: MQ<string>;
29
- spaceInset?: MQ<string>;
29
+ paddingInline?: MQ<string>;
30
+ paddingBlock?: MQ<string>;
30
31
  minHeight?: MQ<string>;
31
32
  minWidth?: MQ<string>;
32
33
  width?: MQ<string>;
package/dist/esm/FormComponent/FormComponent.js CHANGED
@@ -55,7 +55,7 @@ export var FormComponent = function (_a) {
55
55
  React.createElement(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
56
56
  React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
57
57
  text &&
58
- text.map(function (p, i) { return (React.createElement(Block, { spaceStack: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.spaceStack, key: i },
58
+ text.map(function (p, i) { return (React.createElement(Block, { marginBlockEnd: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.marginBlockEnd, key: i },
59
59
  React.createElement(TextBlock, { stylePreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.stylePreset, typographyPreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.typographyPreset, dangerouslySetInnerHTML: { __html: p } }))); }),
60
60
  React.createElement(Form, { resolver: resolver, onSubmit: function (e) {
61
61
  setLoading(true);
package/dist/esm/FormComponent/FormComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../src/FormComponent/FormComponent.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../src/FormComponent/FormComponent.tsx"],"names":[],"mappings":"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"}
package/dist/esm/FormComponent/types.d.ts CHANGED
@@ -10,9 +10,10 @@ export interface Data {
10
10
  }
11
11
  interface InputTextOverrides {
12
12
  cells?: MQ<number>;
13
- spaceStack?: MQ<string>;
13
+ marginBlockEnd?: MQ<string>;
14
14
  stylePreset?: MQ<string>;
15
- spaceInset?: MQ<string>;
15
+ paddingInline?: MQ<string>;
16
+ paddingBlock?: MQ<string>;
16
17
  }
17
18
  export interface InputText extends InputTextOverrides {
18
19
  labelProps?: Omit<LabelProps, 'children'> & {
@@ -25,14 +26,14 @@ export interface InputText extends InputTextOverrides {
25
26
  }
26
27
  export interface InfoPanel extends InlineMessageProps {
27
28
  infoPanelCells?: MQ<number>;
28
- spaceStack?: MQ<string>;
29
+ marginBlockEnd?: MQ<string>;
29
30
  }
30
31
  export interface FormWrapperProps {
31
32
  text?: string[];
32
33
  textOverriders?: {
33
34
  stylePreset?: MQ<string>;
34
35
  typographyPreset?: MQ<string>;
35
- spaceStack?: MQ<string>;
36
+ marginBlockEnd?: MQ<string>;
36
37
  };
37
38
  buttonGroupProps?: ButtonGroupProps;
38
39
  inputText?: Omit<InputText, 'labelProps.text' | 'assistiveTextProps.text'>;
package/dist/esm/Header/Header.js CHANGED
@@ -21,14 +21,14 @@ import { Image } from '../Image';
21
21
  import { getAspectRatio } from '../utils';
22
22
  var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'));
23
23
  export var Header = function (_a) {
24
- var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, spaceStack = _a.spaceStack, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
25
- return (React.createElement(StyledBlock, { spaceStack: spaceStack, "data-testid": "page-header" },
24
+ var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
25
+ return (React.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },
26
26
  React.createElement(Grid, { xsRowGutter: 'space000', xsMargin: 'space000', xsColumnGutter: 'space000' },
27
27
  backButton && (React.createElement(Cell, __assign({ xs: 12 }, backButtonCell),
28
28
  React.createElement(BackButton, { backButton: backButton, backButtonOverrides: backButtonOverrides }))),
29
29
  React.createElement(Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
30
30
  React.createElement(Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
31
- React.createElement(Cell, __assign({ xs: 12 }, imageCell), image && (React.createElement(Block, { spaceStack: image.spaceStack },
31
+ React.createElement(Cell, __assign({ xs: 12 }, imageCell), image && (React.createElement(Block, { marginBlockEnd: image.marginBlockEnd },
32
32
  React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }))))),
33
33
  showDivider && React.createElement(Divider, { overrides: dividerOverrides })));
34
34
  };
package/dist/esm/Header/Header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AACD,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,oBAAC,WAAW,IAAC,UAAU,EAAE,UAAU,iBAAc,aAAa;QAC5D,oBAAC,IAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,oBAAC,IAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,oBAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AACD,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,oBAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,oBAAC,IAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,oBAAC,IAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,oBAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA"}
package/dist/esm/Header/types.d.ts CHANGED
@@ -2,13 +2,13 @@ import { IntroductionProps } from '../Introduction';
2
2
  import { MQ, ImageProps, CellProps } from 'newskit';
3
3
  import { TBackButton, BackButtonOverrides } from '../BackButton';
4
4
  type EnhancedImageProps = ImageProps & {
5
- spaceStack?: MQ<string>;
5
+ marginBlockEnd?: MQ<string>;
6
6
  };
7
7
  export type HeaderProps = IntroductionProps & {
8
8
  backButton?: TBackButton;
9
9
  backButtonOverrides?: BackButtonOverrides;
10
10
  image?: EnhancedImageProps | false;
11
- spaceStack?: MQ<string>;
11
+ marginBlockEnd?: MQ<string>;
12
12
  showDivider?: boolean;
13
13
  dividerOverrides?: {
14
14
  stylePreset: MQ<string>;