@vibe/core 3.0.0-alpha.3 → 3.0.0-alpha.5

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker_f782a06067",navigationWrapper:"navigationWrapper_0a28def23f",navigationLeft:"navigationLeft_67c3970f09",navigationRight:"navigationRight_9d080f43a4",pickerOptions:"pickerOptions_2a838cefa8",pickerOption:"pickerOption_561a0155e3"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-38af31aef936_3_0_0-alpha_2";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".monthYearPicker_f782a06067 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_f782a06067 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_f782a06067 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_f782a06067 .navigationWrapper_0a28def23f {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_f782a06067 .navigationWrapper_0a28def23f.navigationLeft_67c3970f09 {\n  left: 21px;\n}\n.monthYearPicker_f782a06067 .navigationWrapper_0a28def23f.navigationRight_9d080f43a4 {\n  right: 21px;\n}\n.monthYearPicker_f782a06067 .pickerOptions_2a838cefa8 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_f782a06067 .pickerOptions_2a838cefa8 .pickerOption_561a0155e3 {\n  min-width: 66px;\n}\n.monthYearPicker_f782a06067 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker_4c829ac377",navigationWrapper:"navigationWrapper_7d5ec82b88",navigationLeft:"navigationLeft_8e4e790774",navigationRight:"navigationRight_7959ebe659",pickerOptions:"pickerOptions_877a3bc19c",pickerOption:"pickerOption_8c25f0450d"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-38af31aef936_3_0_0-alpha_5";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".monthYearPicker_4c829ac377 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_4c829ac377 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_4c829ac377 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_4c829ac377 .navigationWrapper_7d5ec82b88 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_4c829ac377 .navigationWrapper_7d5ec82b88.navigationLeft_8e4e790774 {\n  left: 21px;\n}\n.monthYearPicker_4c829ac377 .navigationWrapper_7d5ec82b88.navigationRight_7959ebe659 {\n  right: 21px;\n}\n.monthYearPicker_4c829ac377 .pickerOptions_877a3bc19c {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_4c829ac377 .pickerOptions_877a3bc19c .pickerOption_8c25f0450d {\n  min-width: 66px;\n}\n.monthYearPicker_4c829ac377 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/external_datepicker.scss.js

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-13718576d5f3_3_0_0-alpha_2";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-13718576d5f3_3_0_0-alpha_5";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

package/dist/src/components/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import a,{PureComponent as r}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as d,Popper as h}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import{DialogContent as v}from"./DialogContent/DialogContent.js";import{isInsideClass as f}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";var S=function(p){function g(e){var n;return t(this,g),(n=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(g,r),n(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keyup",this.closeDialogOnEscape)}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return document.body;var n=document.querySelector(e);return n&&n instanceof Element?n:document.body}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,a=t.showDelay,r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();a=l.showDelay||0,r=r||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:r}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:r})}),a)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||f(n,i)?this.isHideTrigger(e)&&!f(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,r=n.startingEdge,p=n.children,m=n.preventAnimationOnMount,g=n.animationType,f=n.position,y=n.showDelay,w=n.moveBy,E=n.modifiers,S=n.tooltip,O=n.tooltipClassName,M=n.referenceWrapperClassName,H=n.zIndex,x=n.hideWhenReferenceHidden,A=n.disableContainerScroll,N=n.containerSelector,L=this.state.preventAnimation,I=n["data-testid"]||C(T.DIALOG,n.id),B=m||L?void 0:g,F=c(i)?i():i;return F?a.createElement(u,null,a.createElement(d,null,(function(n){var o=n.ref;return a.createElement(D,{className:s(M),ref:o,onBlur:b("onBlur",e,e.props),onKeyDown:b("onKeyDown",e,e.props),onClick:b("onClick",e,e.props),onFocus:b("onFocus",e,e.props),onMouseDown:b("onMouseDown",e,e.props),onMouseEnter:b("onMouseEnter",e,e.props),onMouseLeave:b("onMouseLeave",e,e.props),onContextMenu:b("onContextMenu",e,e.props)},p)})),l(a.createElement(h,{placement:f,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return H&&(n.styles.popper.zIndex=H+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}}].concat(o(E))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,d=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(x&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}return a.createElement(v,{"data-testid":I,isReferenceHidden:x&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:B,position:o,wrapperClassName:t,startingEdge:r,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:N,disableContainerScroll:A},F,S&&a.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,O),"data-placement":o}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function b(e,n,o){return g([o[e],n[e]],!0)}S.hideShowTriggers=y,S.positions=w,S.animationTypes=E,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,containerSelector:"body",tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1};export{S as default};
+import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as d,Popper as h}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import{DialogContent as f}from"./DialogContent/DialogContent.js";import{isInsideClass as v}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";import S from"../LayerProvider/LayerContext.js";import{isClient as b}from"../../utils/ssr-utils.js";var O=function(p){function g(e){var n;return t(this,g),(n=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(g,a),n(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape)}},{key:"getContainer",value:function(){var e=document.querySelector(this.props.containerSelector);if(!(e&&e instanceof Element)){var n=this.context.layerRef;return(null==n?void 0:n.current)?n.current:document.body}return e}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||v(n,i)?this.isHideTrigger(e)&&!v(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=m(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,a=n.startingEdge,p=n.children,m=n.preventAnimationOnMount,g=n.animationType,v=n.position,y=n.showDelay,w=n.moveBy,E=n.modifiers,S=n.tooltip,O=n.tooltipClassName,x=n.referenceWrapperClassName,H=n.zIndex,L=n.hideWhenReferenceHidden,A=n.disableContainerScroll,N=n.containerSelector,I=this.state.preventAnimation,B=n["data-testid"]||C(T.DIALOG,n.id),j=m||I?void 0:g,P=c(i)?i():i;return P?r.createElement(u,null,r.createElement(d,null,(function(n){var o=n.ref;return r.createElement(D,{className:s(x),ref:o,onBlur:M("onBlur",e,e.props),onKeyDown:M("onKeyDown",e,e.props),onClick:M("onClick",e,e.props),onFocus:M("onFocus",e,e.props),onMouseDown:M("onMouseDown",e,e.props),onMouseEnter:M("onMouseEnter",e,e.props),onMouseLeave:M("onMouseLeave",e,e.props),onContextMenu:M("onContextMenu",e,e.props)},p)})),b()&&l(r.createElement(h,{placement:v,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return H&&(n.styles.popper.zIndex=H+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}}].concat(o(E))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,d=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(L&&d){var h=new CustomEvent("onReferenceHidden");e.hideDialog(h,"onReferenceHidden")}return r.createElement(f,{"data-testid":B,isReferenceHidden:L&&d,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:j,position:o,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:N,disableContainerScroll:A},P,S&&r.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,O),"data-placement":o}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function M(e,n,o){return g([o[e],n[e]],!0)}O.hideShowTriggers=y,O.positions=w,O.animationTypes=E,O.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:O.hideShowTriggers.MOUSE_ENTER,hideTrigger:O.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:O.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1},O.contextType=S;export{O as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/src/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * A Classname to be added to <span> element which wraps the children\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * Where the dialog should be in reference to the children,\n   * Top, Left, Right, Bottom ...\n   */\n  position?: DialogPosition;\n  /**\n   * PopperJS Modifiers type\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  startingEdge?: string;\n  /**\n   * How much to move the dialog in relative to children\n   * main is the axis in which the position is aligned to\n   * secondary is the vertical axes to the position\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * how much delay should the Dialog wait until it should trigger the show in MS\n   */\n  showDelay?: number;\n  /**\n   * how much delay should the Dialog wait until it should trigger the hide in MS\n   */\n  hideDelay?: number;\n  /**\n   * an array of hide/show trigger -\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * an array of hide/show trigger -\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Show the Dialog when the children are mounting\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * disable the opening of the dialog\n   */\n  disable?: boolean;\n  /**\n   * open is a controlled prop to open the dialog\n   */\n  open?: boolean;\n  /**\n   * used when state is derived from props\n   */\n  isOpen?: boolean;\n  /**\n   * if this class exists on the children the show trigger will be ignored\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * if this class exists on the children the hide trigger will be ignored\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Dialog animation type\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Classname to be added to the content container\n   */\n  wrapperClassName?: string;\n  /**\n   * Prevent Animation\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  containerSelector?: string;\n  /**\n   * should position the tooltip element\n   * https://popper.js.org/docs/v2/modifiers/arrow/\n   */\n  tooltip?: boolean;\n  /**\n   * class name to add to the tooltip element\n   */\n  tooltipClassName?: string;\n  /**\n   * callback to be called when the dialog is shown\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when the dialog is hidden\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when click outside is being triggered\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * callback to be called when click on the content is being triggered\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * z-index to add to the dialog\n   */\n  zIndex?: number;\n  useDerivedStateFromProps?: boolean;\n  /**\n   * Make the dialog disappear when the element it is attached to becomes hidden\n   */\n  hideWhenReferenceHidden?: boolean;\n  shouldCallbackOnMount?: boolean;\n  instantShowAndHide?: boolean;\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element where we will position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true disable the scroll for the containerSelector element.\n   * If string use it as selector to prevent scroll.\n   */\n  disableContainerScroll?: boolean | string;\n}\n\nexport interface DialogState {\n  isOpen?: boolean;\n  shouldUseDerivedStateFromProps?: boolean;\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    containerSelector: \"body\",\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return document.body;\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      // TODO add env check - if not jest env - trashing the logs - https://monday.monday.com/boards/3532714909/pulses/5570955392\n      // console.error(\n      //   `Dialog: Container element with selector \"${containerSelector}\" was not found or is not an HTMLElement. Dialog may not be correctly positioned.`\n      // );\n      return document.body;\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {createPortal(\n          <Popper\n            placement={position as unknown as PopperJS.Placement}\n            modifiers={[\n              {\n                name: \"offset\",\n                options: {\n                  offset: [moveBy.secondary, moveBy.main]\n                }\n              },\n              {\n                name: \"zIndex\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (zIndex) {\n                    state.styles.popper.zIndex = String(zIndex);\n                  }\n                  return state;\n                }\n              },\n              {\n                name: \"rotator\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (!state.styles.arrow) {\n                    return state;\n                  }\n                  // const reg = new RegExp(\n                  //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                  // );\n                  // const transform = state.styles.arrow.transform;\n                  // const res = reg.exec(transform);\n                  // state.styles.popper.transformOrigin = `${100 -\n                  //   res[1]}% ${100 - res[2]}%`;\n                  state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                  return state;\n                }\n              },\n              ...modifiers\n            ]}\n          >\n            {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n              if (!this.isShown() && placement) {\n                return null;\n              }\n\n              if (hideWhenReferenceHidden && isReferenceHidden) {\n                const event = new CustomEvent(\"onReferenceHidden\");\n                this.hideDialog(event, \"onReferenceHidden\");\n              }\n\n              return (\n                <DialogContent\n                  data-testid={overrideDataTestId}\n                  isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                  onMouseEnter={this.onDialogEnter}\n                  onMouseLeave={this.onDialogLeave}\n                  onClickOutside={this.onClickOutside}\n                  onContextMenu={this.onContextMenu}\n                  onEsc={this.onEsc}\n                  animationType={animationTypeCalculated}\n                  position={placement}\n                  wrapperClassName={wrapperClassName}\n                  startingEdge={startingEdge}\n                  isOpen={this.isShown()}\n                  showDelay={showDelay}\n                  styleObject={style}\n                  ref={ref}\n                  onClick={this.onContentClick}\n                  hasTooltip={!!tooltip}\n                  containerSelector={containerSelector}\n                  disableContainerScroll={disableContainerScroll}\n                >\n                  {contentRendered}\n                  {tooltip && (\n                    <div\n                      style={arrowProps.style}\n                      ref={arrowProps.ref}\n                      className={cx(styles.arrow, tooltipClassName)}\n                      data-placement={placement}\n                    />\n                  )}\n                </DialogContent>\n              );\n            }}\n          </Popper>,\n          this.getContainer()\n        )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerSelector","body","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * A Classname to be added to <span> element which wraps the children\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * Where the dialog should be in reference to the children,\n   * Top, Left, Right, Bottom ...\n   */\n  position?: DialogPosition;\n  /**\n   * PopperJS Modifiers type\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  startingEdge?: string;\n  /**\n   * How much to move the dialog in relative to children\n   * main is the axis in which the position is aligned to\n   * secondary is the vertical axes to the position\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * how much delay should the Dialog wait until it should trigger the show in MS\n   */\n  showDelay?: number;\n  /**\n   * how much delay should the Dialog wait until it should trigger the hide in MS\n   */\n  hideDelay?: number;\n  /**\n   * an array of hide/show trigger -\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * an array of hide/show trigger -\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Show the Dialog when the children are mounting\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * disable the opening of the dialog\n   */\n  disable?: boolean;\n  /**\n   * open is a controlled prop to open the dialog\n   */\n  open?: boolean;\n  /**\n   * used when state is derived from props\n   */\n  isOpen?: boolean;\n  /**\n   * if this class exists on the children the show trigger will be ignored\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * if this class exists on the children the hide trigger will be ignored\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Dialog animation type\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Classname to be added to the content container\n   */\n  wrapperClassName?: string;\n  /**\n   * Prevent Animation\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  containerSelector?: string;\n  /**\n   * should position the tooltip element\n   * https://popper.js.org/docs/v2/modifiers/arrow/\n   */\n  tooltip?: boolean;\n  /**\n   * class name to add to the tooltip element\n   */\n  tooltipClassName?: string;\n  /**\n   * callback to be called when the dialog is shown\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when the dialog is hidden\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when click outside is being triggered\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * callback to be called when click on the content is being triggered\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * z-index to add to the dialog\n   */\n  zIndex?: number;\n  useDerivedStateFromProps?: boolean;\n  /**\n   * Make the dialog disappear when the element it is attached to becomes hidden\n   */\n  hideWhenReferenceHidden?: boolean;\n  shouldCallbackOnMount?: boolean;\n  instantShowAndHide?: boolean;\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element where we will position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true disable the scroll for the containerSelector element.\n   * If string use it as selector to prevent scroll.\n   */\n  disableContainerScroll?: boolean | string;\n}\n\nexport interface DialogState {\n  isOpen?: boolean;\n  shouldUseDerivedStateFromProps?: boolean;\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    if (isClient()) {\n      document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    if (isClient()) {\n      document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      const { layerRef } = this.context;\n      if (layerRef?.current) {\n        return layerRef.current;\n      }\n      return document.body;\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {isClient() &&\n          createPortal(\n            <Popper\n              placement={position as unknown as PopperJS.Placement}\n              modifiers={[\n                {\n                  name: \"offset\",\n                  options: {\n                    offset: [moveBy.secondary, moveBy.main]\n                  }\n                },\n                {\n                  name: \"zIndex\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (zIndex) {\n                      state.styles.popper.zIndex = String(zIndex);\n                    }\n                    return state;\n                  }\n                },\n                {\n                  name: \"rotator\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (!state.styles.arrow) {\n                      return state;\n                    }\n                    // const reg = new RegExp(\n                    //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                    // );\n                    // const transform = state.styles.arrow.transform;\n                    // const res = reg.exec(transform);\n                    // state.styles.popper.transformOrigin = `${100 -\n                    //   res[1]}% ${100 - res[2]}%`;\n                    state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                    return state;\n                  }\n                },\n                ...modifiers\n              ]}\n            >\n              {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n                if (!this.isShown() && placement) {\n                  return null;\n                }\n\n                if (hideWhenReferenceHidden && isReferenceHidden) {\n                  const event = new CustomEvent(\"onReferenceHidden\");\n                  this.hideDialog(event, \"onReferenceHidden\");\n                }\n\n                return (\n                  <DialogContent\n                    data-testid={overrideDataTestId}\n                    isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                    onMouseEnter={this.onDialogEnter}\n                    onMouseLeave={this.onDialogLeave}\n                    onClickOutside={this.onClickOutside}\n                    onContextMenu={this.onContextMenu}\n                    onEsc={this.onEsc}\n                    animationType={animationTypeCalculated}\n                    position={placement}\n                    wrapperClassName={wrapperClassName}\n                    startingEdge={startingEdge}\n                    isOpen={this.isShown()}\n                    showDelay={showDelay}\n                    styleObject={style}\n                    ref={ref}\n                    onClick={this.onContentClick}\n                    hasTooltip={!!tooltip}\n                    containerSelector={containerSelector}\n                    disableContainerScroll={disableContainerScroll}\n                  >\n                    {contentRendered}\n                    {tooltip && (\n                      <div\n                        style={arrowProps.style}\n                        ref={arrowProps.ref}\n                        className={cx(styles.arrow, tooltipClassName)}\n                        data-placement={placement}\n                      />\n                    )}\n                  </DialogContent>\n                );\n              }}\n            </Popper>,\n            this.getContainer()\n          )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"u6BAsKqBA,IAAAA,WAAOC,GAiC1B,SAAAD,EAAYE,GAAkB,IAAAC,EA2BJ,OA3BIC,OAAAJ,IAC5BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,MAAQ,CACXC,+BAAgCL,EAAMM,yBACtCC,OAAQP,EAAMQ,mBAIhBP,EAAKQ,aAAeR,EAAKQ,aAAaC,KAAIT,GAC1CA,EAAKU,aAAeV,EAAKU,aAAaD,KAAIT,GAC1CA,EAAKW,YAAcX,EAAKW,YAAYF,KAAIT,GACxCA,EAAKY,QAAUZ,EAAKY,QAAQH,KAAIT,GAChCA,EAAKa,QAAUb,EAAKa,QAAQJ,KAAIT,GAChCA,EAAKc,OAASd,EAAKc,OAAOL,KAAIT,GAC9BA,EAAKe,QAAUf,EAAKe,QAAQN,KAAIT,GAChCA,EAAKgB,MAAQhB,EAAKgB,MAAMP,KAAIT,GAC5BA,EAAKiB,eAAiBjB,EAAKiB,eAAeR,KAAIT,GAC9CA,EAAKkB,cAAgBlB,EAAKkB,cAAcT,KAAIT,GAC5CA,EAAKmB,cAAgBnB,EAAKmB,cAAcV,KAAIT,GAC5CA,EAAKoB,aAAepB,EAAKoB,aAAaX,KAAIT,GAC1CA,EAAKqB,eAAiBrB,EAAKqB,eAAeZ,KAAIT,GAC9CA,EAAKsB,UAAYtB,EAAKsB,UAAUb,KAAIT,GACpCA,EAAKuB,oBAAsBvB,EAAKuB,oBAAoBd,KAAIT,GACxDA,EAAKwB,cAAgBxB,EAAKwB,cAAcf,KAAIT,GAG5CA,EAAKyB,YAAc,KACnBzB,EAAK0B,YAAc,KAAK1B,CAC1B,CAAC,OAAA2B,EAAA9B,EA7DiC+B,GA6DjCC,EAAAhC,EAAA,CAAA,CAAAiC,IAAA,sBAAAC,MAED,SAAoBC,GAElB,GADmBC,KAAK9B,MAAhBG,OAIR,OAAQ0B,EAAMF,KACZ,IAAK,SACHG,KAAKC,mBAAmBF,EAAOG,EAAuBC,YACtD,MACF,IAAK,MACHH,KAAKI,YAAYF,EAAuBG,QAASN,EAAMO,OAAQP,GAC/D,MACF,IAAK,QACHC,KAAKI,YAAYF,EAAuBK,MAAOR,EAAMO,OAAQP,GAKnE,GAAC,CAAAF,IAAA,oBAAAC,MAED,WACE,IAAAU,EAAmDR,KAAKlC,MAAhD2C,EAAqBD,EAArBC,sBAAuBC,EAAeF,EAAfE,gBACvBrC,EAAW2B,KAAK9B,MAAhBG,OACJsC,KACFC,SAASC,iBAAiB,QAASb,KAAKV,qBAEtCmB,GAAyBpC,GAC3BqC,GAAmBA,GAEvB,GAAC,CAAAb,IAAA,uBAAAC,MAED,WACMa,KACFC,SAASE,oBAAoB,QAASd,KAAKV,oBAE/C,GAAC,CAAAO,IAAA,eAAAC,MASD,WACE,IACMiB,EAAmBH,SAASI,cADJhB,KAAKlC,MAA3BmD,mBAER,KAAKF,GAAsBA,aAA4BG,SAAU,CAC/D,IAAQC,EAAanB,KAAKoB,QAAlBD,SACR,OAAIA,eAAAA,EAAUE,SACLF,EAASE,QAEXT,SAASU,IACjB,CACD,OAAOP,CACT,GAAC,CAAAlB,IAAA,aAAAC,MAED,SAAWC,EAAoBwB,GAAoF,IAAAC,EAAAxB,KACjHyB,EAA+DzB,KAAKlC,MAAjD4D,EAAkBD,EAAlBC,mBAAoBC,EAAmBF,EAAnBE,oBACnCC,EADaH,EAATI,UAEJC,0DAH2G,CAAA,GAGhFA,iBAC/B,GAAIH,EAAqB,CACvB,IAAMI,EAAkBJ,IACxBC,EAAiBG,EAAgBF,WAAa,EAC9CC,EAAmBA,GAAoBC,EAAgBD,gBACxD,CAEGJ,GACF1B,KAAKgC,aAAajC,EAAOwB,GACzBvB,KAAKiC,SAAS,CAAE5D,QAAQ,EAAMyD,iBAAAA,IAC9B9B,KAAKP,YAAc,MAEnBO,KAAKP,YAAcyC,YAAW,WAC5BV,EAAKQ,aAAajC,EAAOwB,GACzBC,EAAK/B,YAAc,KACnB+B,EAAKS,SAAS,CAAE5D,QAAQ,EAAMyD,iBAAAA,GAC/B,GAAEF,EAEP,GAAC,CAAA/B,IAAA,eAAAC,MAED,SAAaC,EAAoBwB,GAC3BvB,KAAKlB,YAET4B,EAD4BV,KAAKlC,MAAzB4C,iBACQX,EAAOwB,EACzB,GAAC,CAAA1B,IAAA,qBAAAC,MAED,SAAmBC,EAAoBwB,GAAoD,IAAZY,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACnEpC,KAAKlC,MAAjByE,UAKJvC,KAAKR,cACPgD,aAAaxC,KAAKR,aAClBQ,KAAKR,YAAc,MAGhBQ,KAAKP,aACRO,KAAKyC,WAAW1C,EAAOwB,EAAWY,GAEtC,GAAC,CAAAtC,IAAA,aAAAC,MAED,SAAWC,EAAoBwB,GAAsC,IAAAmB,EAAA1C,KACnE2C,EAA0C3C,KAAKlC,MAAvC8E,EAASD,EAATC,UAA6BD,EAAlBjB,oBAEjB1B,KAAK6C,aAAa9C,EAAOwB,GACzBvB,KAAKiC,SAAS,CAAE5D,QAAQ,IACxB2B,KAAKR,YAAc,MAEnBQ,KAAKR,YAAc0C,YAAW,WAC5BQ,EAAKG,aAAa9C,EAAOwB,GACzBmB,EAAKT,SAAS,CAAE5D,QAAQ,IACxBqE,EAAKlD,YAAc,IACpB,GAAEoD,EAEP,GAAC,CAAA/C,IAAA,eAAAC,MAED,SAAaC,EAAoBwB,GAC/B,IAAQuB,EAAoB9C,KAAKlC,MAAzBgF,gBACJA,GAAiBA,EAAgB/C,EAAOwB,EAC9C,GAAC,CAAA1B,IAAA,qBAAAC,MAED,SAAmBC,EAAoBwB,GACjCvB,KAAKP,cACP+C,aAAaxC,KAAKP,aAClBO,KAAKP,YAAc,MAGjBO,KAAKR,aAGTQ,KAAK+C,WAAWhD,EAAOwB,EACzB,GAAC,CAAA1B,IAAA,cAAAC,MAED,SAAYyB,EAA+BjB,EAAqBP,GAC9D,IAAAiD,EAA2DhD,KAAKlC,MAAxDmF,EAAsBD,EAAtBC,uBAAwBC,EAAsBF,EAAtBE,uBAChC,OACElD,KAAKmD,cAAc5B,IAClBvB,KAAKlB,WACLsE,EAAc9C,EAAuB2C,GAKpCjD,KAAKqD,cAAc9B,KAAe6B,EAAc9C,EAAuB4C,GAClElD,KAAKC,mBAAmBF,EAAOwB,QADxC,EAHSvB,KAAKsD,mBAAmBvD,EAAOwB,EAM1C,GAAC,CAAA1B,IAAA,UAAAC,MAED,WAIE,OAHmBE,KAAK9B,MAAhBG,QACS2B,KAAKlC,MAAdyF,IAGV,GAAC,CAAA1D,IAAA,gBAAAC,MAED,SAAcyB,GACZ,IAAAiC,EAA8DxD,KAAKlC,MAA9C2F,EAAoCD,EAApCC,qCACfC,EAAoBC,EADPH,EAAXI,aAGR,SAAIH,GACgB,UAAdlC,IAAoE,GAA3CmC,EAAkBG,QAAQ,gBAKlDH,EAAkBG,QAAQtC,IAAc,CACjD,GAAC,CAAA1B,IAAA,gBAAAC,MAED,SAAcyB,GACZ,IAAAuC,EAA8D9D,KAAKlC,MAA9C2F,EAAoCK,EAApCL,qCACfM,EAAoBJ,EADPG,EAAXE,aAGR,SAAIP,GACgB,SAAdlC,IAAmE,GAA3CwC,EAAkBF,QAAQ,gBAKjDE,EAAkBF,QAAQtC,IAAc,CACjD,GAAC,CAAA1B,IAAA,eAAAC,MAED,SAAamE,GACXjE,KAAKI,YAAY,aAAc6D,EAAE3D,OAAQ2D,EAC3C,GAAC,CAAApE,IAAA,eAAAC,MAED,SAAamE,GACXjE,KAAKI,YAAY,aAAc6D,EAAE3D,OAAQ2D,EAC3C,GAAC,CAAApE,IAAA,UAAAC,MAED,SAAQmE,GACFA,EAAEC,QACNlE,KAAKI,YAAY,QAAS6D,EAAE3D,OAAQ2D,EACtC,GAAC,CAAApE,IAAA,YAAAC,MAED,SAAUC,GACU,UAAdA,EAAMF,KACRG,KAAKI,YAAY,QAASL,EAAMO,OAAQP,GAGxB,QAAdA,EAAMF,KACRG,KAAKI,YAAY,MAAOL,EAAMO,OAAQP,EAE1C,GAAC,CAAAF,IAAA,cAAAC,MAED,SAAYmE,GACNA,EAAEC,QACNlE,KAAKI,YAAY,YAAa6D,EAAE3D,OAAQ2D,EAC1C,GAAC,CAAApE,IAAA,UAAAC,MAED,SAAQmE,GACNjE,KAAKI,YAAY,QAAS6D,EAAE3D,OAAQ2D,EACtC,GAAC,CAAApE,IAAA,SAAAC,MAED,SAAOmE,GACLjE,KAAKI,YAAY,OAAQ6D,EAAEE,cAAeF,EAC5C,GAAC,CAAApE,IAAA,QAAAC,MAED,SAAMmE,GACJjE,KAAKI,YAAY,SAAU6D,EAAE3D,OAAQ2D,EACvC,GAAC,CAAApE,IAAA,gBAAAC,MAED,SAAcmE,GACZ,IAAMnF,EAAUkB,KAAKlB,WAChBkB,KAAKmD,cAAc,iBAAmBrE,GAAakB,KAAKqD,cAAc,gBAAkBvE,IAC3FmF,EAAEG,iBAEJpE,KAAKI,YAAY,cAAe6D,EAAE3D,OAAQ2D,EAC5C,GAAC,CAAApE,IAAA,iBAAAC,MAED,SAAeC,GACb,IAAQf,EAAmBgB,KAAKlC,MAAxBkB,eACRgB,KAAKI,YAAY,eAAgBL,EAAMO,OAAQP,GAC/Cf,EAAee,EACjB,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKlC,MAA3BuG,mBACerE,KAAKsD,mBAAmBvD,EAAO,cACxD,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKlC,MAA3BuG,mBACerE,KAAKC,mBAAmBF,EAAO,cACxD,GAAC,CAAAF,IAAA,iBAAAC,MAED,SAAemE,GACb,IAAQ7E,EAAmBY,KAAKlC,MAAxBsB,eACRY,KAAKI,YAAY,iBAAkB6D,EAAE3D,OAAQ2D,GAC7C7E,EAAe6E,EACjB,GAAC,CAAApE,IAAA,SAAAC,MAED,WAAM,IAAAwE,EAAAtE,KACJuE,EAoBIvE,KAAKlC,MAnBP0G,EAAgBD,EAAhBC,iBACAC,EAAOF,EAAPE,QACAC,EAAYH,EAAZG,aACAC,EAAQJ,EAARI,SACAC,EAAuBL,EAAvBK,wBACAC,EAAaN,EAAbM,cACAC,EAAQP,EAARO,SACAjD,EAAS0C,EAAT1C,UACAkD,EAAMR,EAANQ,OACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAgBX,EAAhBW,iBACAC,EAAyBZ,EAAzBY,0BACAC,EAAMb,EAANa,OACAC,EAAuBd,EAAvBc,wBACAC,EAAsBf,EAAtBe,uBACArE,EAAiBsD,EAAjBtD,kBAIMa,EAAqB9B,KAAK9B,MAA1B4D,iBACFyD,EAHqBhB,EAAzB,gBAGuCiB,EAAUC,EAAuBC,OAJtEnB,EAAFoB,IAMIC,EAA0BhB,GAA2B9C,OAAmBQ,EAAYuC,EACpFgB,EAAkBC,EAAWrB,GAAWA,IAAYA,EAE1D,OAAKoB,EAIHE,gBAACC,EAAO,KACND,EAAAE,cAACC,EACE,MAAA,SAAAC,GAAY,IAATC,EAAGD,EAAHC,IACF,OACEL,EAACE,cAAAI,EACC,CAAAC,UAAWC,EAAGpB,GACdiB,IAAKA,EACLvH,OAAQ2H,EAAwB,SAAUlC,EAAMA,EAAKxG,OACrDuB,UAAWmH,EAAwB,YAAalC,EAAMA,EAAKxG,OAC3Da,QAAS6H,EAAwB,UAAWlC,EAAMA,EAAKxG,OACvDc,QAAS4H,EAAwB,UAAWlC,EAAMA,EAAKxG,OACvDY,YAAa8H,EAAwB,cAAelC,EAAMA,EAAKxG,OAC/DS,aAAciI,EAAwB,eAAgBlC,EAAMA,EAAKxG,OACjEW,aAAc+H,EAAwB,eAAgBlC,EAAMA,EAAKxG,OACjEyB,cAAeiH,EAAwB,gBAAiBlC,EAAMA,EAAKxG,QAElE6G,EAGP,IAEDhE,KACC8F,EACEV,gBAACW,EAAM,CACLC,UAAW7B,EACXE,UACE,CAAA,CACE4B,KAAM,SACNzE,QAAS,CACP0E,OAAQ,CAAC9B,EAAO+B,UAAW/B,EAAOgC,QAGtC,CACEH,KAAM,SACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAC,GAAU,IAAPjJ,EAAKiJ,EAALjJ,MAIH,OAHIkH,IACFlH,EAAMkJ,OAAOC,OAAOjC,OAAgBA,EAAPkC,IAExBpJ,CACT,GAEF,CACE0I,KAAM,UACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAK,GAAU,IAAPrJ,EAAKqJ,EAALrJ,MACH,OAAKA,EAAMkJ,OAAOI,OAUlBtJ,EAAMkJ,OAAOI,MAAMC,UAASC,GAAAA,OAAMxJ,EAAMkJ,OAAOI,MAAMC,UAAyB,kBACvEvJ,GAVEA,CAWX,IACDwJ,OAAAC,EACE3C,MAGJ,SAAA4C,GAA6D,IAA1DjB,EAASiB,EAATjB,UAAWkB,EAAKD,EAALC,MAAOzB,EAAGwB,EAAHxB,IAAK0B,EAAUF,EAAVE,WAAYC,EAAiBH,EAAjBG,kBACrC,IAAKzD,EAAKxF,WAAa6H,EACrB,OAAO,KAGT,GAAItB,GAA2B0C,EAAmB,CAChD,IAAMhI,EAAQ,IAAIiI,YAAY,qBAC9B1D,EAAKvB,WAAWhD,EAAO,oBACxB,CAED,OACEgG,gBAACkC,EAAa,CAAA,cACC1C,EACbwC,kBAAmB1C,GAA2B0C,EAC9CxJ,aAAc+F,EAAKrF,cACnBR,aAAc6F,EAAKpF,cACnBF,eAAgBsF,EAAKtF,eACrBO,cAAe+E,EAAK/E,cACpBR,MAAOuF,EAAKvF,MACZ8F,cAAee,EACfd,SAAU6B,EACVnC,iBAAkBA,EAClBE,aAAcA,EACdrG,OAAQiG,EAAKxF,UACb+C,UAAWA,EACXqG,YAAaL,EACbzB,IAAKA,EACLzH,QAAS2F,EAAKlF,eACd+I,aAAclD,EACdhE,kBAAmBA,EACnBqE,uBAAwBA,GAEvBO,EACAZ,GACCc,EACEE,cAAA,MAAA,CAAA4B,MAAOC,EAAWD,MAClBzB,IAAK0B,EAAW1B,IAChBE,UAAWC,EAAGa,EAAOI,MAAOtC,GAAiB,iBAC7ByB,IAKzB,IAEH3G,KAAKb,iBAjHJwF,CAqHX,IAAC,CAAA,CAAA9E,IAAA,2BAAAC,MAzWD,SAAgCsI,EAAwBlK,GACtD,OAAIA,EAAMC,+BACD,CAAEE,OAAQ+J,EAAU/J,QAEtB,IACT,IAAC,IAuWH,SAASmI,EAAwBI,EAAcyB,EAAkBvK,GAE/D,OAAOwK,EAAe,CAACxK,EAAM8I,GAAOyB,EAASzB,KAAQ,EACvD,CAldShJ,EAAgB2K,iBAAGrI,EACnBtC,EAAS4K,UAAGC,EACZ7K,EAAc8K,eAAGC,EACjB/K,EAAAgL,aAAe,CACpB9D,SAAU,MACVE,UAAW,GACXD,OAAQ,CAAEgC,KAAM,EAAGD,UAAW,GAC9BjF,UAAW,IACXe,UAAW,IACXgB,YAAahG,EAAO2K,iBAAiBM,YACrC7E,YAAapG,EAAO2K,iBAAiBO,YACrCzE,mBAAmB,EACnB/F,mBAAmB,EACnBiE,SAAS,EACTgB,MAAM,EACNsB,cAAejH,EAAO8K,eAAeK,OACrCnE,yBAAyB,EACzBK,SAAS,EACTvE,gBAAiBsI,EACjBlG,gBAAiBkG,EACjBhK,eAAgBgK,EAChB5J,eAAgB4J,EAChB5K,0BAA0B,EAC1BiH,yBAAyB,EACzB5E,uBAAuB,EACvBiB,oBAAoB,EACpB+B,sCAAsC,GA0b1C7F,EAAOqL,YAAcC"}

package/dist/src/components/Dialog/Dialog.module.scss.js

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_47331f7468"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_2";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_47331f7468 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_47331f7468[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_47331f7468[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_47331f7468[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_47331f7468[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_307d3610e9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_5";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_307d3610e9 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_307d3610e9[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_307d3610e9[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_307d3610e9[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_307d3610e9[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_6414f03906",top:"top_9034b4c927",right:"right_105636716f",left:"left_80f7e212cf",bottom:"bottom_0404695de3",bottomStart:"bottomStart_a080b984bc",topStart:"topStart_a449564bfd",bottomEnd:"bottomEnd_49949585c7",topEnd:"topEnd_040314b7aa",leftStart:"leftStart_a18d1c76c1",rightStart:"rightStart_c33c017f5e",leftEnd:"leftEnd_4c8e26a762",rightEnd:"rightEnd_bc851f11f5",contentComponent:"contentComponent_6414f03906",hasTooltip:"hasTooltip_9789bfdb89",opacitySlideAppear:"opacitySlideAppear_1d942faeb8",opacitySlideAppearActive:"opacitySlideAppearActive_d4d8bf1605",expandAppear:"expandAppear_aa3f093b67",expandExit:"expandExit_5e9458d69f",edgeBottom:"edgeBottom_86dd15c36f",edgeTop:"edgeTop_3257797afb",expandAppearActive:"expandAppearActive_4e17f119a4"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-ca4097b848ab_3_0_0-alpha_2";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".contentWrapper_6414f03906 {\n  outline: 0;\n}\n.contentWrapper_6414f03906.top_9034b4c927, .contentWrapper_6414f03906.right_105636716f, .contentWrapper_6414f03906.left_80f7e212cf, .contentWrapper_6414f03906.bottom_0404695de3 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.bottomStart_a080b984bc, .contentWrapper_6414f03906.topStart_a449564bfd, .contentWrapper_6414f03906.bottomEnd_49949585c7, .contentWrapper_6414f03906.topEnd_040314b7aa {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.bottomStart_a080b984bc, .contentWrapper_6414f03906.topStart_a449564bfd {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.bottomEnd_49949585c7, .contentWrapper_6414f03906.topEnd_040314b7aa {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.leftStart_a18d1c76c1, .contentWrapper_6414f03906.rightStart_c33c017f5e, .contentWrapper_6414f03906.leftEnd_4c8e26a762, .contentWrapper_6414f03906.rightEnd_bc851f11f5 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.leftStart_a18d1c76c1, .contentWrapper_6414f03906.rightStart_c33c017f5e {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_6414f03906.leftEnd_4c8e26a762, .contentWrapper_6414f03906.rightEnd_bc851f11f5 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_6414f03906[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_6414f03906:focus {\n  outline: none;\n}\n.contentComponent_6414f03906.hasTooltip_9789bfdb89 {\n  padding: 6px;\n}\n.opacitySlideAppear_1d942faeb8 {\n  opacity: 0;\n}\n.opacitySlideAppear_1d942faeb8.top_9034b4c927 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_1d942faeb8.right_105636716f {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1d942faeb8.bottom_0404695de3 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1d942faeb8.left_80f7e212cf {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_d4d8bf1605 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_d4d8bf1605.top_9034b4c927, .opacitySlideAppearActive_d4d8bf1605.bottom_0404695de3 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_d4d8bf1605.right_105636716f, .opacitySlideAppearActive_d4d8bf1605.left_80f7e212cf {\n  transform: translateX(0);\n}\n.expandAppear_aa3f093b67,\n.expandExit_5e9458d69f {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_aa3f093b67.top_9034b4c927, .expandAppear_aa3f093b67.topStart_a449564bfd, .expandAppear_aa3f093b67.topEnd_040314b7aa,\n.expandExit_5e9458d69f.top_9034b4c927,\n.expandExit_5e9458d69f.topStart_a449564bfd,\n.expandExit_5e9458d69f.topEnd_040314b7aa {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_aa3f093b67.top_9034b4c927.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.topStart_a449564bfd.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.topEnd_040314b7aa.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.top_9034b4c927.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.topStart_a449564bfd.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.topEnd_040314b7aa.edgeBottom_86dd15c36f {\n  transform-origin: bottom left;\n}\n.expandAppear_aa3f093b67.top_9034b4c927.edgeTop_3257797afb, .expandAppear_aa3f093b67.topStart_a449564bfd.edgeTop_3257797afb, .expandAppear_aa3f093b67.topEnd_040314b7aa.edgeTop_3257797afb,\n.expandExit_5e9458d69f.top_9034b4c927.edgeTop_3257797afb,\n.expandExit_5e9458d69f.topStart_a449564bfd.edgeTop_3257797afb,\n.expandExit_5e9458d69f.topEnd_040314b7aa.edgeTop_3257797afb {\n  transform-origin: bottom right;\n}\n.expandAppear_aa3f093b67.right_105636716f, .expandAppear_aa3f093b67.rightStart_c33c017f5e, .expandAppear_aa3f093b67.rightEnd_bc851f11f5,\n.expandExit_5e9458d69f.right_105636716f,\n.expandExit_5e9458d69f.rightStart_c33c017f5e,\n.expandExit_5e9458d69f.rightEnd_bc851f11f5 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_aa3f093b67.right_105636716f.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.rightStart_c33c017f5e.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.rightEnd_bc851f11f5.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.right_105636716f.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.rightStart_c33c017f5e.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.rightEnd_bc851f11f5.edgeBottom_86dd15c36f {\n  transform-origin: top left;\n}\n.expandAppear_aa3f093b67.right_105636716f.edgeTop_3257797afb, .expandAppear_aa3f093b67.rightStart_c33c017f5e.edgeTop_3257797afb, .expandAppear_aa3f093b67.rightEnd_bc851f11f5.edgeTop_3257797afb,\n.expandExit_5e9458d69f.right_105636716f.edgeTop_3257797afb,\n.expandExit_5e9458d69f.rightStart_c33c017f5e.edgeTop_3257797afb,\n.expandExit_5e9458d69f.rightEnd_bc851f11f5.edgeTop_3257797afb {\n  transform-origin: bottom left;\n}\n.expandAppear_aa3f093b67.bottom_0404695de3, .expandAppear_aa3f093b67.bottomStart_a080b984bc, .expandAppear_aa3f093b67.bottomEnd_49949585c7,\n.expandExit_5e9458d69f.bottom_0404695de3,\n.expandExit_5e9458d69f.bottomStart_a080b984bc,\n.expandExit_5e9458d69f.bottomEnd_49949585c7 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_aa3f093b67.bottom_0404695de3.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.bottomStart_a080b984bc.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.bottomEnd_49949585c7.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.bottom_0404695de3.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.bottomStart_a080b984bc.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.bottomEnd_49949585c7.edgeBottom_86dd15c36f {\n  transform-origin: top left;\n}\n.expandAppear_aa3f093b67.bottom_0404695de3.edgeTop_3257797afb, .expandAppear_aa3f093b67.bottomStart_a080b984bc.edgeTop_3257797afb, .expandAppear_aa3f093b67.bottomEnd_49949585c7.edgeTop_3257797afb,\n.expandExit_5e9458d69f.bottom_0404695de3.edgeTop_3257797afb,\n.expandExit_5e9458d69f.bottomStart_a080b984bc.edgeTop_3257797afb,\n.expandExit_5e9458d69f.bottomEnd_49949585c7.edgeTop_3257797afb {\n  transform-origin: top right;\n}\n.expandAppear_aa3f093b67.left_80f7e212cf, .expandAppear_aa3f093b67.leftStart_a18d1c76c1, .expandAppear_aa3f093b67.leftEnd_4c8e26a762,\n.expandExit_5e9458d69f.left_80f7e212cf,\n.expandExit_5e9458d69f.leftStart_a18d1c76c1,\n.expandExit_5e9458d69f.leftEnd_4c8e26a762 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_aa3f093b67.left_80f7e212cf.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.leftStart_a18d1c76c1.edgeBottom_86dd15c36f, .expandAppear_aa3f093b67.leftEnd_4c8e26a762.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.left_80f7e212cf.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.leftStart_a18d1c76c1.edgeBottom_86dd15c36f,\n.expandExit_5e9458d69f.leftEnd_4c8e26a762.edgeBottom_86dd15c36f {\n  transform-origin: top right;\n}\n.expandAppear_aa3f093b67.left_80f7e212cf.edgeTop_3257797afb, .expandAppear_aa3f093b67.leftStart_a18d1c76c1.edgeTop_3257797afb, .expandAppear_aa3f093b67.leftEnd_4c8e26a762.edgeTop_3257797afb,\n.expandExit_5e9458d69f.left_80f7e212cf.edgeTop_3257797afb,\n.expandExit_5e9458d69f.leftStart_a18d1c76c1.edgeTop_3257797afb,\n.expandExit_5e9458d69f.leftEnd_4c8e26a762.edgeTop_3257797afb {\n  transform-origin: bottom right;\n}\n.expandExit_5e9458d69f {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_4e17f119a4 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_4e17f119a4.top_9034b4c927, .expandAppearActive_4e17f119a4.topStart_a449564bfd, .expandAppearActive_4e17f119a4.topEnd_040314b7aa, .expandAppearActive_4e17f119a4.bottom_0404695de3, .expandAppearActive_4e17f119a4.bottomStart_a080b984bc, .expandAppearActive_4e17f119a4.bottomEnd_49949585c7, .expandAppearActive_4e17f119a4.right_105636716f, .expandAppearActive_4e17f119a4.rightStart_c33c017f5e, .expandAppearActive_4e17f119a4.rightEnd_bc851f11f5, .expandAppearActive_4e17f119a4.left_80f7e212cf, .expandAppearActive_4e17f119a4.leftStart_a18d1c76c1, .expandAppearActive_4e17f119a4.leftEnd_4c8e26a762 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_455f6c43e3",top:"top_42d5755e70",right:"right_429e71aacf",left:"left_0cabda7297",bottom:"bottom_d6a68392c1",bottomStart:"bottomStart_4ec0bd68dd",topStart:"topStart_af84c77339",bottomEnd:"bottomEnd_1655424efc",topEnd:"topEnd_e967d5d776",leftStart:"leftStart_30eae43fcd",rightStart:"rightStart_7946a0f34d",leftEnd:"leftEnd_bb4f9be7ca",rightEnd:"rightEnd_a028a847b5",contentComponent:"contentComponent_455f6c43e3",hasTooltip:"hasTooltip_527d947189",opacitySlideAppear:"opacitySlideAppear_6819bbf71b",opacitySlideAppearActive:"opacitySlideAppearActive_f86ad84c8d",expandAppear:"expandAppear_d42104d1dd",expandExit:"expandExit_cc19296fc4",edgeBottom:"edgeBottom_c84c898369",edgeTop:"edgeTop_9b20eb0415",expandAppearActive:"expandAppearActive_29896b62d3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-ca4097b848ab_3_0_0-alpha_5";if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".contentWrapper_455f6c43e3 {\n  outline: 0;\n}\n.contentWrapper_455f6c43e3.top_42d5755e70, .contentWrapper_455f6c43e3.right_429e71aacf, .contentWrapper_455f6c43e3.left_0cabda7297, .contentWrapper_455f6c43e3.bottom_d6a68392c1 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.bottomStart_4ec0bd68dd, .contentWrapper_455f6c43e3.topStart_af84c77339, .contentWrapper_455f6c43e3.bottomEnd_1655424efc, .contentWrapper_455f6c43e3.topEnd_e967d5d776 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.bottomStart_4ec0bd68dd, .contentWrapper_455f6c43e3.topStart_af84c77339 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.bottomEnd_1655424efc, .contentWrapper_455f6c43e3.topEnd_e967d5d776 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.leftStart_30eae43fcd, .contentWrapper_455f6c43e3.rightStart_7946a0f34d, .contentWrapper_455f6c43e3.leftEnd_bb4f9be7ca, .contentWrapper_455f6c43e3.rightEnd_a028a847b5 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.leftStart_30eae43fcd, .contentWrapper_455f6c43e3.rightStart_7946a0f34d {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3.leftEnd_bb4f9be7ca, .contentWrapper_455f6c43e3.rightEnd_a028a847b5 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_455f6c43e3[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_455f6c43e3:focus {\n  outline: none;\n}\n.contentComponent_455f6c43e3.hasTooltip_527d947189 {\n  padding: 6px;\n}\n.opacitySlideAppear_6819bbf71b {\n  opacity: 0;\n}\n.opacitySlideAppear_6819bbf71b.top_42d5755e70 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_6819bbf71b.right_429e71aacf {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_6819bbf71b.bottom_d6a68392c1 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_6819bbf71b.left_0cabda7297 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_f86ad84c8d {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_f86ad84c8d.top_42d5755e70, .opacitySlideAppearActive_f86ad84c8d.bottom_d6a68392c1 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_f86ad84c8d.right_429e71aacf, .opacitySlideAppearActive_f86ad84c8d.left_0cabda7297 {\n  transform: translateX(0);\n}\n.expandAppear_d42104d1dd,\n.expandExit_cc19296fc4 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_d42104d1dd.top_42d5755e70, .expandAppear_d42104d1dd.topStart_af84c77339, .expandAppear_d42104d1dd.topEnd_e967d5d776,\n.expandExit_cc19296fc4.top_42d5755e70,\n.expandExit_cc19296fc4.topStart_af84c77339,\n.expandExit_cc19296fc4.topEnd_e967d5d776 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_d42104d1dd.top_42d5755e70.edgeBottom_c84c898369, .expandAppear_d42104d1dd.topStart_af84c77339.edgeBottom_c84c898369, .expandAppear_d42104d1dd.topEnd_e967d5d776.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.top_42d5755e70.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.topStart_af84c77339.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.topEnd_e967d5d776.edgeBottom_c84c898369 {\n  transform-origin: bottom left;\n}\n.expandAppear_d42104d1dd.top_42d5755e70.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.topStart_af84c77339.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.topEnd_e967d5d776.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.top_42d5755e70.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.topStart_af84c77339.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.topEnd_e967d5d776.edgeTop_9b20eb0415 {\n  transform-origin: bottom right;\n}\n.expandAppear_d42104d1dd.right_429e71aacf, .expandAppear_d42104d1dd.rightStart_7946a0f34d, .expandAppear_d42104d1dd.rightEnd_a028a847b5,\n.expandExit_cc19296fc4.right_429e71aacf,\n.expandExit_cc19296fc4.rightStart_7946a0f34d,\n.expandExit_cc19296fc4.rightEnd_a028a847b5 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_d42104d1dd.right_429e71aacf.edgeBottom_c84c898369, .expandAppear_d42104d1dd.rightStart_7946a0f34d.edgeBottom_c84c898369, .expandAppear_d42104d1dd.rightEnd_a028a847b5.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.right_429e71aacf.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.rightStart_7946a0f34d.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.rightEnd_a028a847b5.edgeBottom_c84c898369 {\n  transform-origin: top left;\n}\n.expandAppear_d42104d1dd.right_429e71aacf.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.rightStart_7946a0f34d.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.rightEnd_a028a847b5.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.right_429e71aacf.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.rightStart_7946a0f34d.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.rightEnd_a028a847b5.edgeTop_9b20eb0415 {\n  transform-origin: bottom left;\n}\n.expandAppear_d42104d1dd.bottom_d6a68392c1, .expandAppear_d42104d1dd.bottomStart_4ec0bd68dd, .expandAppear_d42104d1dd.bottomEnd_1655424efc,\n.expandExit_cc19296fc4.bottom_d6a68392c1,\n.expandExit_cc19296fc4.bottomStart_4ec0bd68dd,\n.expandExit_cc19296fc4.bottomEnd_1655424efc {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_d42104d1dd.bottom_d6a68392c1.edgeBottom_c84c898369, .expandAppear_d42104d1dd.bottomStart_4ec0bd68dd.edgeBottom_c84c898369, .expandAppear_d42104d1dd.bottomEnd_1655424efc.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.bottom_d6a68392c1.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.bottomStart_4ec0bd68dd.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.bottomEnd_1655424efc.edgeBottom_c84c898369 {\n  transform-origin: top left;\n}\n.expandAppear_d42104d1dd.bottom_d6a68392c1.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.bottomStart_4ec0bd68dd.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.bottomEnd_1655424efc.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.bottom_d6a68392c1.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.bottomStart_4ec0bd68dd.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.bottomEnd_1655424efc.edgeTop_9b20eb0415 {\n  transform-origin: top right;\n}\n.expandAppear_d42104d1dd.left_0cabda7297, .expandAppear_d42104d1dd.leftStart_30eae43fcd, .expandAppear_d42104d1dd.leftEnd_bb4f9be7ca,\n.expandExit_cc19296fc4.left_0cabda7297,\n.expandExit_cc19296fc4.leftStart_30eae43fcd,\n.expandExit_cc19296fc4.leftEnd_bb4f9be7ca {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_d42104d1dd.left_0cabda7297.edgeBottom_c84c898369, .expandAppear_d42104d1dd.leftStart_30eae43fcd.edgeBottom_c84c898369, .expandAppear_d42104d1dd.leftEnd_bb4f9be7ca.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.left_0cabda7297.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.leftStart_30eae43fcd.edgeBottom_c84c898369,\n.expandExit_cc19296fc4.leftEnd_bb4f9be7ca.edgeBottom_c84c898369 {\n  transform-origin: top right;\n}\n.expandAppear_d42104d1dd.left_0cabda7297.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.leftStart_30eae43fcd.edgeTop_9b20eb0415, .expandAppear_d42104d1dd.leftEnd_bb4f9be7ca.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.left_0cabda7297.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.leftStart_30eae43fcd.edgeTop_9b20eb0415,\n.expandExit_cc19296fc4.leftEnd_bb4f9be7ca.edgeTop_9b20eb0415 {\n  transform-origin: bottom right;\n}\n.expandExit_cc19296fc4 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_29896b62d3 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_29896b62d3.top_42d5755e70, .expandAppearActive_29896b62d3.topStart_af84c77339, .expandAppearActive_29896b62d3.topEnd_e967d5d776, .expandAppearActive_29896b62d3.bottom_d6a68392c1, .expandAppearActive_29896b62d3.bottomStart_4ec0bd68dd, .expandAppearActive_29896b62d3.bottomEnd_1655424efc, .expandAppearActive_29896b62d3.right_429e71aacf, .expandAppearActive_29896b62d3.rightStart_7946a0f34d, .expandAppearActive_29896b62d3.rightEnd_a028a847b5, .expandAppearActive_29896b62d3.left_0cabda7297, .expandAppearActive_29896b62d3.leftStart_30eae43fcd, .expandAppearActive_29896b62d3.leftEnd_bb4f9be7ca {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_08f8a3200c",sizeSmall:"sizeSmall_db697776ce",sizeMedium:"sizeMedium_b7aede855c",sizeLarge:"sizeLarge_d001d14cde",typePopover:"typePopover_c3b20ad3d7",typeModal:"typeModal_26ae644027"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-12831727ea09_3_0_0-alpha_2";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".dialogContentContainer_08f8a3200c:focus {\n  outline: none;\n}\n\n.sizeSmall_db697776ce {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_b7aede855c {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_d001d14cde {\n  padding: var(--spacing-large);\n}\n\n.typePopover_c3b20ad3d7 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_26ae644027 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer_2a3a9fab95",sizeSmall:"sizeSmall_b081423ec1",sizeMedium:"sizeMedium_4951e8451d",sizeLarge:"sizeLarge_1a165616d3",typePopover:"typePopover_2a9e3a8387",typeModal:"typeModal_d459bd2cc9"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-84014680658e_3_0_0-alpha_5";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".dialogContentContainer_2a3a9fab95:focus {\n  outline: none;\n}\n\n.sizeSmall_b081423ec1 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_4951e8451d {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_1a165616d3 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_2a9e3a8387 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_d459bd2cc9 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var e={divider:"divider_5c92d0a184",withoutMargin:"withoutMargin_a388da9895",horizontal:"horizontal_6438c06aeb",vertical:"vertical_449c9ddd30"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-290500f5721e_3_0_0-alpha_2";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".divider_5c92d0a184 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_5c92d0a184.withoutMargin_a388da9895 {\n  margin: 0;\n}\n\n.horizontal_6438c06aeb {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_449c9ddd30 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_8553ed51e8",withoutMargin:"withoutMargin_db44352e13",horizontal:"horizontal_dc3d904da0",vertical:"vertical_1dd8989d45"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-290500f5721e_3_0_0-alpha_5";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".divider_8553ed51e8 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_8553ed51e8.withoutMargin_db44352e13 {\n  margin: 0;\n}\n\n.horizontal_dc3d904da0 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_1dd8989d45 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async/dist/react-select.esm.js";import{noop as b}from"lodash-es";import{WindowedMenuList as g}from"react-windowed-select";import j from"./components/menu/menu.js";import C from"./components/DropdownIndicator/DropdownIndicator.js";import M from"./components/option/option.js";import y from"./components/singleValue/singleValue.js";import h from"./components/ClearIndicator/ClearIndicator.js";import w from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as I,DROPDOWN_MENU_POSITION as D,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as R,DROPDOWN_ID as P,DROPDOWN_MENU_ID as A,DROPDOWN_MENU_ARIA_LABEL as W}from"./DropdownConstants.js";import x,{customTheme as z}from"./Dropdown.styles.js";import E from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import L from"./Dropdown.module.scss.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var T=F(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,I=a.singleValueWrapperClassName,D=a.dropdownMenuWrapperClassName,F=a.placeholder,T=void 0===F?"":F,k=a.disabled,B=void 0!==k&&k,H=a.readOnly,K=void 0!==H&&H,_=a.onMenuOpen,q=void 0===_?b:_,G=a.onMenuClose,J=void 0===G?b:G,Q=a.onFocus,U=void 0===Q?b:Q,X=a.onBlur,Y=void 0===X?b:X,Z=a.onChange,$=void 0===Z?b:Z,ee=a.searchable,ne=void 0===ee||ee,oe=a.options,te=void 0===oe?[]:oe,re=a.defaultValue,ie=a.value,ae=a.noOptionsMessage,se=a.openMenuOnFocus,le=a.openMenuOnClick,ce=a.clearable,ue=void 0===ce||ce,de=a.OptionRenderer,pe=a.optionRenderer,me=a.ValueRenderer,fe=a.valueRenderer,Oe=a.menuRenderer,ve=a.menuPlacement,be=void 0===ve?"bottom":ve,ge=a.rtl,je=a.size,Ce=void 0===je?"medium":je,Me=a.asyncOptions,ye=a.cacheOptions,he=a.defaultOptions,we=a.isVirtualized,Se=a.menuPortalTarget,Ie=a.extraStyles,De=void 0===Ie?R:Ie,Ve=a.maxMenuHeight,Re=a.menuIsOpen,Pe=a.tabIndex,Ae=void 0===Pe?"0":Pe,We=a.id,xe=void 0===We?P:We,ze=a.menuId,Ee=void 0===ze?A:ze,Ne=a.menuAriaLabel,Le=void 0===Ne?W:Ne,Fe=a.autoFocus,Te=void 0!==Fe&&Fe,ke=a.multi,Be=void 0!==ke&&ke,He=a.multiline,Ke=void 0!==He&&He,_e=a.onOptionRemove,qe=a.onOptionSelect,Ge=a.onClear,Je=a.onInputChange,Qe=void 0===Je?b:Je,Ue=a.closeMenuOnSelect,Xe=void 0===Ue?!Be:Ue,Ye=a.closeMenuOnScroll,Ze=void 0!==Ye&&Ye,$e=a.withMandatoryDefaultOptions,en=void 0!==$e&&$e,nn=a.isOptionSelected,on=a.insideOverflowContainer,tn=void 0!==on&&on,rn=a.insideOverflowWithTransformContainer,an=void 0!==rn&&rn,sn=a.tooltipContent,ln=void 0===sn?"":sn,cn=a.onKeyDown,un=void 0===cn?b:cn,dn=a.isLoading,pn=void 0!==dn&&dn,mn=a.loadingMessage,fn=a.ariaLabel,On=a.tabSelectsValue,vn=void 0===On||On,bn=a.popupsContainerSelector,gn=a.filterOption,jn=a.menuPosition,Cn=void 0===jn?"absolute":jn,Mn=a["data-testid"],yn=c(),hn=Se||bn&&document.querySelector(bn),wn=u((function(){return re?Array.isArray(re)?re.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},re),{isMandatory:!0}):re}),[re]),Sn=d(wn||[]),In=e(Sn,2),Dn=In[1],Vn=pe||de,Rn=fe||me,Pn=!!ie,An=null!=ie?ie:In[0],Wn=u((function(){return Array.isArray(An)?An.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[An]),xn=u((function(){return fn||"".concat(K?"Readonly ":""," ").concat(ln," ").concat(Array.isArray(An)?"Selected: ".concat(An.map((function(e){return e.label})).join(", ")):"Select")}),[fn,K,An,ln]),zn=Be?An:ie,En=u((function(){var o=x({size:Ce,rtl:ge,insideOverflowContainer:tn,controlRef:yn,insideOverflowWithTransformContainer:an}),t=De(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Be){Ke&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ce,ge,tn,an,De,Be,Ke]),Nn=p((function(e){return s.createElement(j,Object.assign({},e,{id:Ee,ariaLabel:Le,Renderer:Oe,dropdownMenuWrapperClassName:D}))}),[D,Oe,Ee,Le]),Ln=p((function(e){return s.createElement(C,Object.assign({},e,{size:Ce}))}),[Ce]),Fn=p((function(e){return s.createElement(M,Object.assign({},e,{Renderer:Vn,optionWrapperClassName:S}))}),[Vn,S]),Tn=p((function(e){return s.createElement(O.Input,Object.assign({},e,{"aria-label":"Dropdown input","aria-controls":Ee}))}),[Ee]),kn=p((function(e){return s.createElement(y,Object.assign({},e,{readOnly:K,Renderer:Rn,selectedOption:An[0],singleValueWrapperClassName:I}))}),[Rn,K,An,I]),Bn=p((function(e){return s.createElement(h,Object.assign({},e,{size:Ce}))}),[Ce]),Hn=u((function(){return function(e,n){_e&&_e(Wn[e]);var o=Array.isArray(An)?An.filter((function(n){return n.value!==e})):An;$&&$(o,n),Dn(o)}}),[$,_e,An,Wn]),Kn=u((function(){return{selectedOptions:An,onSelectedDelete:Hn,isMultiline:Ke,insideOverflowContainer:tn,insideOverflowWithTransformContainer:an,controlRef:yn,tooltipContent:ln,popupsContainerSelector:bn,size:Ce}}),[An,Hn,Ke,tn,an,ln,bn,Ce]),_n=Me?v:m,qn=Object.assign({},Me&&Object.assign({loadOptions:Me,cacheOptions:ye},he&&{defaultOptions:he})),Gn=Object.assign(Object.assign({},!Me&&{options:te}),Be&&{isMulti:!0}),Jn=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&(Ze||tn||an)}),[tn,an,Ze]);return s.createElement(_n,Object.assign({className:i(L.dropdown,f),selectProps:Kn,components:Object.assign(Object.assign({DropdownIndicator:Ln,Menu:Nn,ClearIndicator:Bn,Input:Tn,Option:Fn,Control:E,SingleValue:kn},Be&&{MultiValue:b,ValueContainer:w}),we&&{MenuList:g}),closeMenuOnScroll:Jn,size:Ce,noOptionsMessage:ae,placeholder:T,isDisabled:B,isClearable:!K&&ue,isSearchable:!K&&ne,readOnly:K,"aria-readonly":K,"aria-label":xn,"aria-details":ln,"aria-expanded":!K&&Re,"aria-haspopup":"listbox","aria-activedescendant":!0,role:"combobox",defaultValue:re,value:zn,onMenuOpen:q,onMenuClose:J,onFocus:U,onBlur:Y,onChange:function(e,n){switch($&&$(e,n),n.action){case"select-option":var t=Be?n.option:e;qe&&qe(t),Pn||Dn([].concat(o(An),[t]));break;case"clear":Ge&&Ge(),Pn||Dn(en?wn:[])}},onKeyDown:un,onInputChange:Qe,openMenuOnFocus:se,openMenuOnClick:le,isRtl:ge,styles:En,theme:z,maxMenuHeight:Ve,menuPortalTarget:hn,menuPlacement:be,menuPosition:Cn,menuIsOpen:!K&&Re,tabIndex:Ae,id:xe,"data-testid":Mn||t(r.DROPDOWN,xe),autoFocus:Te,closeMenuOnSelect:Xe,ref:l,withMandatoryDefaultOptions:en,isOptionSelected:nn,isLoading:pn,loadingMessage:mn,tabSelectsValue:vn,filterOption:gn},qn,Gn))})),{sizes:a,chipColors:S,menuPlacements:I,menuPositions:D,createFilter:f});export{T as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as O,components as v}from"react-select";import b from"react-select/async";import g from"react-select/base";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as D,DROPDOWN_MENU_PLACEMENT as R,DROPDOWN_MENU_POSITION as V,ADD_AUTO_HEIGHT_COMPONENTS as P,defaultCustomStyles as W,DROPDOWN_ID as A,DROPDOWN_MENU_ID as L,DROPDOWN_MENU_ARIA_LABEL as x}from"./DropdownConstants.js";import z,{customTheme as E}from"./Dropdown.styles.js";import N from"./components/Control/Control.js";import F from"./components/menu/menu.module.scss.js";import T from"./Dropdown.module.scss.js";import{withStaticProps as B}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var k=B(l((function(a,l){var O=a.className,D=a.optionWrapperClassName,R=a.singleValueWrapperClassName,V=a.dropdownMenuWrapperClassName,B=a.placeholder,k=void 0===B?"":B,H=a.disabled,G=void 0!==H&&H,K=a.readOnly,_=void 0!==K&&K,q=a.onMenuOpen,J=void 0===q?j:q,Q=a.onMenuClose,U=void 0===Q?j:Q,X=a.onFocus,Y=void 0===X?j:X,Z=a.onBlur,$=void 0===Z?j:Z,ee=a.onScroll,ne=void 0===ee?j:ee,oe=a.onMenuScrollToBottom,te=void 0===oe?j:oe,re=a.onChange,ie=void 0===re?j:re,ae=a.searchable,se=void 0===ae||ae,le=a.captureMenuScroll,ce=void 0!==le&&le,ue=a.options,de=void 0===ue?[]:ue,pe=a.defaultValue,me=a.value,fe=a.noOptionsMessage,Oe=a.openMenuOnFocus,ve=a.openMenuOnClick,be=a.clearable,ge=void 0===be||be,je=a.OptionRenderer,Ce=a.optionRenderer,Me=a.ValueRenderer,ye=a.valueRenderer,he=a.menuRenderer,we=a.menuPlacement,Se=void 0===we?"bottom":we,Ie=a.rtl,De=a.size,Re=void 0===De?"medium":De,Ve=a.asyncOptions,Pe=a.cacheOptions,We=a.defaultOptions,Ae=a.isVirtualized,Le=a.menuPortalTarget,xe=a.extraStyles,ze=void 0===xe?W:xe,Ee=a.maxMenuHeight,Ne=a.menuIsOpen,Fe=a.tabIndex,Te=void 0===Fe?"0":Fe,Be=a.id,ke=void 0===Be?A:Be,He=a.menuId,Ge=void 0===He?L:He,Ke=a.menuAriaLabel,_e=void 0===Ke?x:Ke,qe=a.autoFocus,Je=void 0!==qe&&qe,Qe=a.multi,Ue=void 0!==Qe&&Qe,Xe=a.multiline,Ye=void 0!==Xe&&Xe,Ze=a.onOptionRemove,$e=a.onOptionSelect,en=a.onClear,nn=a.onInputChange,on=void 0===nn?j:nn,tn=a.closeMenuOnSelect,rn=void 0===tn?!Ue:tn,an=a.closeMenuOnScroll,sn=void 0!==an&&an,ln=a.withMandatoryDefaultOptions,cn=void 0!==ln&&ln,un=a.isOptionSelected,dn=a.insideOverflowContainer,pn=void 0!==dn&&dn,mn=a.insideOverflowWithTransformContainer,fn=void 0!==mn&&mn,On=a.tooltipContent,vn=void 0===On?"":On,bn=a.onKeyDown,gn=void 0===bn?j:bn,jn=a.isLoading,Cn=void 0!==jn&&jn,Mn=a.loadingMessage,yn=a.ariaLabel,hn=a.tabSelectsValue,wn=void 0===hn||hn,Sn=a.popupsContainerSelector,In=a.filterOption,Dn=a.menuPosition,Rn=void 0===Dn?"absolute":Dn,Vn=a["data-testid"],Pn=a.withGroupDivider,Wn=void 0!==Pn&&Pn,An=c(),Ln=Le||Sn&&document.querySelector(Sn),xn=u((function(){return pe?Array.isArray(pe)?pe.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},pe),{isMandatory:!0}):pe}),[pe]);g.prototype.renderLiveRegion=function(){return null};var zn=d(null),En=e(zn,2),Nn=En[0],Fn=En[1];p((function(){I()&&import("react-windowed-select").then((function(e){Fn((function(){return e.WindowedMenuList}))}))}),[]);var Tn=d(xn||[]),Bn=e(Tn,2),kn=Bn[0],Hn=Bn[1],Gn=d(""),Kn=e(Gn,2),_n=Kn[0],qn=Kn[1],Jn=Ce||je,Qn=ye||Me,Un=!!me,Xn=null!=me?me:kn,Yn=u((function(){return Array.isArray(Xn)?Xn.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[Xn]),Zn=u((function(){return yn||"".concat(_?"Readonly ":""," ").concat(vn," ").concat(Array.isArray(Xn)?"Selected: ".concat(Xn.map((function(e){return e.label})).join(", ")):"Select")}),[yn,_,Xn,vn]),$n=Ue?Xn:me,eo=u((function(){var o=z({size:Re,rtl:Ie,insideOverflowContainer:pn,controlRef:An,insideOverflowWithTransformContainer:fn,withGroupDivider:Wn}),t=ze(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Ue){Ye&&P.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Re,Ie,pn,fn,ze,Ue,Ye]),no=m((function(e){return s.createElement(C,Object.assign({},e,{id:Ge,ariaLabel:_e,Renderer:he,dropdownMenuWrapperClassName:V,onScroll:ne}))}),[V,he,Ge,_e,ne]),oo=m((function(e){return s.createElement(M,Object.assign({},e,{size:Re}))}),[Re]),to=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:qn},e,{Renderer:Jn,optionWrapperClassName:D}))}),[Jn,D,qn]),ro=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(v.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!_&&t,"aria-label":"Dropdown input","aria-controls":Ge}))}),[Ge,_]),io=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:_,Renderer:Qn,selectedOption:Xn[0],singleValueWrapperClassName:R}))}),[Qn,_,Xn,R]),ao=m((function(e){return s.createElement(w,Object.assign({},e,{size:Re}))}),[Re]),so=u((function(){return function(e,n){Ze&&Ze(Yn[e]);var o=Array.isArray(Xn)?Xn.filter((function(n){return n.value!==e})):Xn;ie&&ie(o,n),Hn(o)}}),[ie,Ze,Xn,Yn]),lo=u((function(){return{selectedOptions:Xn,onSelectedDelete:so,isMultiline:Ye,insideOverflowContainer:pn,insideOverflowWithTransformContainer:fn,controlRef:An,tooltipContent:vn,popupsContainerSelector:Sn,size:Re}}),[Xn,so,Ye,pn,fn,vn,Sn,Re]),co=Ve?b:f,uo=Object.assign({},Ve&&Object.assign({loadOptions:Ve,cacheOptions:Pe},We&&{defaultOptions:We})),po=Object.assign(Object.assign({},!Ve&&{options:de}),Ue&&{isMulti:!0}),mo=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(F.dropdownMenuWrapper))&&(sn||pn||fn)}),[pn,fn,sn]);return s.createElement(co,Object.assign({className:i(T.dropdown,O),selectProps:lo,components:Object.assign(Object.assign({DropdownIndicator:oo,Menu:no,ClearIndicator:ao,Input:ro,Option:to,Control:N,SingleValue:io},Ue&&{MultiValue:j,ValueContainer:S}),Ae&&Nn&&{MenuList:Nn}),closeMenuOnScroll:mo,size:Re,noOptionsMessage:fe,placeholder:k,isDisabled:G,isClearable:!_&&ge,isSearchable:!_&&se,readOnly:_,"aria-readonly":_,"aria-label":Zn,"aria-details":vn,"aria-haspopup":"listbox",defaultValue:pe,value:$n,onMenuOpen:J,onMenuClose:U,onFocus:Y,onBlur:$,onMenuScrollToBottom:te,captureMenuScroll:ce,onChange:function(e,n){switch(ie&&ie(e,n),n.action){case"select-option":var t=Ue?n.option:e;$e&&$e(t),Un||Hn([].concat(o(Xn),[t]));break;case"clear":en&&en(),Un||Hn(cn?xn:[])}},onKeyDown:gn,onInputChange:on,openMenuOnFocus:Oe,openMenuOnClick:ve,focusedOptionId:_n,isRtl:Ie,styles:eo,theme:E,maxMenuHeight:Ee,menuPortalTarget:Ln,menuPlacement:Se,menuPosition:Rn,menuIsOpen:!_&&Ne,tabIndex:Te,id:ke,"data-testid":Vn||t(r.DROPDOWN,ke),autoFocus:Je,closeMenuOnSelect:rn,ref:l,withMandatoryDefaultOptions:cn,isOptionSelected:un,isLoading:Cn,loadingMessage:Mn,tabSelectsValue:wn,filterOption:In},uo,po))})),{sizes:a,chipColors:D,menuPlacements:R,menuPositions:V,createFilter:O});export{k as default};
 //# sourceMappingURL=Dropdown.js.map