intergalactic 15.102.1-prerelease.0 → 15.103.0-prerelease.0

package/date-picker/lib/es6/components/InputTrigger.js

@@ -36,35 +36,35 @@ import { includesDate } from '../utils/includesDate';
 import dayjs from 'dayjs';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_d86gd_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_d86gd_gg_:active,.___SPopper_d86gd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_d86gd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_d86gd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_d86gd_gg_,.___STitle_d86gd_gg_{display:flex;align-items:center}.___STitle_d86gd_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_d86gd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_d86gd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_d86gd_gg_ .___SInner_d86gd_gg_{justify-content:flex-start}.___SInputMask_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_d86gd_gg_.__animationsDisabled_d86gd_gg_{transition:none}.___SInputMask_d86gd_gg_ .___SValue_d86gd_gg_{letter-spacing:0}.___SIndicator_d86gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_d86gd_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_d86gd_gg_._range_value_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_d86gd_gg_._range_compare_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_d86gd_gg_.__disabled_d86gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_d86gd_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_d86gd_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_d86gd_gg_ .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_ .___SValue_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SValue_d86gd_gg_{opacity:0}.___SSingleDateInput_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SMask_d86gd_gg_,.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_ .___SInputMask_d86gd_gg_:focus-within .___SMask_d86gd_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_d86gd_gg_:focus-within .___SRangeSep_d86gd_gg_,.___SRangeSep_d86gd_gg_.__fulfilled_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_d86gd_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_d86gd_gg_,.___SRangeComparatorHeader_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_d86gd_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_d86gd_gg_,.___SPeriodsList_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_d86gd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_d86gd_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_d86gd_gg_{transition:none}}" /*__inner_css_end__*/, "d86gd_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_d86gd_gg_",
-  "__STitle": "___STitle_d86gd_gg_",
-  "__SToday": "___SToday_d86gd_gg_",
-  "__SPeriod": "___SPeriod_d86gd_gg_",
-  "__SButton": "___SButton_d86gd_gg_",
-  "__SInner": "___SInner_d86gd_gg_",
-  "__SInputMask": "___SInputMask_d86gd_gg_",
-  "_animationsDisabled": "__animationsDisabled_d86gd_gg_",
-  "__SValue": "___SValue_d86gd_gg_",
-  "__SIndicator": "___SIndicator_d86gd_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_d86gd_gg_",
-  "_range_value": "_range_value_d86gd_gg_",
-  "_range_compare": "_range_compare_d86gd_gg_",
-  "_disabled": "__disabled_d86gd_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_d86gd_gg_",
-  "__SMask": "___SMask_d86gd_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_d86gd_gg_",
-  "__SDateRange": "___SDateRange_d86gd_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_d86gd_gg_",
-  "__SRangeSep": "___SRangeSep_d86gd_gg_",
-  "_fulfilled": "__fulfilled_d86gd_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_d86gd_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_d86gd_gg_",
-  "__SFooter": "___SFooter_d86gd_gg_",
-  "__SPeriodsList": "___SPeriodsList_d86gd_gg_",
-  "__STooltip": "___STooltip_d86gd_gg_",
-  "__SCompareToggle": "___SCompareToggle_d86gd_gg_",
-  "__SPopper": "___SPopper_d86gd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1sidw_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1sidw_gg_:active,.___SPopper_1sidw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1sidw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1sidw_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1sidw_gg_,.___STitle_1sidw_gg_{display:flex;align-items:center}.___STitle_1sidw_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1sidw_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1sidw_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1sidw_gg_ .___SInner_1sidw_gg_{justify-content:flex-start}.___SInputMask_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1sidw_gg_.__animationsDisabled_1sidw_gg_{transition:none}.___SInputMask_1sidw_gg_ .___SValue_1sidw_gg_{letter-spacing:0}.___SIndicator_1sidw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1sidw_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1sidw_gg_._range_value_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1sidw_gg_._range_compare_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1sidw_gg_.__disabled_1sidw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1sidw_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1sidw_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1sidw_gg_ .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_ .___SValue_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SValue_1sidw_gg_{opacity:0}.___SSingleDateInput_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SMask_1sidw_gg_,.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_ .___SInputMask_1sidw_gg_:focus-within .___SMask_1sidw_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1sidw_gg_:focus-within .___SRangeSep_1sidw_gg_,.___SRangeSep_1sidw_gg_.__fulfilled_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1sidw_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1sidw_gg_,.___SRangeComparatorHeader_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1sidw_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1sidw_gg_,.___SPeriodsList_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1sidw_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1sidw_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1sidw_gg_{transition:none}}" /*__inner_css_end__*/, "1sidw_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1sidw_gg_",
+  "__STitle": "___STitle_1sidw_gg_",
+  "__SToday": "___SToday_1sidw_gg_",
+  "__SPeriod": "___SPeriod_1sidw_gg_",
+  "__SButton": "___SButton_1sidw_gg_",
+  "__SInner": "___SInner_1sidw_gg_",
+  "__SInputMask": "___SInputMask_1sidw_gg_",
+  "_animationsDisabled": "__animationsDisabled_1sidw_gg_",
+  "__SValue": "___SValue_1sidw_gg_",
+  "__SIndicator": "___SIndicator_1sidw_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1sidw_gg_",
+  "_range_value": "_range_value_1sidw_gg_",
+  "_range_compare": "_range_compare_1sidw_gg_",
+  "_disabled": "__disabled_1sidw_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1sidw_gg_",
+  "__SMask": "___SMask_1sidw_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1sidw_gg_",
+  "__SDateRange": "___SDateRange_1sidw_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1sidw_gg_",
+  "__SRangeSep": "___SRangeSep_1sidw_gg_",
+  "_fulfilled": "__fulfilled_1sidw_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1sidw_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1sidw_gg_",
+  "__SFooter": "___SFooter_1sidw_gg_",
+  "__SPeriodsList": "___SPeriodsList_1sidw_gg_",
+  "__STooltip": "___STooltip_1sidw_gg_",
+  "__SCompareToggle": "___SCompareToggle_1sidw_gg_",
+  "__SPopper": "___SPopper_1sidw_gg_"
 });
 import assignProps from 'intergalactic/utils/lib/assignProps';
 var defaultAllowedParts = {

package/date-picker/lib/es6/components/PickerAbstract.js

@@ -13,35 +13,35 @@ import Dropdown from 'intergalactic/dropdown';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_d86gd_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_d86gd_gg_:active,.___SPopper_d86gd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_d86gd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_d86gd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_d86gd_gg_,.___STitle_d86gd_gg_{display:flex;align-items:center}.___STitle_d86gd_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_d86gd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_d86gd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_d86gd_gg_ .___SInner_d86gd_gg_{justify-content:flex-start}.___SInputMask_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_d86gd_gg_.__animationsDisabled_d86gd_gg_{transition:none}.___SInputMask_d86gd_gg_ .___SValue_d86gd_gg_{letter-spacing:0}.___SIndicator_d86gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_d86gd_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_d86gd_gg_._range_value_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_d86gd_gg_._range_compare_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_d86gd_gg_.__disabled_d86gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_d86gd_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_d86gd_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_d86gd_gg_ .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_ .___SValue_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SValue_d86gd_gg_{opacity:0}.___SSingleDateInput_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SMask_d86gd_gg_,.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_ .___SInputMask_d86gd_gg_:focus-within .___SMask_d86gd_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_d86gd_gg_:focus-within .___SRangeSep_d86gd_gg_,.___SRangeSep_d86gd_gg_.__fulfilled_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_d86gd_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_d86gd_gg_,.___SRangeComparatorHeader_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_d86gd_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_d86gd_gg_,.___SPeriodsList_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_d86gd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_d86gd_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_d86gd_gg_{transition:none}}" /*__inner_css_end__*/, "d86gd_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_d86gd_gg_",
-  "__STitle": "___STitle_d86gd_gg_",
-  "__SToday": "___SToday_d86gd_gg_",
-  "__SPeriod": "___SPeriod_d86gd_gg_",
-  "__SButton": "___SButton_d86gd_gg_",
-  "__SInner": "___SInner_d86gd_gg_",
-  "__SInputMask": "___SInputMask_d86gd_gg_",
-  "_animationsDisabled": "__animationsDisabled_d86gd_gg_",
-  "__SValue": "___SValue_d86gd_gg_",
-  "__SIndicator": "___SIndicator_d86gd_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_d86gd_gg_",
-  "_range_value": "_range_value_d86gd_gg_",
-  "_range_compare": "_range_compare_d86gd_gg_",
-  "_disabled": "__disabled_d86gd_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_d86gd_gg_",
-  "__SMask": "___SMask_d86gd_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_d86gd_gg_",
-  "__SDateRange": "___SDateRange_d86gd_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_d86gd_gg_",
-  "__SRangeSep": "___SRangeSep_d86gd_gg_",
-  "_fulfilled": "__fulfilled_d86gd_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_d86gd_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_d86gd_gg_",
-  "__SFooter": "___SFooter_d86gd_gg_",
-  "__SPeriodsList": "___SPeriodsList_d86gd_gg_",
-  "__STooltip": "___STooltip_d86gd_gg_",
-  "__SCompareToggle": "___SCompareToggle_d86gd_gg_",
-  "__SPopper": "___SPopper_d86gd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1sidw_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1sidw_gg_:active,.___SPopper_1sidw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1sidw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1sidw_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1sidw_gg_,.___STitle_1sidw_gg_{display:flex;align-items:center}.___STitle_1sidw_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1sidw_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1sidw_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1sidw_gg_ .___SInner_1sidw_gg_{justify-content:flex-start}.___SInputMask_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1sidw_gg_.__animationsDisabled_1sidw_gg_{transition:none}.___SInputMask_1sidw_gg_ .___SValue_1sidw_gg_{letter-spacing:0}.___SIndicator_1sidw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1sidw_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1sidw_gg_._range_value_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1sidw_gg_._range_compare_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1sidw_gg_.__disabled_1sidw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1sidw_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1sidw_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1sidw_gg_ .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_ .___SValue_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SValue_1sidw_gg_{opacity:0}.___SSingleDateInput_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SMask_1sidw_gg_,.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_ .___SInputMask_1sidw_gg_:focus-within .___SMask_1sidw_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1sidw_gg_:focus-within .___SRangeSep_1sidw_gg_,.___SRangeSep_1sidw_gg_.__fulfilled_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1sidw_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1sidw_gg_,.___SRangeComparatorHeader_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1sidw_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1sidw_gg_,.___SPeriodsList_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1sidw_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1sidw_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1sidw_gg_{transition:none}}" /*__inner_css_end__*/, "1sidw_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1sidw_gg_",
+  "__STitle": "___STitle_1sidw_gg_",
+  "__SToday": "___SToday_1sidw_gg_",
+  "__SPeriod": "___SPeriod_1sidw_gg_",
+  "__SButton": "___SButton_1sidw_gg_",
+  "__SInner": "___SInner_1sidw_gg_",
+  "__SInputMask": "___SInputMask_1sidw_gg_",
+  "_animationsDisabled": "__animationsDisabled_1sidw_gg_",
+  "__SValue": "___SValue_1sidw_gg_",
+  "__SIndicator": "___SIndicator_1sidw_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1sidw_gg_",
+  "_range_value": "_range_value_1sidw_gg_",
+  "_range_compare": "_range_compare_1sidw_gg_",
+  "_disabled": "__disabled_1sidw_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1sidw_gg_",
+  "__SMask": "___SMask_1sidw_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1sidw_gg_",
+  "__SDateRange": "___SDateRange_1sidw_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1sidw_gg_",
+  "__SRangeSep": "___SRangeSep_1sidw_gg_",
+  "_fulfilled": "__fulfilled_1sidw_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1sidw_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1sidw_gg_",
+  "__SFooter": "___SFooter_1sidw_gg_",
+  "__SPeriodsList": "___SPeriodsList_1sidw_gg_",
+  "__STooltip": "___STooltip_1sidw_gg_",
+  "__SCompareToggle": "___SCompareToggle_1sidw_gg_",
+  "__SPopper": "___SPopper_1sidw_gg_"
 });
 import { includesDate } from '../utils/includesDate';
 import { formatDDMMYY, formatMMYY } from '../utils/formatDate';

package/date-picker/lib/es6/components/RangePickerAbstract.js

@@ -21,35 +21,35 @@ import { localizedMessages } from '../translations/__intergalactic-dynamic-local
 import { includesDate } from '../utils/includesDate';
 import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_d86gd_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_d86gd_gg_:active,.___SPopper_d86gd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_d86gd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_d86gd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_d86gd_gg_,.___STitle_d86gd_gg_{display:flex;align-items:center}.___STitle_d86gd_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_d86gd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_d86gd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_d86gd_gg_ .___SInner_d86gd_gg_{justify-content:flex-start}.___SInputMask_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_d86gd_gg_.__animationsDisabled_d86gd_gg_{transition:none}.___SInputMask_d86gd_gg_ .___SValue_d86gd_gg_{letter-spacing:0}.___SIndicator_d86gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_d86gd_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_d86gd_gg_._range_value_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_d86gd_gg_._range_compare_d86gd_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_d86gd_gg_.__disabled_d86gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_d86gd_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_d86gd_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_d86gd_gg_ .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_ .___SValue_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_ .___SValue_d86gd_gg_{opacity:0}.___SSingleDateInput_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SSingleDateInput_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_:focus-within .___SHumanizedDate_d86gd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_d86gd_gg_:focus-within .___SMask_d86gd_gg_,.___SDateRange_d86gd_gg_:focus-within .___SValue_d86gd_gg_{opacity:1}.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SMask_d86gd_gg_,.___SInputMask_d86gd_gg_.__noHumanizedDate_d86gd_gg_ .___SValue_d86gd_gg_{opacity:1}.___SDateRange_d86gd_gg_ .___SInputMask_d86gd_gg_:focus-within .___SMask_d86gd_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_d86gd_gg_:focus-within .___SRangeSep_d86gd_gg_,.___SRangeSep_d86gd_gg_.__fulfilled_d86gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_d86gd_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_d86gd_gg_,.___SRangeComparatorHeader_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_d86gd_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_d86gd_gg_,.___SPeriodsList_d86gd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_d86gd_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_d86gd_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_d86gd_gg_{transition:none}}" /*__inner_css_end__*/, "d86gd_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_d86gd_gg_",
-  "__STitle": "___STitle_d86gd_gg_",
-  "__SToday": "___SToday_d86gd_gg_",
-  "__SPeriod": "___SPeriod_d86gd_gg_",
-  "__SButton": "___SButton_d86gd_gg_",
-  "__SInner": "___SInner_d86gd_gg_",
-  "__SInputMask": "___SInputMask_d86gd_gg_",
-  "_animationsDisabled": "__animationsDisabled_d86gd_gg_",
-  "__SValue": "___SValue_d86gd_gg_",
-  "__SIndicator": "___SIndicator_d86gd_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_d86gd_gg_",
-  "_range_value": "_range_value_d86gd_gg_",
-  "_range_compare": "_range_compare_d86gd_gg_",
-  "_disabled": "__disabled_d86gd_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_d86gd_gg_",
-  "__SMask": "___SMask_d86gd_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_d86gd_gg_",
-  "__SDateRange": "___SDateRange_d86gd_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_d86gd_gg_",
-  "__SRangeSep": "___SRangeSep_d86gd_gg_",
-  "_fulfilled": "__fulfilled_d86gd_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_d86gd_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_d86gd_gg_",
-  "__SFooter": "___SFooter_d86gd_gg_",
-  "__SPeriodsList": "___SPeriodsList_d86gd_gg_",
-  "__STooltip": "___STooltip_d86gd_gg_",
-  "__SCompareToggle": "___SCompareToggle_d86gd_gg_",
-  "__SPopper": "___SPopper_d86gd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1sidw_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1sidw_gg_:active,.___SPopper_1sidw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1sidw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1sidw_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1sidw_gg_,.___STitle_1sidw_gg_{display:flex;align-items:center}.___STitle_1sidw_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1sidw_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1sidw_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1sidw_gg_ .___SInner_1sidw_gg_{justify-content:flex-start}.___SInputMask_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1sidw_gg_.__animationsDisabled_1sidw_gg_{transition:none}.___SInputMask_1sidw_gg_ .___SValue_1sidw_gg_{letter-spacing:0}.___SIndicator_1sidw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1sidw_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1sidw_gg_._range_value_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1sidw_gg_._range_compare_1sidw_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1sidw_gg_.__disabled_1sidw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1sidw_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1sidw_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1sidw_gg_ .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_ .___SValue_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_ .___SValue_1sidw_gg_{opacity:0}.___SSingleDateInput_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SSingleDateInput_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_:focus-within .___SHumanizedDate_1sidw_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1sidw_gg_:focus-within .___SMask_1sidw_gg_,.___SDateRange_1sidw_gg_:focus-within .___SValue_1sidw_gg_{opacity:1}.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SMask_1sidw_gg_,.___SInputMask_1sidw_gg_.__noHumanizedDate_1sidw_gg_ .___SValue_1sidw_gg_{opacity:1}.___SDateRange_1sidw_gg_ .___SInputMask_1sidw_gg_:focus-within .___SMask_1sidw_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1sidw_gg_:focus-within .___SRangeSep_1sidw_gg_,.___SRangeSep_1sidw_gg_.__fulfilled_1sidw_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1sidw_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1sidw_gg_,.___SRangeComparatorHeader_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1sidw_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1sidw_gg_,.___SPeriodsList_1sidw_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1sidw_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1sidw_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1sidw_gg_{transition:none}}" /*__inner_css_end__*/, "1sidw_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1sidw_gg_",
+  "__STitle": "___STitle_1sidw_gg_",
+  "__SToday": "___SToday_1sidw_gg_",
+  "__SPeriod": "___SPeriod_1sidw_gg_",
+  "__SButton": "___SButton_1sidw_gg_",
+  "__SInner": "___SInner_1sidw_gg_",
+  "__SInputMask": "___SInputMask_1sidw_gg_",
+  "_animationsDisabled": "__animationsDisabled_1sidw_gg_",
+  "__SValue": "___SValue_1sidw_gg_",
+  "__SIndicator": "___SIndicator_1sidw_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1sidw_gg_",
+  "_range_value": "_range_value_1sidw_gg_",
+  "_range_compare": "_range_compare_1sidw_gg_",
+  "_disabled": "__disabled_1sidw_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1sidw_gg_",
+  "__SMask": "___SMask_1sidw_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1sidw_gg_",
+  "__SDateRange": "___SDateRange_1sidw_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1sidw_gg_",
+  "__SRangeSep": "___SRangeSep_1sidw_gg_",
+  "_fulfilled": "__fulfilled_1sidw_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1sidw_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1sidw_gg_",
+  "__SFooter": "___SFooter_1sidw_gg_",
+  "__SPeriodsList": "___SPeriodsList_1sidw_gg_",
+  "__STooltip": "___STooltip_1sidw_gg_",
+  "__SCompareToggle": "___SCompareToggle_1sidw_gg_",
+  "__SPopper": "___SPopper_1sidw_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];

package/date-picker/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\nimport { TooltipProps } from '@semcore/tooltip';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n   * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n   * @ignore\n   * */\n  highlighted?: DateConstructorParams[];\n  /**\n   * @ignore\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n\n  renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n  selected?: boolean;\n  outdated?: boolean;\n  disabled?: boolean;\n  today?: boolean;\n  startSelected?: boolean;\n  endSelected?: boolean;\n  highlighted?: boolean;\n  startHighlighted?: boolean;\n  endHighlighted?: boolean;\n  date?: Date;\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams[];\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date[]) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n  extends DateRangePickerPeriodProps,\n    UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n  extends AbstractDatePickerHandlers,\n    UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\nexport type BaseInputTriggerProps = InputProps &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n  extends DatePickerMaskedInputProps,\n    UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: Boolean; month: Boolean; day: Boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * Selected date ranges\n     * */\n    value?: DateRangeComparatorValue;\n    /**\n     * Default value for selected date ranges\n     * */\n    defaultValue?: DateRangeComparatorValue;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n    onChange?: (ranges: {\n      value?: DateConstructorParams[];\n      compare?: DateConstructorParams[];\n    }) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    compareHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onCompareHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n    preselectedCompare?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n    onPreselectedCompareChange?: (date: Date[]) => void;\n    /**\n     * Controls that compare range input is enabled.\n     */\n    compareToggle?: boolean;\n    /**\n     * Toggles when compare range input enables or disables.\n     */\n    onCompareToggleChange?: (compareToggle: boolean) => void;\n    /**\n     * Controls which date range is focused.\n     */\n    focusedRange?: DateRangeComparatorFocusRange;\n    /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n    onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\nimport { TooltipProps } from '@semcore/tooltip';\nimport Popper from '@semcore/popper';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n   * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n   * @ignore\n   * */\n  highlighted?: DateConstructorParams[];\n  /**\n   * @ignore\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n\n  renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n  selected?: boolean;\n  outdated?: boolean;\n  disabled?: boolean;\n  today?: boolean;\n  startSelected?: boolean;\n  endSelected?: boolean;\n  highlighted?: boolean;\n  startHighlighted?: boolean;\n  endHighlighted?: boolean;\n  date?: Date;\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams[];\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date[]) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n  extends DateRangePickerPeriodProps,\n    UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n  extends AbstractDatePickerHandlers,\n    UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\nexport type BaseInputTriggerProps = InputProps &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n  extends DatePickerMaskedInputProps,\n    UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: Boolean; month: Boolean; day: Boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * Selected date ranges\n     * */\n    value?: DateRangeComparatorValue;\n    /**\n     * Default value for selected date ranges\n     * */\n    defaultValue?: DateRangeComparatorValue;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n    onChange?: (ranges: {\n      value?: DateConstructorParams[];\n      compare?: DateConstructorParams[];\n    }) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    compareHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onCompareHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n    preselectedCompare?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n    onPreselectedCompareChange?: (date: Date[]) => void;\n    /**\n     * Controls that compare range input is enabled.\n     */\n    compareToggle?: boolean;\n    /**\n     * Toggles when compare range input enables or disables.\n     */\n    onCompareToggleChange?: (compareToggle: boolean) => void;\n    /**\n     * Controls which date range is focused.\n     */\n    focusedRange?: DateRangeComparatorFocusRange;\n    /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n    onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Popper.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":""}

package/date-picker/lib/types/index.d.ts

@@ -4,13 +4,14 @@ import { Flex, Box, BoxProps } from 'intergalactic/flex-box';
 import { UnknownProperties, Intergalactic, PropGetterFn } from 'intergalactic/core';
 import Button, { ButtonProps } from 'intergalactic/button';
 import Divider from 'intergalactic/divider';
-import Dropdown, { DropdownProps, DropdownTriggerProps } from 'intergalactic/dropdown';
+import { DropdownProps, DropdownTriggerProps } from 'intergalactic/dropdown';
 import { WithI18nEnhanceProps } from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import BaseTrigger, { BaseTriggerProps } from 'intergalactic/base-trigger';
 import Input, { InputProps, InputValueProps } from 'intergalactic/input';
 import { InputMaskValueProps } from 'intergalactic/input-mask';
 import Checkbox from 'intergalactic/checkbox';
 import { TooltipProps } from 'intergalactic/tooltip';
+import Popper from 'intergalactic/popper';
 
 export type DateConstructorParams = string | number | Date;
 
@@ -369,7 +370,7 @@ declare const DatePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof InputTrigger;
-  Popper: typeof Dropdown.Popper;
+  Popper: typeof Popper.Popper;
   Header: typeof Box;
   Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;
   Prev: typeof Button;
@@ -405,7 +406,7 @@ declare const DateRangePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof RangeInputTrigger;
-  Popper: typeof Dropdown.Popper;
+  Popper: typeof Popper.Popper;
   Header: typeof Box;
   Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;
   Prev: typeof Button;
@@ -442,7 +443,7 @@ declare const MonthPicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof InputTrigger;
-  Popper: typeof Dropdown.Popper;
+  Popper: typeof Popper.Popper;
   Header: typeof Box;
   Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;
   Prev: typeof Button;
@@ -477,7 +478,7 @@ declare const MonthRangePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof RangeInputTrigger;
-  Popper: typeof Dropdown.Popper;
+  Popper: typeof Popper.Popper;
   Header: typeof Box;
   Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;
   Prev: typeof Button;
@@ -630,7 +631,7 @@ declare const DateRangeComparator: Intergalactic.Component<
   DateRangeComparatorProps,
   DateRangeComparatorContext & CalendarDaysContext
 > & {
-  Popper: typeof Dropdown.Popper;
+  Popper: typeof Popper.Popper;
   Header: typeof Flex;
   Prev: typeof Button;
   Next: typeof Button;

package/date-picker/package.json

@@ -1 +1 @@
-{"name":"intergalactic/date-picker","description":"Semrush DatePicker Component","version":"4.50.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.1-prerelease.0","@semcore/base-trigger":"4.42.1-prerelease.0","@semcore/button":"5.34.1-prerelease.0","@semcore/divider":"4.30.1-prerelease.0","@semcore/dropdown":"4.35.1-prerelease.0","@semcore/flex-box":"5.31.1-prerelease.0","@semcore/icon":"4.43.1-prerelease.0","@semcore/input":"4.32.1-prerelease.0","@semcore/input-mask":"5.33.1-prerelease.0","@semcore/neighbor-location":"4.29.1-prerelease.0","@semcore/typography":"5.40.1-prerelease.0","@semcore/checkbox":"7.34.1-prerelease.0","@semcore/tooltip":"6.40.1-prerelease.0","dayjs":"1.8.36"},"peerDependencies":{"@semcore/core":"^2.29.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/date-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/date-picker","description":"Semrush DatePicker Component","version":"4.50.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2-prerelease.0","@semcore/base-trigger":"4.42.2-prerelease.0","@semcore/button":"5.35.0-prerelease.0","@semcore/divider":"4.30.2-prerelease.0","@semcore/dropdown":"4.36.0-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0","@semcore/icon":"4.43.2-prerelease.0","@semcore/input":"4.32.2-prerelease.0","@semcore/input-mask":"5.33.2-prerelease.0","@semcore/neighbor-location":"4.29.2-prerelease.0","@semcore/typography":"5.40.2-prerelease.0","@semcore/checkbox":"7.34.2-prerelease.0","@semcore/tooltip":"6.40.2-prerelease.0","dayjs":"1.8.36"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/date-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/divider/lib/cjs/Divider.js

@@ -18,16 +18,16 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/divider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDivider_19wta_gg_{display:block}.___SDivider_19wta_gg_._use_primary_19wta_gg_{background-color:var(--theme_19wta, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_19wta_gg_._use_primary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_19wta_gg_._use_primary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_,.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_{width:100%;height:1px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_19wta_gg_.__theme_19wta_gg_._use_primary_19wta_gg_:not(._theme_default_19wta_gg_):not(._theme_default_19wta_gg_){background-color:var(--theme_19wta)}.___SDivider_19wta_gg_.__theme_19wta_gg_._use_secondary_19wta_gg_:not(._theme_default_19wta_gg_):not(._theme_default_19wta_gg_){background-image:linear-gradient(to right,var(--theme_19wta) 3px,transparent 1px)}" /*__inner_css_end__*/, "19wta_gg_") /*__reshadow_css_end__*/, {
-  "__SDivider": "___SDivider_19wta_gg_",
-  "_use_primary": "_use_primary_19wta_gg_",
-  "--theme": "--theme_19wta",
-  "_theme_default": "_theme_default_19wta_gg_",
-  "_theme_invert": "_theme_invert_19wta_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_19wta_gg_",
-  "_use_secondary": "_use_secondary_19wta_gg_",
-  "_orientation_vertical": "_orientation_vertical_19wta_gg_",
-  "_theme": "__theme_19wta_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDivider_ri91w_gg_{display:block}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_{background-color:var(--theme_ri91w, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_,.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_{width:100%;height:1px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_ri91w_gg_.__theme_ri91w_gg_._use_primary_ri91w_gg_:not(._theme_default_ri91w_gg_):not(._theme_default_ri91w_gg_){background-color:var(--theme_ri91w)}.___SDivider_ri91w_gg_.__theme_ri91w_gg_._use_secondary_ri91w_gg_:not(._theme_default_ri91w_gg_):not(._theme_default_ri91w_gg_){background-image:linear-gradient(to right,var(--theme_ri91w) 3px,transparent 1px)}" /*__inner_css_end__*/, "ri91w_gg_") /*__reshadow_css_end__*/, {
+  "__SDivider": "___SDivider_ri91w_gg_",
+  "_use_primary": "_use_primary_ri91w_gg_",
+  "--theme": "--theme_ri91w",
+  "_theme_default": "_theme_default_ri91w_gg_",
+  "_theme_invert": "_theme_invert_ri91w_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_ri91w_gg_",
+  "_use_secondary": "_use_secondary_ri91w_gg_",
+  "_orientation_vertical": "_orientation_vertical_ri91w_gg_",
+  "_theme": "__theme_ri91w_gg_"
 });
 var Divider = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Divider, _Component);

package/divider/lib/es6/Divider.js

@@ -11,16 +11,16 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/divider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_19wta_gg_{display:block}.___SDivider_19wta_gg_._use_primary_19wta_gg_{background-color:var(--theme_19wta, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_19wta_gg_._use_primary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_19wta_gg_._use_primary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_,.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_default_19wta_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_.___SDivider_19wta_gg_._use_secondary_19wta_gg_.___SDivider_19wta_gg_._theme_invert_19wta_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_19wta_gg_._orientation_horizontal_19wta_gg_{width:100%;height:1px}.___SDivider_19wta_gg_._orientation_vertical_19wta_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_19wta_gg_.__theme_19wta_gg_._use_primary_19wta_gg_:not(._theme_default_19wta_gg_):not(._theme_default_19wta_gg_){background-color:var(--theme_19wta)}.___SDivider_19wta_gg_.__theme_19wta_gg_._use_secondary_19wta_gg_:not(._theme_default_19wta_gg_):not(._theme_default_19wta_gg_){background-image:linear-gradient(to right,var(--theme_19wta) 3px,transparent 1px)}" /*__inner_css_end__*/, "19wta_gg_") /*__reshadow_css_end__*/, {
-  "__SDivider": "___SDivider_19wta_gg_",
-  "_use_primary": "_use_primary_19wta_gg_",
-  "--theme": "--theme_19wta",
-  "_theme_default": "_theme_default_19wta_gg_",
-  "_theme_invert": "_theme_invert_19wta_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_19wta_gg_",
-  "_use_secondary": "_use_secondary_19wta_gg_",
-  "_orientation_vertical": "_orientation_vertical_19wta_gg_",
-  "_theme": "__theme_19wta_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_ri91w_gg_{display:block}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_{background-color:var(--theme_ri91w, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_ri91w_gg_._use_primary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_,.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_default_ri91w_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_.___SDivider_ri91w_gg_._use_secondary_ri91w_gg_.___SDivider_ri91w_gg_._theme_invert_ri91w_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_ri91w_gg_._orientation_horizontal_ri91w_gg_{width:100%;height:1px}.___SDivider_ri91w_gg_._orientation_vertical_ri91w_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_ri91w_gg_.__theme_ri91w_gg_._use_primary_ri91w_gg_:not(._theme_default_ri91w_gg_):not(._theme_default_ri91w_gg_){background-color:var(--theme_ri91w)}.___SDivider_ri91w_gg_.__theme_ri91w_gg_._use_secondary_ri91w_gg_:not(._theme_default_ri91w_gg_):not(._theme_default_ri91w_gg_){background-image:linear-gradient(to right,var(--theme_ri91w) 3px,transparent 1px)}" /*__inner_css_end__*/, "ri91w_gg_") /*__reshadow_css_end__*/, {
+  "__SDivider": "___SDivider_ri91w_gg_",
+  "_use_primary": "_use_primary_ri91w_gg_",
+  "--theme": "--theme_ri91w",
+  "_theme_default": "_theme_default_ri91w_gg_",
+  "_theme_invert": "_theme_invert_ri91w_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_ri91w_gg_",
+  "_use_secondary": "_use_secondary_ri91w_gg_",
+  "_orientation_vertical": "_orientation_vertical_ri91w_gg_",
+  "_theme": "__theme_ri91w_gg_"
 });
 var Divider = /*#__PURE__*/function (_Component) {
   _inherits(Divider, _Component);

package/divider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.30.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.1-prerelease.0","@semcore/flex-box":"5.31.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.30.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dot/lib/cjs/Dot.js

@@ -25,17 +25,17 @@ var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_dvtjc_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_dvtjc_gg_._size_xl_dvtjc_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_dvtjc_gg_._size_l_dvtjc_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_dvtjc_gg_._size_m_dvtjc_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_dvtjc_gg_.__up_dvtjc_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_dvtjc_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "dvtjc_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_dvtjc_gg_",
-  "_size_xl": "_size_xl_dvtjc_gg_",
-  "_size_l": "_size_l_dvtjc_gg_",
-  "_size_m": "_size_m_dvtjc_gg_",
-  "_up": "__up_dvtjc_gg_",
-  "__SA11yAlert": "___SA11yAlert_dvtjc_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_1x2lb_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_1x2lb_gg_._size_xl_1x2lb_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_1x2lb_gg_._size_l_1x2lb_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_1x2lb_gg_._size_m_1x2lb_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_1x2lb_gg_.__up_1x2lb_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_1x2lb_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "1x2lb_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1x2lb_gg_",
+  "_size_xl": "_size_xl_1x2lb_gg_",
+  "_size_l": "_size_l_1x2lb_gg_",
+  "_size_m": "_size_m_1x2lb_gg_",
+  "_up": "__up_1x2lb_gg_",
+  "__SA11yAlert": "___SA11yAlert_1x2lb_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_pzys7{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_pzys7{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "pzys7_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_pzys7",
-  "@exit": "exit_pzys7"
+var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_8z0qo{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_8z0qo{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "8z0qo_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_8z0qo",
+  "@exit": "exit_8z0qo"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Dot, _Component);