npm - @vibe/core - Versions diffs - 3.0.0-alpha.9 → 3.0.0-beta.1 - Mend

@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_223cc73128",navigationWrapper:"navigationWrapper_6b23e8eb36",navigationLeft:"navigationLeft_ac59d64de2",navigationRight:"navigationRight_81201b35ca",pickerOptions:"pickerOptions_67c3c1d8fa",pickerOption:"pickerOption_0ba1d6beaa"};!function(e){const n="s_id-38af31aef936_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_223cc73128 {\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_223cc73128 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_223cc73128 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationLeft_ac59d64de2 {\n  left: 21px;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationRight_81201b35ca {\n  right: 21px;\n}\n.monthYearPicker_223cc73128 .pickerOptions_67c3c1d8fa {\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_223cc73128 .pickerOptions_67c3c1d8fa .pickerOption_0ba1d6beaa {\n  min-width: 66px;\n}\n.monthYearPicker_223cc73128 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_352af4cefb",navigationWrapper:"navigationWrapper_4e007e7a01",navigationLeft:"navigationLeft_608877d1d1",navigationRight:"navigationRight_4a034384ad",pickerOptions:"pickerOptions_78e153ba00",pickerOption:"pickerOption_2c7aba2d2a"};!function(e){const n="s_id-38af31aef936_3_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_352af4cefb {\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_352af4cefb .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_352af4cefb .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_352af4cefb .navigationWrapper_4e007e7a01 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_352af4cefb .navigationWrapper_4e007e7a01.navigationLeft_608877d1d1 {\n  left: 21px;\n}\n.monthYearPicker_352af4cefb .navigationWrapper_4e007e7a01.navigationRight_4a034384ad {\n  right: 21px;\n}\n.monthYearPicker_352af4cefb .pickerOptions_78e153ba00 {\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_352af4cefb .pickerOptions_78e153ba00 .pickerOption_2c7aba2d2a {\n  min-width: 66px;\n}\n.monthYearPicker_352af4cefb .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

@@ -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){const e="s_id-13718576d5f3_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=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){const e="s_id-13718576d5f3_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_38360a4061"};!function(e){const n="s_id-a5825d2828c8_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".arrow_38360a4061 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_38360a4061[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_38360a4061[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_38360a4061[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_38360a4061[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_cb7fdd6e44"};!function(e){const t="s_id-a5825d2828c8_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".arrow_cb7fdd6e44 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_cb7fdd6e44[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_cb7fdd6e44[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_cb7fdd6e44[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_cb7fdd6e44[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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_f2a8a3ade5",top:"top_10fc01a4ea",right:"right_9340b70d02",left:"left_053973a0f0",bottom:"bottom_442cedbff5",bottomStart:"bottomStart_a604d26aab",topStart:"topStart_03a64e22f9",bottomEnd:"bottomEnd_396aca6ca2",topEnd:"topEnd_371c4a22c1",leftStart:"leftStart_93508ed49a",rightStart:"rightStart_66dabf7cb7",leftEnd:"leftEnd_319f4ee7a5",rightEnd:"rightEnd_470d8466d2",contentComponent:"contentComponent_f2a8a3ade5",hasTooltip:"hasTooltip_3b4ed9c45f",opacitySlideAppear:"opacitySlideAppear_1ece397b6f",opacitySlideAppearActive:"opacitySlideAppearActive_adf1c720c2",expandAppear:"expandAppear_68e4d9c213",expandExit:"expandExit_2b3ccc94e6",edgeBottom:"edgeBottom_a4c55483b1",edgeTop:"edgeTop_8786b05c2e",expandAppearActive:"expandAppearActive_e2dfb8fc01"};!function(e){const a="s_id-ca4097b848ab_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_f2a8a3ade5 {\n  outline: 0;\n}\n.contentWrapper_f2a8a3ade5.top_10fc01a4ea, .contentWrapper_f2a8a3ade5.right_9340b70d02, .contentWrapper_f2a8a3ade5.left_053973a0f0, .contentWrapper_f2a8a3ade5.bottom_442cedbff5 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomStart_a604d26aab, .contentWrapper_f2a8a3ade5.topStart_03a64e22f9, .contentWrapper_f2a8a3ade5.bottomEnd_396aca6ca2, .contentWrapper_f2a8a3ade5.topEnd_371c4a22c1 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomStart_a604d26aab, .contentWrapper_f2a8a3ade5.topStart_03a64e22f9 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomEnd_396aca6ca2, .contentWrapper_f2a8a3ade5.topEnd_371c4a22c1 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftStart_93508ed49a, .contentWrapper_f2a8a3ade5.rightStart_66dabf7cb7, .contentWrapper_f2a8a3ade5.leftEnd_319f4ee7a5, .contentWrapper_f2a8a3ade5.rightEnd_470d8466d2 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftStart_93508ed49a, .contentWrapper_f2a8a3ade5.rightStart_66dabf7cb7 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftEnd_319f4ee7a5, .contentWrapper_f2a8a3ade5.rightEnd_470d8466d2 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_f2a8a3ade5:focus {\n  outline: none;\n}\n.contentComponent_f2a8a3ade5.hasTooltip_3b4ed9c45f {\n  padding: 6px;\n}\n.opacitySlideAppear_1ece397b6f {\n  opacity: 0;\n}\n.opacitySlideAppear_1ece397b6f.top_10fc01a4ea {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_1ece397b6f.right_9340b70d02 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1ece397b6f.bottom_442cedbff5 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1ece397b6f.left_053973a0f0 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_adf1c720c2 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_adf1c720c2.top_10fc01a4ea, .opacitySlideAppearActive_adf1c720c2.bottom_442cedbff5 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_adf1c720c2.right_9340b70d02, .opacitySlideAppearActive_adf1c720c2.left_053973a0f0 {\n  transform: translateX(0);\n}\n.expandAppear_68e4d9c213,\n.expandExit_2b3ccc94e6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea, .expandAppear_68e4d9c213.topStart_03a64e22f9, .expandAppear_68e4d9c213.topEnd_371c4a22c1,\n.expandExit_2b3ccc94e6.top_10fc01a4ea,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.topStart_03a64e22f9.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.topEnd_371c4a22c1.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.top_10fc01a4ea.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1.edgeBottom_a4c55483b1 {\n  transform-origin: bottom left;\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.topStart_03a64e22f9.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.topEnd_371c4a22c1.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.top_10fc01a4ea.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1.edgeTop_8786b05c2e {\n  transform-origin: bottom right;\n}\n.expandAppear_68e4d9c213.right_9340b70d02, .expandAppear_68e4d9c213.rightStart_66dabf7cb7, .expandAppear_68e4d9c213.rightEnd_470d8466d2,\n.expandExit_2b3ccc94e6.right_9340b70d02,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.right_9340b70d02.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.rightStart_66dabf7cb7.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.rightEnd_470d8466d2.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.right_9340b70d02.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2.edgeBottom_a4c55483b1 {\n  transform-origin: top left;\n}\n.expandAppear_68e4d9c213.right_9340b70d02.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.rightStart_66dabf7cb7.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.rightEnd_470d8466d2.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.right_9340b70d02.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2.edgeTop_8786b05c2e {\n  transform-origin: bottom left;\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5, .expandAppear_68e4d9c213.bottomStart_a604d26aab, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2,\n.expandExit_2b3ccc94e6.bottom_442cedbff5,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.bottomStart_a604d26aab.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottom_442cedbff5.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2.edgeBottom_a4c55483b1 {\n  transform-origin: top left;\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.bottomStart_a604d26aab.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottom_442cedbff5.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2.edgeTop_8786b05c2e {\n  transform-origin: top right;\n}\n.expandAppear_68e4d9c213.left_053973a0f0, .expandAppear_68e4d9c213.leftStart_93508ed49a, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5,\n.expandExit_2b3ccc94e6.left_053973a0f0,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.left_053973a0f0.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.leftStart_93508ed49a.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.left_053973a0f0.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5.edgeBottom_a4c55483b1 {\n  transform-origin: top right;\n}\n.expandAppear_68e4d9c213.left_053973a0f0.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.leftStart_93508ed49a.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.left_053973a0f0.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5.edgeTop_8786b05c2e {\n  transform-origin: bottom right;\n}\n.expandExit_2b3ccc94e6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_e2dfb8fc01 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_e2dfb8fc01.top_10fc01a4ea, .expandAppearActive_e2dfb8fc01.topStart_03a64e22f9, .expandAppearActive_e2dfb8fc01.topEnd_371c4a22c1, .expandAppearActive_e2dfb8fc01.bottom_442cedbff5, .expandAppearActive_e2dfb8fc01.bottomStart_a604d26aab, .expandAppearActive_e2dfb8fc01.bottomEnd_396aca6ca2, .expandAppearActive_e2dfb8fc01.right_9340b70d02, .expandAppearActive_e2dfb8fc01.rightStart_66dabf7cb7, .expandAppearActive_e2dfb8fc01.rightEnd_470d8466d2, .expandAppearActive_e2dfb8fc01.left_053973a0f0, .expandAppearActive_e2dfb8fc01.leftStart_93508ed49a, .expandAppearActive_e2dfb8fc01.leftEnd_319f4ee7a5 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_6c7a66f775",top:"top_d626a7000c",right:"right_777dd56377",left:"left_127a7e44e9",bottom:"bottom_22bffee876",bottomStart:"bottomStart_c5812ab7c0",topStart:"topStart_4633c88f3d",bottomEnd:"bottomEnd_a889632e36",topEnd:"topEnd_204fed2dcc",leftStart:"leftStart_01a6b538fa",rightStart:"rightStart_c1b1201053",leftEnd:"leftEnd_3389f39aba",rightEnd:"rightEnd_a283ec2ec3",contentComponent:"contentComponent_6c7a66f775",hasTooltip:"hasTooltip_a2b2e058a9",opacitySlideAppear:"opacitySlideAppear_0089c20218",opacitySlideAppearActive:"opacitySlideAppearActive_e85e7460e6",expandAppear:"expandAppear_89f5add7a5",expandExit:"expandExit_0b56f40702",edgeBottom:"edgeBottom_5833c185be",edgeTop:"edgeTop_a5636b9153",expandAppearActive:"expandAppearActive_d1dea1f775"};!function(e){const a="s_id-ca4097b848ab_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_6c7a66f775 {\n  outline: 0;\n}\n.contentWrapper_6c7a66f775.top_d626a7000c, .contentWrapper_6c7a66f775.right_777dd56377, .contentWrapper_6c7a66f775.left_127a7e44e9, .contentWrapper_6c7a66f775.bottom_22bffee876 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.bottomStart_c5812ab7c0, .contentWrapper_6c7a66f775.topStart_4633c88f3d, .contentWrapper_6c7a66f775.bottomEnd_a889632e36, .contentWrapper_6c7a66f775.topEnd_204fed2dcc {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.bottomStart_c5812ab7c0, .contentWrapper_6c7a66f775.topStart_4633c88f3d {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.bottomEnd_a889632e36, .contentWrapper_6c7a66f775.topEnd_204fed2dcc {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.leftStart_01a6b538fa, .contentWrapper_6c7a66f775.rightStart_c1b1201053, .contentWrapper_6c7a66f775.leftEnd_3389f39aba, .contentWrapper_6c7a66f775.rightEnd_a283ec2ec3 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.leftStart_01a6b538fa, .contentWrapper_6c7a66f775.rightStart_c1b1201053 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775.leftEnd_3389f39aba, .contentWrapper_6c7a66f775.rightEnd_a283ec2ec3 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_6c7a66f775[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_6c7a66f775:focus {\n  outline: none;\n}\n.contentComponent_6c7a66f775.hasTooltip_a2b2e058a9 {\n  padding: 6px;\n}\n.opacitySlideAppear_0089c20218 {\n  opacity: 0;\n}\n.opacitySlideAppear_0089c20218.top_d626a7000c {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_0089c20218.right_777dd56377 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0089c20218.bottom_22bffee876 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0089c20218.left_127a7e44e9 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_e85e7460e6 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_e85e7460e6.top_d626a7000c, .opacitySlideAppearActive_e85e7460e6.bottom_22bffee876 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_e85e7460e6.right_777dd56377, .opacitySlideAppearActive_e85e7460e6.left_127a7e44e9 {\n  transform: translateX(0);\n}\n.expandAppear_89f5add7a5,\n.expandExit_0b56f40702 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_89f5add7a5.top_d626a7000c, .expandAppear_89f5add7a5.topStart_4633c88f3d, .expandAppear_89f5add7a5.topEnd_204fed2dcc,\n.expandExit_0b56f40702.top_d626a7000c,\n.expandExit_0b56f40702.topStart_4633c88f3d,\n.expandExit_0b56f40702.topEnd_204fed2dcc {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_89f5add7a5.top_d626a7000c.edgeBottom_5833c185be, .expandAppear_89f5add7a5.topStart_4633c88f3d.edgeBottom_5833c185be, .expandAppear_89f5add7a5.topEnd_204fed2dcc.edgeBottom_5833c185be,\n.expandExit_0b56f40702.top_d626a7000c.edgeBottom_5833c185be,\n.expandExit_0b56f40702.topStart_4633c88f3d.edgeBottom_5833c185be,\n.expandExit_0b56f40702.topEnd_204fed2dcc.edgeBottom_5833c185be {\n  transform-origin: bottom left;\n}\n.expandAppear_89f5add7a5.top_d626a7000c.edgeTop_a5636b9153, .expandAppear_89f5add7a5.topStart_4633c88f3d.edgeTop_a5636b9153, .expandAppear_89f5add7a5.topEnd_204fed2dcc.edgeTop_a5636b9153,\n.expandExit_0b56f40702.top_d626a7000c.edgeTop_a5636b9153,\n.expandExit_0b56f40702.topStart_4633c88f3d.edgeTop_a5636b9153,\n.expandExit_0b56f40702.topEnd_204fed2dcc.edgeTop_a5636b9153 {\n  transform-origin: bottom right;\n}\n.expandAppear_89f5add7a5.right_777dd56377, .expandAppear_89f5add7a5.rightStart_c1b1201053, .expandAppear_89f5add7a5.rightEnd_a283ec2ec3,\n.expandExit_0b56f40702.right_777dd56377,\n.expandExit_0b56f40702.rightStart_c1b1201053,\n.expandExit_0b56f40702.rightEnd_a283ec2ec3 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_89f5add7a5.right_777dd56377.edgeBottom_5833c185be, .expandAppear_89f5add7a5.rightStart_c1b1201053.edgeBottom_5833c185be, .expandAppear_89f5add7a5.rightEnd_a283ec2ec3.edgeBottom_5833c185be,\n.expandExit_0b56f40702.right_777dd56377.edgeBottom_5833c185be,\n.expandExit_0b56f40702.rightStart_c1b1201053.edgeBottom_5833c185be,\n.expandExit_0b56f40702.rightEnd_a283ec2ec3.edgeBottom_5833c185be {\n  transform-origin: top left;\n}\n.expandAppear_89f5add7a5.right_777dd56377.edgeTop_a5636b9153, .expandAppear_89f5add7a5.rightStart_c1b1201053.edgeTop_a5636b9153, .expandAppear_89f5add7a5.rightEnd_a283ec2ec3.edgeTop_a5636b9153,\n.expandExit_0b56f40702.right_777dd56377.edgeTop_a5636b9153,\n.expandExit_0b56f40702.rightStart_c1b1201053.edgeTop_a5636b9153,\n.expandExit_0b56f40702.rightEnd_a283ec2ec3.edgeTop_a5636b9153 {\n  transform-origin: bottom left;\n}\n.expandAppear_89f5add7a5.bottom_22bffee876, .expandAppear_89f5add7a5.bottomStart_c5812ab7c0, .expandAppear_89f5add7a5.bottomEnd_a889632e36,\n.expandExit_0b56f40702.bottom_22bffee876,\n.expandExit_0b56f40702.bottomStart_c5812ab7c0,\n.expandExit_0b56f40702.bottomEnd_a889632e36 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_89f5add7a5.bottom_22bffee876.edgeBottom_5833c185be, .expandAppear_89f5add7a5.bottomStart_c5812ab7c0.edgeBottom_5833c185be, .expandAppear_89f5add7a5.bottomEnd_a889632e36.edgeBottom_5833c185be,\n.expandExit_0b56f40702.bottom_22bffee876.edgeBottom_5833c185be,\n.expandExit_0b56f40702.bottomStart_c5812ab7c0.edgeBottom_5833c185be,\n.expandExit_0b56f40702.bottomEnd_a889632e36.edgeBottom_5833c185be {\n  transform-origin: top left;\n}\n.expandAppear_89f5add7a5.bottom_22bffee876.edgeTop_a5636b9153, .expandAppear_89f5add7a5.bottomStart_c5812ab7c0.edgeTop_a5636b9153, .expandAppear_89f5add7a5.bottomEnd_a889632e36.edgeTop_a5636b9153,\n.expandExit_0b56f40702.bottom_22bffee876.edgeTop_a5636b9153,\n.expandExit_0b56f40702.bottomStart_c5812ab7c0.edgeTop_a5636b9153,\n.expandExit_0b56f40702.bottomEnd_a889632e36.edgeTop_a5636b9153 {\n  transform-origin: top right;\n}\n.expandAppear_89f5add7a5.left_127a7e44e9, .expandAppear_89f5add7a5.leftStart_01a6b538fa, .expandAppear_89f5add7a5.leftEnd_3389f39aba,\n.expandExit_0b56f40702.left_127a7e44e9,\n.expandExit_0b56f40702.leftStart_01a6b538fa,\n.expandExit_0b56f40702.leftEnd_3389f39aba {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_89f5add7a5.left_127a7e44e9.edgeBottom_5833c185be, .expandAppear_89f5add7a5.leftStart_01a6b538fa.edgeBottom_5833c185be, .expandAppear_89f5add7a5.leftEnd_3389f39aba.edgeBottom_5833c185be,\n.expandExit_0b56f40702.left_127a7e44e9.edgeBottom_5833c185be,\n.expandExit_0b56f40702.leftStart_01a6b538fa.edgeBottom_5833c185be,\n.expandExit_0b56f40702.leftEnd_3389f39aba.edgeBottom_5833c185be {\n  transform-origin: top right;\n}\n.expandAppear_89f5add7a5.left_127a7e44e9.edgeTop_a5636b9153, .expandAppear_89f5add7a5.leftStart_01a6b538fa.edgeTop_a5636b9153, .expandAppear_89f5add7a5.leftEnd_3389f39aba.edgeTop_a5636b9153,\n.expandExit_0b56f40702.left_127a7e44e9.edgeTop_a5636b9153,\n.expandExit_0b56f40702.leftStart_01a6b538fa.edgeTop_a5636b9153,\n.expandExit_0b56f40702.leftEnd_3389f39aba.edgeTop_a5636b9153 {\n  transform-origin: bottom right;\n}\n.expandExit_0b56f40702 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_d1dea1f775 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_d1dea1f775.top_d626a7000c, .expandAppearActive_d1dea1f775.topStart_4633c88f3d, .expandAppearActive_d1dea1f775.topEnd_204fed2dcc, .expandAppearActive_d1dea1f775.bottom_22bffee876, .expandAppearActive_d1dea1f775.bottomStart_c5812ab7c0, .expandAppearActive_d1dea1f775.bottomEnd_a889632e36, .expandAppearActive_d1dea1f775.right_777dd56377, .expandAppearActive_d1dea1f775.rightStart_c1b1201053, .expandAppearActive_d1dea1f775.rightEnd_a283ec2ec3, .expandAppearActive_d1dea1f775.left_127a7e44e9, .expandAppearActive_d1dea1f775.leftStart_01a6b538fa, .expandAppearActive_d1dea1f775.leftEnd_3389f39aba {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_e3e088cee5",sizeSmall:"sizeSmall_7ec0c2e0cc",sizeMedium:"sizeMedium_6625bd71a8",sizeLarge:"sizeLarge_81b7f25070",typePopover:"typePopover_17682f773f",typeModal:"typeModal_5d31e7eab0"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_e3e088cee5:focus {\n  outline: none;\n}\n\n.sizeSmall_7ec0c2e0cc {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_6625bd71a8 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_81b7f25070 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_17682f773f {\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_5d31e7eab0 {\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_0c67946020",sizeSmall:"sizeSmall_eb5fc528d3",sizeMedium:"sizeMedium_a470cd09f9",sizeLarge:"sizeLarge_c944e2a1a3",typePopover:"typePopover_873162ac28",typeModal:"typeModal_6d53d5fdd2"};!function(e){const n="s_id-84014680658e_3_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_0c67946020:focus {\n  outline: none;\n}\n\n.sizeSmall_eb5fc528d3 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_a470cd09f9 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_c944e2a1a3 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_873162ac28 {\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_6d53d5fdd2 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider_3320968c5e",withoutMargin:"withoutMargin_f59b884126",horizontal:"horizontal_1964fd9755",vertical:"vertical_9cd4c740e2"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_3320968c5e {\n  background-color: var(--layout-border-color);\n}\n\n.divider_3320968c5e.withoutMargin_f59b884126 {\n  margin: 0;\n}\n\n.horizontal_1964fd9755 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_9cd4c740e2 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_b9ce3b5f8f",withoutMargin:"withoutMargin_75d70cc47c",horizontal:"horizontal_5f350e18c2",vertical:"vertical_3db1ba5f91"};!function(e){const n="s_id-290500f5721e_3_0_0-beta_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_b9ce3b5f8f {\n  background-color: var(--layout-border-color);\n}\n\n.divider_b9ce3b5f8f.withoutMargin_75d70cc47c {\n  margin: 0;\n}\n\n.horizontal_5f350e18c2 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_3db1ba5f91 {\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 CHANGED Viewed

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

package/dist/src/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport BaseSelect from \"react-select/base/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","import","then","module","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","import","then","module","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

package/dist/src/components/Dropdown/Dropdown.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_cd58a08c31"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_cd58a08c31 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_cd58a08c31 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_cd58a08c31 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_cd58a08c31 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_cd58a08c31 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_cd58a08c31 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown_77136d5610"};!function(o){const n="s_id-9c014db6980d_3_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_77136d5610 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_77136d5610 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_77136d5610 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_77136d5610 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_77136d5610 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_77136d5610 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.styles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},c=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},l=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r)}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,c=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(c))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),l()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},g=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,l=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},c(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:l?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},m=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},c(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,c){var u=c.isDisabled,f=c.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),l()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var c={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),c),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),c),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),c),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),l()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:g(o),clearIndicator:m(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),l()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),l()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(c=o,v=c.controlRef,y=c.insideOverflowContainer,C=c.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var c,l="-".concat(null===(c=t(null==v?void 0:v.current))||void 0===c?void 0:c.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(l),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,c,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
+import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},l=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},c=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r),fontFamily:e("font-family")}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,l=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(l))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),c()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},m=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,c=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},l(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:c?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},g=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},l(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,l){var u=l.isDisabled,f=l.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),c()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var l={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),l),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),l),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),l),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),c()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:m(o),clearIndicator:g(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),c()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,C=l.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var l,c="-".concat(null===(l=t(null==v?void 0:v.current))||void 0===l?void 0:l.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(c),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,l,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map

package/dist/src/components/Dropdown/Dropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({ fontSize: getSingleValueTextSize(size), lineHeight: getSingleValueTextSize(size) });\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({\n fontSize: getSingleValueTextSize(size),\n lineHeight: getSingleValueTextSize(size),\n fontFamily: getCSSVar(\"font-family\")\n});\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","fontFamily","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

package/dist/src/components/Dropdown/DropdownConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=function(o){return o},n=["container","control","valueContainer"],t="dropdown-menu-id",e="dropdown-menu-list-id",r="Dropdown menu",i="Dropdown input",d={PRIMARY:"primary",NEGATIVE:"negative",POSITIVE:"positive"},p={ABSOLUTE:"absolute",FIXED:"fixed"},u={TOP:"top",BOTTOM:"bottom",AUTO:"auto"};export{n as ADD_AUTO_HEIGHT_COMPONENTS,d as DROPDOWN_CHIP_COLORS,t as DROPDOWN_ID,i as DROPDOWN_INPUT_ARIA_LABEL,r as DROPDOWN_MENU_ARIA_LABEL,e as DROPDOWN_MENU_ID,u as DROPDOWN_MENU_PLACEMENT,p as DROPDOWN_MENU_POSITION,o as defaultCustomStyles};
+var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
 //# sourceMappingURL=DropdownConstants.js.map

package/dist/src/components/Dropdown/DropdownConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport ~~const~~ DROPDOWN_CHIP_COLORS = {\n PRIMARY: \"primary\",\n NEGATIVE: \"negative\",\n POSITIVE: \"positive\"\n};\n\n/\n @deprecated\n /\nexport ~~const~~ DROPDOWN_MENU_POSITION = {\n ABSOLUTE: \"absolute\",\n FIXED: \"fixed\"\n};\n\n/\n @deprecated\n */\nexport ~~const~~ DROPDOWN_MENU_PLACEMENT = {\n TOP: \"top\",\n BOTTOM: \"bottom\",\n AUTO: \"auto\"\n};\n"],"names":["~~defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL","~~DROPDOWN_CHIP_COLORS","~~PRIMARY~~","~~NEGATIVE~~","~~POSITIVE~~","~~DROPDOWN_MENU_POSITION~~","~~ABSOLUTE~~","~~FIXED~~","~~DROPDOWN_MENU_PLACEMENT~~","~~TOP~~","~~BOTTOM~~"~~,"AUTO"~~],"mappings":"~~IAAaA~~,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,~~iBAK5BC~~,~~EAAuB~~,~~CAClCC~~,~~QAAS~~,~~UACTC~~,~~SAAU~~,~~WACVC~~,~~SAAU~~,~~YAMCC~~,~~EAAyB~~,~~CACpCC~~,~~SAAU~~,~~WACVC~~,~~MAAO~~,~~SAMIC~~,~~EAA0B~~,~~CACrCC~~,~~IAAK~~,~~MACLC~~,~~OAAQ~~,~~SACRC~~,~~KAAM~~"}
1	+ {"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport enum DROPDOWN_CHIP_COLORS {\n PRIMARY = \"primary\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\n/\n @deprecated\n /\nexport enum DROPDOWN_MENU_POSITION {\n ABSOLUTE = \"absolute\",\n FIXED = \"fixed\"\n}\n\n/\n @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n TOP = \"top\",\n BOTTOM = \"bottom\",\n AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}