npm - @vibe/core - Versions diffs - 3.54.2 → 3.55.0 - Mend

@vibe/core 3.54.2 → 3.55.0

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

Files changed (522) hide show

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_54_1";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_54_2";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 a={arrow:"arrow_17c76a7a43"};!function(a){const e="s_id-3fb64cda561a_3_54_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow_17c76a7a43 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_17c76a7a43[data-placement*=right], .black-app-theme .arrow_17c76a7a43[data-placement*=right], .hacker-app-theme .arrow_17c76a7a43[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_17c76a7a43[data-placement*=left], .black-app-theme .arrow_17c76a7a43[data-placement*=left], .hacker-app-theme .arrow_17c76a7a43[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_17c76a7a43[data-placement*=bottom], .black-app-theme .arrow_17c76a7a43[data-placement*=bottom], .hacker-app-theme .arrow_17c76a7a43[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_17c76a7a43[data-placement*=top], .black-app-theme .arrow_17c76a7a43[data-placement*=top], .hacker-app-theme .arrow_17c76a7a43[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_17c76a7a43[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_17c76a7a43[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_17c76a7a43[data-placement*=left] {\n  right: 1px;\n}\n.arrow_17c76a7a43[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+var e={arrow:"arrow_6fe6cfefe5"};!function(e){const a="s_id-3fb64cda561a_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".arrow_6fe6cfefe5 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_6fe6cfefe5[data-placement*=right], .black-app-theme .arrow_6fe6cfefe5[data-placement*=right], .hacker-app-theme .arrow_6fe6cfefe5[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6fe6cfefe5[data-placement*=left], .black-app-theme .arrow_6fe6cfefe5[data-placement*=left], .hacker-app-theme .arrow_6fe6cfefe5[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6fe6cfefe5[data-placement*=bottom], .black-app-theme .arrow_6fe6cfefe5[data-placement*=bottom], .hacker-app-theme .arrow_6fe6cfefe5[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6fe6cfefe5[data-placement*=top], .black-app-theme .arrow_6fe6cfefe5[data-placement*=top], .hacker-app-theme .arrow_6fe6cfefe5[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_6fe6cfefe5[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_6fe6cfefe5[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_6fe6cfefe5[data-placement*=left] {\n  right: 1px;\n}\n.arrow_6fe6cfefe5[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as a,useCallback as r,useEffect as i,cloneElement as s}from"react";import n from"classnames";import{camelCase as p}from"lodash-es";import{CSSTransition as l}from"react-transition-group";import c from"../../../hooks/useClickOutside/index.js";import{chainFunctions as d,NOOP as m}from"../../../utils/function-utils.js";import u from"../../../hooks/useKeyEvent/index.js";import{keyCodes as f}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";import y from"./DialogContent.module.scss.js";import k from"../../../hooks/useDisableScroll/index.js";var C={},x=[f.ESCAPE],h=t((function(t,f){var h=t.onEsc,E=void 0===h?m:h,b=t.children,j=t.position,A=t.wrapperClassName,g=t.isOpen,M=void 0!==g&&g,S=t.startingEdge,N=t.animationType,O=void 0===N?"expand":N,w=t.onMouseEnter,D=void 0===w?m:w,H=t.onMouseLeave,L=void 0===H?m:H,P=t.onClickOutside,T=void 0===P?m:P,_=t.onClick,z=void 0===_?m:_,B=t.onContextMenu,K=void 0===B?m:B,R=t.showDelay,W=t.styleObject,q=void 0===W?C:W,F=t.isReferenceHidden,G=t.hasTooltip,I=void 0!==G&&G,J=t.containerSelector,Q=t.disableContainerScroll,U=void 0!==Q&&Q,V=t["data-testid"],X=a(null),Y=r((function(e){if(M)return T(e,"clickoutside")}),[M,T]),Z=r((function(e){M&&K(e)}),[M,K]);u({keys:x,callback:E}),c({callback:Y,ref:X}),c({eventName:"contextmenu",callback:Z,ref:X});var $=k("string"==typeof U?U:J),ee=$.disableScroll,oe=$.enableScroll;i((function(){U&&(M?ee():oe())}),[U,ee,oe,M]);var te={classNames:void 0};switch(O){case"expand":te.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":te.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}return o.createElement("span",{className:n("monday-style-dialog-content-wrapper",y.contentWrapper,A),ref:f,"data-testid":V,style:q,onClickCapture:z,"data-popper-reference-hidden":F},o.createElement(l,Object.assign({},te,{in:M,appear:!!O,timeout:R}),o.createElement("div",{className:n(y.contentComponent,v(y,p(j)),e(e({},v(y,p("edge-"+S)),S),y.hasTooltip,I)),ref:X},o.Children.toArray(b).map((function(e){return s(e,{onMouseEnter:d([e.props.onMouseEnter,D]),onMouseLeave:d([e.props.onMouseLeave,L])})})))))}));export{h as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as a,useCallback as s,useEffect as r,cloneElement as i}from"react";import n from"classnames";import{camelCase as p}from"lodash-es";import{CSSTransition as l}from"react-transition-group";import c from"../../../hooks/useClickOutside/index.js";import{chainFunctions as d,NOOP as m}from"../../../utils/function-utils.js";import u from"../../../hooks/useKeyEvent/index.js";import{keyCodes as f}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";import y from"./DialogContent.module.scss.js";import k from"../../../hooks/useDisableScroll/index.js";var C={},x=[f.ESCAPE],h=t((function(t,f){var h=t.onEsc,E=void 0===h?m:h,b=t.children,j=t.position,A=t.wrapperClassName,N=t.isOpen,g=void 0!==N&&N,M=t.startingEdge,S=t.animationType,w=void 0===S?"expand":S,O=t.onMouseEnter,D=void 0===O?m:O,H=t.onMouseLeave,L=void 0===H?m:H,P=t.onClickOutside,T=void 0===P?m:P,R=t.onClick,_=void 0===R?m:R,z=t.onContextMenu,B=void 0===z?m:z,K=t.showDelay,W=t.styleObject,q=void 0===W?C:W,F=t.isReferenceHidden,G=t.hasTooltip,I=void 0!==G&&G,J=t.containerSelector,Q=t.disableContainerScroll,U=void 0!==Q&&Q,V=t["data-testid"],X=a(null),Y=s((function(e){if(g)return T(e,"clickoutside")}),[g,T]),Z=s((function(e){g&&B(e)}),[g,B]);u({keys:x,callback:E}),c({callback:Y,ref:X}),c({eventName:"contextmenu",callback:Z,ref:X});var $=k("string"==typeof U?U:J),ee=$.disableScroll,oe=$.enableScroll;r((function(){U&&(g?ee():oe())}),[U,ee,oe,g]);var te={classNames:void 0};switch(w){case"expand":te.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":te.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}return o.createElement("span",{className:n("monday-style-dialog-content-wrapper",y.contentWrapper,A),ref:f,"data-testid":V,style:q,onClickCapture:_,"data-popper-reference-hidden":F},o.createElement(l,{classNames:te.classNames,nodeRef:X,in:g,appear:!!w,timeout:K},o.createElement("div",{className:n(y.contentComponent,v(y,p(j)),e(e({},v(y,p("edge-"+M)),M),y.hasTooltip,I)),ref:X},o.Children.toArray(b).map((function(e){return i(e,{onMouseEnter:d([e.props.onMouseEnter,D]),onMouseLeave:d([e.props.onMouseLeave,L])})})))))}));export{h as default};
 //# sourceMappingURL=DialogContent.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogContent.js","sources":["../../../../../src/components/Dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, { cloneElement, CSSProperties, forwardRef, ReactElement, useCallback, useEffect, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport { chainFunctions, NOOP } from \"../../../utils/function-utils\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { keyCodes } from \"../../../constants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog.types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n /*\n The content inside the dialog.\n /\n children?: ReactElement \| ReactElement[];\n /\n The placement of the dialog relative to the reference element.\n /\n position?: PopperJS.Placement;\n /\n Class name applied to the dialog wrapper.\n /\n wrapperClassName?: string;\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n // TODO: [breaking] use type\n /\n The starting edge of the dialog.\n /\n startingEdge?: any;\n /\n The animation type used for showing/hiding the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Callback fired when the Escape key is pressed.\n /\n onEsc?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse enters the dialog.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse leaves the dialog.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n /\n Callback fired when clicking inside the dialog.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Delay before showing the dialog.\n /\n showDelay?: number;\n /\n Inline styles applied to the dialog.\n /\n styleObject?: CSSProperties;\n /\n If true, hides the reference element when the dialog is shown.\n /\n isReferenceHidden?: boolean;\n /\n If true, applies tooltip arrow to the dialog.\n /\n hasTooltip?: boolean;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n containerSelector?: string;\n /\n If true, disables scrolling in the container when the dialog is open.\n /\n disableContainerScroll?: boolean \| string;\n /\n Callback fired when the context menu (right-click) event occurs outside the dialog.\n */\n onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef(\n (\n {\n onEsc = NOOP,\n children,\n position,\n wrapperClassName,\n isOpen = false,\n startingEdge,\n animationType = \"expand\",\n onMouseEnter = NOOP,\n onMouseLeave = NOOP,\n onClickOutside = NOOP,\n onClick = NOOP,\n onContextMenu = NOOP,\n showDelay,\n styleObject = EMPTY_OBJECT,\n isReferenceHidden,\n hasTooltip = false,\n containerSelector,\n disableContainerScroll = false,\n \"data-testid\": dataTestId\n }: DialogContentProps,\n forwardRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef(null);\n const onOutSideClick = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n return onClickOutside(event, \"clickoutside\");\n }\n },\n [isOpen, onClickOutside]\n );\n const overrideOnContextMenu = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n onContextMenu(event);\n }\n },\n [isOpen, onContextMenu]\n );\n useKeyEvent({ keys: ESCAPE_KEYS, callback: onEsc });\n useClickOutside({ callback: onOutSideClick, ref });\n useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref });\n const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n useEffect(() => {\n if (disableContainerScroll) {\n if (isOpen) {\n disableScroll();\n } else {\n enableScroll();\n }\n }\n }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n switch (animationType) {\n case \"expand\":\n transitionOptions.classNames = {\n appear: styles.expandAppear,\n appearActive: styles.expandAppearActive,\n exit: styles.expandExit\n };\n break;\n case \"opacity-and-slide\":\n transitionOptions.classNames = {\n appear: styles.opacitySlideAppear,\n appearActive: styles.opacitySlideAppearActive\n };\n break;\n }\n return (\n <span\n // don't remove old classname - override from Monolith\n className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n ref={forwardRef}\n data-testid={dataTestId}\n style={styleObject}\n onClickCapture={onClick}\n data-popper-reference-hidden={isReferenceHidden}\n >\n <CSSTransition {...transitionOptions} in={isOpen} appear={!!animationType} timeout={showDelay}>\n <div\n className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n [styles.hasTooltip]: hasTooltip\n })}\n ref={ref}\n >\n {React.Children.toArray(children).map((child: ReactElement) => {\n return cloneElement(child, {\n onMouseEnter: chainFunctions([child.props.onMouseEnter, onMouseEnter]),\n onMouseLeave: chainFunctions([child.props.onMouseLeave, onMouseLeave])\n });\n })}\n </div>\n </CSSTransition>\n </span>\n );\n }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","_ref","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","ref","useRef","onOutSideClick","useCallback","event","overrideOnContextMenu","useKeyEvent","keys","callback","useClickOutside","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","React","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","Object","assign","in","timeout","contentComponent","getStyle","camelCase","_defineProperty","Children","toArray","map","child","cloneElement","chainFunctions","props"],"mappings":"ivBAgBA,IAAMA,EAAe,CAAA,EACfC,EAAc,CAACC,EAASC,QA8ExBC,EAAgBC,GACpB,SAAAC,EAsBED,GACE,IAAAE,EAAAD,EArBAE,MAAAA,OAAQC,IAAHF,EAAGE,EAAIF,EACZG,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAgBN,EAAhBM,iBAAgBC,EAAAP,EAChBQ,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAYT,EAAZS,aAAYC,EAAAV,EACZW,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAZ,EACxBa,aAAAA,OAAeV,IAAHS,EAAGT,EAAIS,EAAAE,EAAAd,EACnBe,aAAAA,OAAeZ,IAAHW,EAAGX,EAAIW,EAAAE,EAAAhB,EACnBiB,eAAAA,OAAiBd,IAAHa,EAAGb,EAAIa,EAAAE,EAAAlB,EACrBmB,QAAAA,OAAUhB,IAAHe,EAAGf,EAAIe,EAAAE,EAAApB,EACdqB,cAAAA,OAAgBlB,IAAHiB,EAAGjB,EAAIiB,EACpBE,EAAStB,EAATsB,UAASC,EAAAvB,EACTwB,YAAAA,OAAc9B,IAAH6B,EAAG7B,EAAY6B,EAC1BE,EAAiBzB,EAAjByB,kBAAiBC,EAAA1B,EACjB2B,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiB5B,EAAjB4B,kBAAiBC,EAAA7B,EACjB8B,uBAAAA,OAAyB,IAAHD,GAAQA,EACfE,EAAU/B,EAAzB,eAIIgC,EAAMC,EAAO,MACbC,EAAiBC,GACrB,SAACC,GACC,GAAI5B,EACF,OAAOS,EAAemB,EAAO,eAEjC,GACA,CAAC5B,EAAQS,IAELoB,EAAwBF,GAC5B,SAACC,GACK5B,GACFa,EAAce,EAElB,GACA,CAAC5B,EAAQa,IAEXiB,EAAY,CAAEC,KAAM5C,EAAa6C,SAAUtC,IAC3CuC,EAAgB,CAAED,SAAUN,EAAgBF,IAAAA,IAC5CS,EAAgB,CAAEC,UAAW,cAAeF,SAAUH,EAAuBL,IAAAA,IAC7E,IACAW,EAAwCC,EADoB,iBAA3Bd,EAAsCA,EAAyBF,GACxFiB,GAAaF,EAAbE,cAAeC,GAAYH,EAAZG,aAEvBC,GAAU,WACJjB,IACEtB,EACFqC,KAEAC,KAGL,GAAE,CAAChB,EAAwBe,GAAeC,GAActC,IAEzD,IAAMwC,GAAiD,CAAEC,gBAAYC,GAErE,OAAQvC,GACN,IAAK,SACHqC,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOC,aACfC,aAAcF,EAAOG,mBACrBC,KAAMJ,EAAOK,YAEf,MACF,IAAK,oBACHT,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOM,mBACfJ,aAAcF,EAAOO,0BAI3B,OACEC,EAAAC,cAAA,OAAA,CAEEC,UAAWC,EAAG,sCAAuCX,EAAOY,eAAgB1D,GAC5E0B,IAAKjC,EAAU,cACFgC,EACbkC,MAAOzC,EACP0C,eAAgB/C,EAAO,+BACOM,GAE9BmC,EAAAC,cAACM,EAAkBC,OAAAC,OAAA,CAAA,EAAArB,GAAmB,CAAAsB,GAAI9D,EAAQ2C,SAAUxC,EAAe4D,QAASjD,IAClFsC,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGX,EAAOoB,iBAAkBC,EAASrB,EAAQsB,EAAUrE,IAAUsE,EAAAA,EACzEF,GAAAA,EAASrB,EAAQsB,EAAU,QAAUjE,IAAiBA,GACtD2C,EAAOzB,WAAaA,IAEvBK,IAAKA,GAEJ4B,EAAMgB,SAASC,QAAQzE,GAAU0E,KAAI,SAACC,GACrC,OAAOC,EAAaD,EAAO,CACzBlE,aAAcoE,EAAe,CAACF,EAAMG,MAAMrE,aAAcA,IACxDE,aAAckE,EAAe,CAACF,EAAMG,MAAMnE,aAAcA,WAOtE"}
1	+ {"version":3,"file":"DialogContent.js","sources":["../../../../../src/components/Dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, { cloneElement, CSSProperties, forwardRef, ReactElement, useCallback, useEffect, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport { chainFunctions, NOOP } from \"../../../utils/function-utils\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { keyCodes } from \"../../../constants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog.types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n /*\n The content inside the dialog.\n /\n children?: ReactElement \| ReactElement[];\n /\n The placement of the dialog relative to the reference element.\n /\n position?: PopperJS.Placement;\n /\n Class name applied to the dialog wrapper.\n /\n wrapperClassName?: string;\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n // TODO: [breaking] use type\n /\n The starting edge of the dialog.\n /\n startingEdge?: any;\n /\n The animation type used for showing/hiding the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Callback fired when the Escape key is pressed.\n /\n onEsc?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse enters the dialog.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse leaves the dialog.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n /\n Callback fired when clicking inside the dialog.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Delay before showing the dialog.\n /\n showDelay?: number;\n /\n Inline styles applied to the dialog.\n /\n styleObject?: CSSProperties;\n /\n If true, hides the reference element when the dialog is shown.\n /\n isReferenceHidden?: boolean;\n /\n If true, applies tooltip arrow to the dialog.\n /\n hasTooltip?: boolean;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n containerSelector?: string;\n /\n If true, disables scrolling in the container when the dialog is open.\n /\n disableContainerScroll?: boolean \| string;\n /\n Callback fired when the context menu (right-click) event occurs outside the dialog.\n */\n onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef(\n (\n {\n onEsc = NOOP,\n children,\n position,\n wrapperClassName,\n isOpen = false,\n startingEdge,\n animationType = \"expand\",\n onMouseEnter = NOOP,\n onMouseLeave = NOOP,\n onClickOutside = NOOP,\n onClick = NOOP,\n onContextMenu = NOOP,\n showDelay,\n styleObject = EMPTY_OBJECT,\n isReferenceHidden,\n hasTooltip = false,\n containerSelector,\n disableContainerScroll = false,\n \"data-testid\": dataTestId\n }: DialogContentProps,\n forwardRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef<HTMLDivElement>(null);\n const onOutSideClick = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n return onClickOutside(event, \"clickoutside\");\n }\n },\n [isOpen, onClickOutside]\n );\n const overrideOnContextMenu = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n onContextMenu(event);\n }\n },\n [isOpen, onContextMenu]\n );\n useKeyEvent({ keys: ESCAPE_KEYS, callback: onEsc });\n useClickOutside({ callback: onOutSideClick, ref });\n useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref });\n const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n useEffect(() => {\n if (disableContainerScroll) {\n if (isOpen) {\n disableScroll();\n } else {\n enableScroll();\n }\n }\n }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n switch (animationType) {\n case \"expand\":\n transitionOptions.classNames = {\n appear: styles.expandAppear,\n appearActive: styles.expandAppearActive,\n exit: styles.expandExit\n };\n break;\n case \"opacity-and-slide\":\n transitionOptions.classNames = {\n appear: styles.opacitySlideAppear,\n appearActive: styles.opacitySlideAppearActive\n };\n break;\n }\n return (\n <span\n // don't remove old classname - override from Monolith\n className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n ref={forwardRef}\n data-testid={dataTestId}\n style={styleObject}\n onClickCapture={onClick}\n data-popper-reference-hidden={isReferenceHidden}\n >\n <CSSTransition\n classNames={transitionOptions.classNames}\n nodeRef={ref}\n in={isOpen}\n appear={!!animationType}\n timeout={showDelay}\n >\n <div\n className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n [styles.hasTooltip]: hasTooltip\n })}\n ref={ref}\n >\n {React.Children.toArray(children).map((child: ReactElement) => {\n return cloneElement(child, {\n onMouseEnter: chainFunctions([child.props.onMouseEnter, onMouseEnter]),\n onMouseLeave: chainFunctions([child.props.onMouseLeave, onMouseLeave])\n });\n })}\n </div>\n </CSSTransition>\n </span>\n );\n }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","_ref","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","ref","useRef","onOutSideClick","useCallback","event","overrideOnContextMenu","useKeyEvent","keys","callback","useClickOutside","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","React","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","nodeRef","in","timeout","contentComponent","getStyle","camelCase","_defineProperty","Children","toArray","map","child","cloneElement","chainFunctions","props"],"mappings":"ivBAgBA,IAAMA,EAAe,CAAA,EACfC,EAAc,CAACC,EAASC,QA8ExBC,EAAgBC,GACpB,SAAAC,EAsBED,GACE,IAAAE,EAAAD,EArBAE,MAAAA,OAAQC,IAAHF,EAAGE,EAAIF,EACZG,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAgBN,EAAhBM,iBAAgBC,EAAAP,EAChBQ,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAYT,EAAZS,aAAYC,EAAAV,EACZW,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAZ,EACxBa,aAAAA,OAAeV,IAAHS,EAAGT,EAAIS,EAAAE,EAAAd,EACnBe,aAAAA,OAAeZ,IAAHW,EAAGX,EAAIW,EAAAE,EAAAhB,EACnBiB,eAAAA,OAAiBd,IAAHa,EAAGb,EAAIa,EAAAE,EAAAlB,EACrBmB,QAAAA,OAAUhB,IAAHe,EAAGf,EAAIe,EAAAE,EAAApB,EACdqB,cAAAA,OAAgBlB,IAAHiB,EAAGjB,EAAIiB,EACpBE,EAAStB,EAATsB,UAASC,EAAAvB,EACTwB,YAAAA,OAAc9B,IAAH6B,EAAG7B,EAAY6B,EAC1BE,EAAiBzB,EAAjByB,kBAAiBC,EAAA1B,EACjB2B,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiB5B,EAAjB4B,kBAAiBC,EAAA7B,EACjB8B,uBAAAA,OAAyB,IAAHD,GAAQA,EACfE,EAAU/B,EAAzB,eAIIgC,EAAMC,EAAuB,MAC7BC,EAAiBC,GACrB,SAACC,GACC,GAAI5B,EACF,OAAOS,EAAemB,EAAO,eAEjC,GACA,CAAC5B,EAAQS,IAELoB,EAAwBF,GAC5B,SAACC,GACK5B,GACFa,EAAce,EAElB,GACA,CAAC5B,EAAQa,IAEXiB,EAAY,CAAEC,KAAM5C,EAAa6C,SAAUtC,IAC3CuC,EAAgB,CAAED,SAAUN,EAAgBF,IAAAA,IAC5CS,EAAgB,CAAEC,UAAW,cAAeF,SAAUH,EAAuBL,IAAAA,IAC7E,IACAW,EAAwCC,EADoB,iBAA3Bd,EAAsCA,EAAyBF,GACxFiB,GAAaF,EAAbE,cAAeC,GAAYH,EAAZG,aAEvBC,GAAU,WACJjB,IACEtB,EACFqC,KAEAC,KAGL,GAAE,CAAChB,EAAwBe,GAAeC,GAActC,IAEzD,IAAMwC,GAAiD,CAAEC,gBAAYC,GAErE,OAAQvC,GACN,IAAK,SACHqC,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOC,aACfC,aAAcF,EAAOG,mBACrBC,KAAMJ,EAAOK,YAEf,MACF,IAAK,oBACHT,GAAkBC,WAAa,CAC7BE,OAAQC,EAAOM,mBACfJ,aAAcF,EAAOO,0BAI3B,OACEC,EAAAC,cAAA,OAAA,CAEEC,UAAWC,EAAG,sCAAuCX,EAAOY,eAAgB1D,GAC5E0B,IAAKjC,EAAU,cACFgC,EACbkC,MAAOzC,EACP0C,eAAgB/C,EAAO,+BACOM,GAE9BmC,EAACC,cAAAM,EACC,CAAAlB,WAAYD,GAAkBC,WAC9BmB,QAASpC,EACTqC,GAAI7D,EACJ2C,SAAUxC,EACV2D,QAAShD,GAETsC,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGX,EAAOmB,iBAAkBC,EAASpB,EAAQqB,EAAUpE,IAAUqE,EAAAA,EACzEF,GAAAA,EAASpB,EAAQqB,EAAU,QAAUhE,IAAiBA,GACtD2C,EAAOzB,WAAaA,IAEvBK,IAAKA,GAEJ4B,EAAMe,SAASC,QAAQxE,GAAUyE,KAAI,SAACC,GACrC,OAAOC,EAAaD,EAAO,CACzBjE,aAAcmE,EAAe,CAACF,EAAMG,MAAMpE,aAAcA,IACxDE,aAAciE,EAAe,CAACF,EAAMG,MAAMlE,aAAcA,WAOtE"}

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

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_2ee0ac148e",top:"top_25cca18ef9",right:"right_be862f91aa",left:"left_bf8998c3aa",bottom:"bottom_3a14cc990d",bottomStart:"bottomStart_a2c5bac605",topStart:"topStart_68f43e8813",bottomEnd:"bottomEnd_4d5a5c1d80",topEnd:"topEnd_1ff34f9646",leftStart:"leftStart_0b34297e55",rightStart:"rightStart_bb08f4e721",leftEnd:"leftEnd_f78ea1b646",rightEnd:"rightEnd_5f3a05e6df",contentComponent:"contentComponent_2ee0ac148e",hasTooltip:"hasTooltip_a68781383f",opacitySlideAppear:"opacitySlideAppear_bb3ec53af5",opacitySlideAppearActive:"opacitySlideAppearActive_10f3fdd6d9",expandAppear:"expandAppear_73361bcdf6",expandExit:"expandExit_77b1695017",edgeBottom:"edgeBottom_fc4e3af9c8",edgeTop:"edgeTop_ea6a488255",expandAppearActive:"expandAppearActive_2648ea59f9"};!function(e){const a="s_id-ca4097b848ab_3_54_1";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_2ee0ac148e {\n  outline: 0;\n}\n.contentWrapper_2ee0ac148e.top_25cca18ef9, .contentWrapper_2ee0ac148e.right_be862f91aa, .contentWrapper_2ee0ac148e.left_bf8998c3aa, .contentWrapper_2ee0ac148e.bottom_3a14cc990d {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.bottomStart_a2c5bac605, .contentWrapper_2ee0ac148e.topStart_68f43e8813, .contentWrapper_2ee0ac148e.bottomEnd_4d5a5c1d80, .contentWrapper_2ee0ac148e.topEnd_1ff34f9646 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.bottomStart_a2c5bac605, .contentWrapper_2ee0ac148e.topStart_68f43e8813 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.bottomEnd_4d5a5c1d80, .contentWrapper_2ee0ac148e.topEnd_1ff34f9646 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.leftStart_0b34297e55, .contentWrapper_2ee0ac148e.rightStart_bb08f4e721, .contentWrapper_2ee0ac148e.leftEnd_f78ea1b646, .contentWrapper_2ee0ac148e.rightEnd_5f3a05e6df {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.leftStart_0b34297e55, .contentWrapper_2ee0ac148e.rightStart_bb08f4e721 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e.leftEnd_f78ea1b646, .contentWrapper_2ee0ac148e.rightEnd_5f3a05e6df {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_2ee0ac148e[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_2ee0ac148e:focus {\n  outline: none;\n}\n.contentComponent_2ee0ac148e.hasTooltip_a68781383f {\n  padding: 6px;\n}\n.opacitySlideAppear_bb3ec53af5 {\n  opacity: 0;\n}\n.opacitySlideAppear_bb3ec53af5.top_25cca18ef9 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_bb3ec53af5.right_be862f91aa {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_bb3ec53af5.bottom_3a14cc990d {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_bb3ec53af5.left_bf8998c3aa {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_10f3fdd6d9 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_10f3fdd6d9.top_25cca18ef9, .opacitySlideAppearActive_10f3fdd6d9.bottom_3a14cc990d {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_10f3fdd6d9.right_be862f91aa, .opacitySlideAppearActive_10f3fdd6d9.left_bf8998c3aa {\n  transform: translateX(0);\n}\n.expandAppear_73361bcdf6,\n.expandExit_77b1695017 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_73361bcdf6.top_25cca18ef9, .expandAppear_73361bcdf6.topStart_68f43e8813, .expandAppear_73361bcdf6.topEnd_1ff34f9646,\n.expandExit_77b1695017.top_25cca18ef9,\n.expandExit_77b1695017.topStart_68f43e8813,\n.expandExit_77b1695017.topEnd_1ff34f9646 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_73361bcdf6.top_25cca18ef9.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.topStart_68f43e8813.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.topEnd_1ff34f9646.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.top_25cca18ef9.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.topStart_68f43e8813.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.topEnd_1ff34f9646.edgeBottom_fc4e3af9c8 {\n  transform-origin: bottom left;\n}\n.expandAppear_73361bcdf6.top_25cca18ef9.edgeTop_ea6a488255, .expandAppear_73361bcdf6.topStart_68f43e8813.edgeTop_ea6a488255, .expandAppear_73361bcdf6.topEnd_1ff34f9646.edgeTop_ea6a488255,\n.expandExit_77b1695017.top_25cca18ef9.edgeTop_ea6a488255,\n.expandExit_77b1695017.topStart_68f43e8813.edgeTop_ea6a488255,\n.expandExit_77b1695017.topEnd_1ff34f9646.edgeTop_ea6a488255 {\n  transform-origin: bottom right;\n}\n.expandAppear_73361bcdf6.right_be862f91aa, .expandAppear_73361bcdf6.rightStart_bb08f4e721, .expandAppear_73361bcdf6.rightEnd_5f3a05e6df,\n.expandExit_77b1695017.right_be862f91aa,\n.expandExit_77b1695017.rightStart_bb08f4e721,\n.expandExit_77b1695017.rightEnd_5f3a05e6df {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_73361bcdf6.right_be862f91aa.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.rightStart_bb08f4e721.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.rightEnd_5f3a05e6df.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.right_be862f91aa.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.rightStart_bb08f4e721.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.rightEnd_5f3a05e6df.edgeBottom_fc4e3af9c8 {\n  transform-origin: top left;\n}\n.expandAppear_73361bcdf6.right_be862f91aa.edgeTop_ea6a488255, .expandAppear_73361bcdf6.rightStart_bb08f4e721.edgeTop_ea6a488255, .expandAppear_73361bcdf6.rightEnd_5f3a05e6df.edgeTop_ea6a488255,\n.expandExit_77b1695017.right_be862f91aa.edgeTop_ea6a488255,\n.expandExit_77b1695017.rightStart_bb08f4e721.edgeTop_ea6a488255,\n.expandExit_77b1695017.rightEnd_5f3a05e6df.edgeTop_ea6a488255 {\n  transform-origin: bottom left;\n}\n.expandAppear_73361bcdf6.bottom_3a14cc990d, .expandAppear_73361bcdf6.bottomStart_a2c5bac605, .expandAppear_73361bcdf6.bottomEnd_4d5a5c1d80,\n.expandExit_77b1695017.bottom_3a14cc990d,\n.expandExit_77b1695017.bottomStart_a2c5bac605,\n.expandExit_77b1695017.bottomEnd_4d5a5c1d80 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_73361bcdf6.bottom_3a14cc990d.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.bottomStart_a2c5bac605.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.bottomEnd_4d5a5c1d80.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.bottom_3a14cc990d.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.bottomStart_a2c5bac605.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.bottomEnd_4d5a5c1d80.edgeBottom_fc4e3af9c8 {\n  transform-origin: top left;\n}\n.expandAppear_73361bcdf6.bottom_3a14cc990d.edgeTop_ea6a488255, .expandAppear_73361bcdf6.bottomStart_a2c5bac605.edgeTop_ea6a488255, .expandAppear_73361bcdf6.bottomEnd_4d5a5c1d80.edgeTop_ea6a488255,\n.expandExit_77b1695017.bottom_3a14cc990d.edgeTop_ea6a488255,\n.expandExit_77b1695017.bottomStart_a2c5bac605.edgeTop_ea6a488255,\n.expandExit_77b1695017.bottomEnd_4d5a5c1d80.edgeTop_ea6a488255 {\n  transform-origin: top right;\n}\n.expandAppear_73361bcdf6.left_bf8998c3aa, .expandAppear_73361bcdf6.leftStart_0b34297e55, .expandAppear_73361bcdf6.leftEnd_f78ea1b646,\n.expandExit_77b1695017.left_bf8998c3aa,\n.expandExit_77b1695017.leftStart_0b34297e55,\n.expandExit_77b1695017.leftEnd_f78ea1b646 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_73361bcdf6.left_bf8998c3aa.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.leftStart_0b34297e55.edgeBottom_fc4e3af9c8, .expandAppear_73361bcdf6.leftEnd_f78ea1b646.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.left_bf8998c3aa.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.leftStart_0b34297e55.edgeBottom_fc4e3af9c8,\n.expandExit_77b1695017.leftEnd_f78ea1b646.edgeBottom_fc4e3af9c8 {\n  transform-origin: top right;\n}\n.expandAppear_73361bcdf6.left_bf8998c3aa.edgeTop_ea6a488255, .expandAppear_73361bcdf6.leftStart_0b34297e55.edgeTop_ea6a488255, .expandAppear_73361bcdf6.leftEnd_f78ea1b646.edgeTop_ea6a488255,\n.expandExit_77b1695017.left_bf8998c3aa.edgeTop_ea6a488255,\n.expandExit_77b1695017.leftStart_0b34297e55.edgeTop_ea6a488255,\n.expandExit_77b1695017.leftEnd_f78ea1b646.edgeTop_ea6a488255 {\n  transform-origin: bottom right;\n}\n.expandExit_77b1695017 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_2648ea59f9 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_2648ea59f9.top_25cca18ef9, .expandAppearActive_2648ea59f9.topStart_68f43e8813, .expandAppearActive_2648ea59f9.topEnd_1ff34f9646, .expandAppearActive_2648ea59f9.bottom_3a14cc990d, .expandAppearActive_2648ea59f9.bottomStart_a2c5bac605, .expandAppearActive_2648ea59f9.bottomEnd_4d5a5c1d80, .expandAppearActive_2648ea59f9.right_be862f91aa, .expandAppearActive_2648ea59f9.rightStart_bb08f4e721, .expandAppearActive_2648ea59f9.rightEnd_5f3a05e6df, .expandAppearActive_2648ea59f9.left_bf8998c3aa, .expandAppearActive_2648ea59f9.leftStart_0b34297e55, .expandAppearActive_2648ea59f9.leftEnd_f78ea1b646 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_99749bd813",top:"top_7da855ee17",right:"right_f226f6421c",left:"left_4eaa83e113",bottom:"bottom_2e904b5a7c",bottomStart:"bottomStart_c249a9aa93",topStart:"topStart_492db77734",bottomEnd:"bottomEnd_19242e3b78",topEnd:"topEnd_6383479ff3",leftStart:"leftStart_a780a22c73",rightStart:"rightStart_9e174552dd",leftEnd:"leftEnd_fc79d95764",rightEnd:"rightEnd_54b374cd6d",contentComponent:"contentComponent_99749bd813",hasTooltip:"hasTooltip_d54ea4ef08",opacitySlideAppear:"opacitySlideAppear_fe51de6a9f",opacitySlideAppearActive:"opacitySlideAppearActive_23e95c91c2",expandAppear:"expandAppear_b93745d6c5",expandExit:"expandExit_0b25949d5d",edgeBottom:"edgeBottom_4dc69ae378",edgeTop:"edgeTop_ef95012e71",expandAppearActive:"expandAppearActive_f8853e2c41"};!function(e){const t="s_id-ca4097b848ab_3_54_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_99749bd813 {\n  outline: 0;\n}\n.contentWrapper_99749bd813.top_7da855ee17, .contentWrapper_99749bd813.right_f226f6421c, .contentWrapper_99749bd813.left_4eaa83e113, .contentWrapper_99749bd813.bottom_2e904b5a7c {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.bottomStart_c249a9aa93, .contentWrapper_99749bd813.topStart_492db77734, .contentWrapper_99749bd813.bottomEnd_19242e3b78, .contentWrapper_99749bd813.topEnd_6383479ff3 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.bottomStart_c249a9aa93, .contentWrapper_99749bd813.topStart_492db77734 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.bottomEnd_19242e3b78, .contentWrapper_99749bd813.topEnd_6383479ff3 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.leftStart_a780a22c73, .contentWrapper_99749bd813.rightStart_9e174552dd, .contentWrapper_99749bd813.leftEnd_fc79d95764, .contentWrapper_99749bd813.rightEnd_54b374cd6d {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.leftStart_a780a22c73, .contentWrapper_99749bd813.rightStart_9e174552dd {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_99749bd813.leftEnd_fc79d95764, .contentWrapper_99749bd813.rightEnd_54b374cd6d {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_99749bd813[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_99749bd813:focus {\n  outline: none;\n}\n.contentComponent_99749bd813.hasTooltip_d54ea4ef08 {\n  padding: 6px;\n}\n.opacitySlideAppear_fe51de6a9f {\n  opacity: 0;\n}\n.opacitySlideAppear_fe51de6a9f.top_7da855ee17 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_fe51de6a9f.right_f226f6421c {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_fe51de6a9f.bottom_2e904b5a7c {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_fe51de6a9f.left_4eaa83e113 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_23e95c91c2 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_23e95c91c2.top_7da855ee17, .opacitySlideAppearActive_23e95c91c2.bottom_2e904b5a7c {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_23e95c91c2.right_f226f6421c, .opacitySlideAppearActive_23e95c91c2.left_4eaa83e113 {\n  transform: translateX(0);\n}\n.expandAppear_b93745d6c5,\n.expandExit_0b25949d5d {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_b93745d6c5.top_7da855ee17, .expandAppear_b93745d6c5.topStart_492db77734, .expandAppear_b93745d6c5.topEnd_6383479ff3,\n.expandExit_0b25949d5d.top_7da855ee17,\n.expandExit_0b25949d5d.topStart_492db77734,\n.expandExit_0b25949d5d.topEnd_6383479ff3 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_b93745d6c5.top_7da855ee17.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.topStart_492db77734.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.topEnd_6383479ff3.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.top_7da855ee17.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.topStart_492db77734.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.topEnd_6383479ff3.edgeBottom_4dc69ae378 {\n  transform-origin: bottom left;\n}\n.expandAppear_b93745d6c5.top_7da855ee17.edgeTop_ef95012e71, .expandAppear_b93745d6c5.topStart_492db77734.edgeTop_ef95012e71, .expandAppear_b93745d6c5.topEnd_6383479ff3.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.top_7da855ee17.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.topStart_492db77734.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.topEnd_6383479ff3.edgeTop_ef95012e71 {\n  transform-origin: bottom right;\n}\n.expandAppear_b93745d6c5.right_f226f6421c, .expandAppear_b93745d6c5.rightStart_9e174552dd, .expandAppear_b93745d6c5.rightEnd_54b374cd6d,\n.expandExit_0b25949d5d.right_f226f6421c,\n.expandExit_0b25949d5d.rightStart_9e174552dd,\n.expandExit_0b25949d5d.rightEnd_54b374cd6d {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_b93745d6c5.right_f226f6421c.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.rightStart_9e174552dd.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.rightEnd_54b374cd6d.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.right_f226f6421c.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.rightStart_9e174552dd.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.rightEnd_54b374cd6d.edgeBottom_4dc69ae378 {\n  transform-origin: top left;\n}\n.expandAppear_b93745d6c5.right_f226f6421c.edgeTop_ef95012e71, .expandAppear_b93745d6c5.rightStart_9e174552dd.edgeTop_ef95012e71, .expandAppear_b93745d6c5.rightEnd_54b374cd6d.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.right_f226f6421c.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.rightStart_9e174552dd.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.rightEnd_54b374cd6d.edgeTop_ef95012e71 {\n  transform-origin: bottom left;\n}\n.expandAppear_b93745d6c5.bottom_2e904b5a7c, .expandAppear_b93745d6c5.bottomStart_c249a9aa93, .expandAppear_b93745d6c5.bottomEnd_19242e3b78,\n.expandExit_0b25949d5d.bottom_2e904b5a7c,\n.expandExit_0b25949d5d.bottomStart_c249a9aa93,\n.expandExit_0b25949d5d.bottomEnd_19242e3b78 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_b93745d6c5.bottom_2e904b5a7c.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.bottomStart_c249a9aa93.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.bottomEnd_19242e3b78.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.bottom_2e904b5a7c.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.bottomStart_c249a9aa93.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.bottomEnd_19242e3b78.edgeBottom_4dc69ae378 {\n  transform-origin: top left;\n}\n.expandAppear_b93745d6c5.bottom_2e904b5a7c.edgeTop_ef95012e71, .expandAppear_b93745d6c5.bottomStart_c249a9aa93.edgeTop_ef95012e71, .expandAppear_b93745d6c5.bottomEnd_19242e3b78.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.bottom_2e904b5a7c.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.bottomStart_c249a9aa93.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.bottomEnd_19242e3b78.edgeTop_ef95012e71 {\n  transform-origin: top right;\n}\n.expandAppear_b93745d6c5.left_4eaa83e113, .expandAppear_b93745d6c5.leftStart_a780a22c73, .expandAppear_b93745d6c5.leftEnd_fc79d95764,\n.expandExit_0b25949d5d.left_4eaa83e113,\n.expandExit_0b25949d5d.leftStart_a780a22c73,\n.expandExit_0b25949d5d.leftEnd_fc79d95764 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_b93745d6c5.left_4eaa83e113.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.leftStart_a780a22c73.edgeBottom_4dc69ae378, .expandAppear_b93745d6c5.leftEnd_fc79d95764.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.left_4eaa83e113.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.leftStart_a780a22c73.edgeBottom_4dc69ae378,\n.expandExit_0b25949d5d.leftEnd_fc79d95764.edgeBottom_4dc69ae378 {\n  transform-origin: top right;\n}\n.expandAppear_b93745d6c5.left_4eaa83e113.edgeTop_ef95012e71, .expandAppear_b93745d6c5.leftStart_a780a22c73.edgeTop_ef95012e71, .expandAppear_b93745d6c5.leftEnd_fc79d95764.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.left_4eaa83e113.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.leftStart_a780a22c73.edgeTop_ef95012e71,\n.expandExit_0b25949d5d.leftEnd_fc79d95764.edgeTop_ef95012e71 {\n  transform-origin: bottom right;\n}\n.expandExit_0b25949d5d {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_f8853e2c41 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_f8853e2c41.top_7da855ee17, .expandAppearActive_f8853e2c41.topStart_492db77734, .expandAppearActive_f8853e2c41.topEnd_6383479ff3, .expandAppearActive_f8853e2c41.bottom_2e904b5a7c, .expandAppearActive_f8853e2c41.bottomStart_c249a9aa93, .expandAppearActive_f8853e2c41.bottomEnd_19242e3b78, .expandAppearActive_f8853e2c41.right_f226f6421c, .expandAppearActive_f8853e2c41.rightStart_9e174552dd, .expandAppearActive_f8853e2c41.rightEnd_54b374cd6d, .expandAppearActive_f8853e2c41.left_4eaa83e113, .expandAppearActive_f8853e2c41.leftStart_a780a22c73, .expandAppearActive_f8853e2c41.leftEnd_fc79d95764 {\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_b847d97344",sizeSmall:"sizeSmall_0de62ffbce",sizeMedium:"sizeMedium_f338edec32",sizeLarge:"sizeLarge_5e94d6ec77",typePopover:"typePopover_cacd8cbb40",typeModal:"typeModal_571ee14653"};!function(e){const a="s_id-f752ec1c8102_3_54_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_b847d97344:focus {\n  outline: none;\n}\n\n.sizeSmall_0de62ffbce {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_f338edec32 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_5e94d6ec77 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_cacd8cbb40 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_cacd8cbb40, .black-app-theme .typePopover_cacd8cbb40, .hacker-app-theme .typePopover_cacd8cbb40 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_571ee14653 {\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_d478a05888",sizeSmall:"sizeSmall_ecab6288be",sizeMedium:"sizeMedium_7aa66939d0",sizeLarge:"sizeLarge_5bb47b4fde",typePopover:"typePopover_ffb88cb999",typeModal:"typeModal_42b62df7f8"};!function(e){const a="s_id-f752ec1c8102_3_54_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_d478a05888:focus {\n  outline: none;\n}\n\n.sizeSmall_ecab6288be {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_7aa66939d0 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_5bb47b4fde {\n  padding: var(--spacing-large);\n}\n\n.typePopover_ffb88cb999 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_ffb88cb999, .black-app-theme .typePopover_ffb88cb999, .hacker-app-theme .typePopover_ffb88cb999 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_42b62df7f8 {\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_e2f0d6a9bf",withoutMargin:"withoutMargin_b19815399c",horizontal:"horizontal_3664b569b2",vertical:"vertical_d8de266662"};!function(e){const n="s_id-290500f5721e_3_54_1";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_e2f0d6a9bf {\n  background-color: var(--layout-border-color);\n}\n\n.divider_e2f0d6a9bf.withoutMargin_b19815399c {\n  margin: 0;\n}\n\n.horizontal_3664b569b2 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_d8de266662 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_9f1188669e",withoutMargin:"withoutMargin_48c4e14718",horizontal:"horizontal_8b1380179b",vertical:"vertical_e23d2e7972"};!function(e){const n="s_id-290500f5721e_3_54_2";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_9f1188669e {\n  background-color: var(--layout-border-color);\n}\n\n.divider_9f1188669e.withoutMargin_48c4e14718 {\n  margin: 0;\n}\n\n.horizontal_8b1380179b {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_e23d2e7972 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_ceaeaf2370"};!function(o){const n="s_id-9c014db6980d_3_54_1";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_ceaeaf2370 .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_ceaeaf2370 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_ceaeaf2370 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_ceaeaf2370 .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_ceaeaf2370 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_ceaeaf2370 .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_18be591b03"};!function(o){const n="s_id-9c014db6980d_3_54_2";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_18be591b03 .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_18be591b03 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_18be591b03 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_18be591b03 .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_18be591b03 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_18be591b03 .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/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_7bb71cce6a",avatar:"avatar_457ebacfd6",icon:"icon_a8c896a712"};!function(e){const a="s_id-a9768234c15e_3_54_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".valueContainer_7bb71cce6a {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_7bb71cce6a .avatar_457ebacfd6,\n.valueContainer_7bb71cce6a .icon_a8c896a712 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_ef9a447037",avatar:"avatar_8958c1e45f",icon:"icon_56c95ed38f"};!function(e){const n="s_id-a9768234c15e_3_54_2";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)}(".valueContainer_ef9a447037 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_ef9a447037 .avatar_8958c1e45f,\n.valueContainer_ef9a447037 .icon_56c95ed38f {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_bf03337ce7","placeholder-container":"placeholder-container_74afa043cc","multiselect-chip-multi-line":"multiselect-chip-multi-line_dba46f5641","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_f802cff2cf","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_a2b2d406aa","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_82427d31af","multiselect-chip-disabled":"multiselect-chip-disabled_842abf984d","value-container":"value-container_50ba1ab8b0","value-container-chips":"value-container-chips_00723376c5","without-placeholder":"without-placeholder_74afa043cc",valueDialogContent:"valueDialogContent_82eb5b8217",chips:"chips_00723376c5",dropdownCounter:"dropdownCounter_45b1582a26",active:"active_e372e7bc39"};!function(e){const n="s_id-f8ce8faa7861_3_54_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_bf03337ce7 {\n  display: flex;\n  max-width: 100%;\n}\n\n.placeholder-container_74afa043cc {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_dba46f5641 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_f802cff2cf {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_a2b2d406aa {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_82427d31af {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_842abf984d {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_50ba1ab8b0 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_00723376c5 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_00723376c5.without-placeholder_74afa043cc {\n  margin-left: 6px;\n}\n\n.valueDialogContent_82eb5b8217 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_82eb5b8217::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_82eb5b8217::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_82eb5b8217 .chips_00723376c5 {\n  flex-shrink: 0;\n}\n\n.dropdownCounter_45b1582a26:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.dropdownCounter_45b1582a26.active_e372e7bc39 {\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_2220aaafb9","placeholder-container":"placeholder-container_6e46249a17","multiselect-chip-multi-line":"multiselect-chip-multi-line_d77cd3ad66","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_63a147c5c0","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_af7aac484e","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_649a56d262","multiselect-chip-disabled":"multiselect-chip-disabled_f31763ccbc","value-container":"value-container_06200045ae","value-container-chips":"value-container-chips_1f36c58e76","without-placeholder":"without-placeholder_6e46249a17",valueDialogContent:"valueDialogContent_789a8c65e1",chips:"chips_1f36c58e76",dropdownCounter:"dropdownCounter_798cd80deb",active:"active_ec6505b23f"};!function(e){const n="s_id-f8ce8faa7861_3_54_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_2220aaafb9 {\n  display: flex;\n  max-width: 100%;\n}\n\n.placeholder-container_6e46249a17 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_d77cd3ad66 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_63a147c5c0 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_af7aac484e {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_649a56d262 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_f31763ccbc {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_06200045ae {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_1f36c58e76 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_1f36c58e76.without-placeholder_6e46249a17 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_789a8c65e1 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_789a8c65e1::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_789a8c65e1::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_789a8c65e1 .chips_1f36c58e76 {\n  flex-shrink: 0;\n}\n\n.dropdownCounter_798cd80deb:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.dropdownCounter_798cd80deb.active_ec6505b23f {\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_c0ddadc7f3",fadeIn:"fadeIn_fe446ddf12",withoutAnimation:"withoutAnimation_602c288438",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_9234b2458c"};!function(e){const n="s_id-42a8647cae1d_3_54_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_c0ddadc7f3 {\n  animation: fadeIn_fe446ddf12 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_c0ddadc7f3, .black-app-theme .dropdownMenuWrapper_c0ddadc7f3, .hacker-app-theme .dropdownMenuWrapper_c0ddadc7f3 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_c0ddadc7f3.withoutAnimation_602c288438 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_9234b2458c {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_fe446ddf12 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_0111978c0b",fadeIn:"fadeIn_60ddba9bba",withoutAnimation:"withoutAnimation_dd4363679d",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_60d02324c7"};!function(e){const n="s_id-42a8647cae1d_3_54_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_0111978c0b {\n  animation: fadeIn_60ddba9bba var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_0111978c0b, .black-app-theme .dropdownMenuWrapper_0111978c0b, .hacker-app-theme .dropdownMenuWrapper_0111978c0b {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_0111978c0b.withoutAnimation_dd4363679d {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_60d02324c7 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_60ddba9bba {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
 //# sourceMappingURL=menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_141a521697"};!function(e){const t="s_id-64f14b86843f_3_54_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_141a521697 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_3b2dfd691e"};!function(e){const t="s_id-64f14b86843f_3_54_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_3b2dfd691e {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_5f3a05e6df"};!function(e){const n="s_id-a262ceec984a_3_54_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_5f3a05e6df {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_54b374cd6d"};!function(e){const n="s_id-a262ceec984a_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_54b374cd6d {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/src/components/DropdownNew/Dropdown.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import o,{forwardRef as r,useRef as e}from"react";import t from"../../hooks/useMergeRef.js";import n from"./modes/DropdownComboboxController.js";import l from"./modes/DropdownMultiComboboxController.js";import m from"./modes/DropdownSelectController.js";import s from"./modes/DropdownMultiSelectController.js";var i=r((function(r,i){var u=!!r.searchable,d=e(null),f=t(i,d);return function(o){return o.multi}(r)?o.createElement(u?l:s,Object.assign({},r,{dropdownRef:f})):function(o){return!o.multi}(r)?o.createElement(u?n:m,Object.assign({},r,{dropdownRef:f})):null}));export{i as default};
2	+ //# sourceMappingURL=Dropdown.js.map

package/dist/src/components/DropdownNew/Dropdown.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/DropdownNew/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport { BaseDropdownProps, DropdownMultiControllerProps, DropdownSingleControllerProps } from \"./Dropdown.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BaseListItemData } from \"../BaseListItem\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n <Item extends BaseListItemData<Record<string, unknown>>>(\n dropdownProps: BaseDropdownProps<Item>,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const isSearchable = Boolean(dropdownProps.searchable);\n\n const dropdownInternalRef = useRef<HTMLDivElement>(null);\n const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n if (isMultiType(dropdownProps)) {\n return isSearchable ? (\n <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n if (isSingleType(dropdownProps)) {\n return isSearchable ? (\n <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n return null;\n }\n);\n\nexport default Dropdown as <Item extends BaseListItemData<Record<string, unknown>>>(\n props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"sTASMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}

package/dist/src/components/DropdownNew/components/DropdownBase/DropdownBase.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../FieldLabel/FieldLabel.js";import a from"../../../Text/Text.js";import s from"./DropdownBase.module.scss.js";import{getTestId as l}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../../tests/constants.js";import{useDropdownContext as d}from"../../context/DropdownContext.js";import m from"../../../Tooltip/Tooltip.js";var n=function(n){var p=n.dropdownRef,c=n.children,f=d(),b=f.label,u=f.required,j=f.getLabelProps,v=f.id,x=f.ariaLabel,T=f["data-testid"],O=f.readOnly,g=f.error,E=f.isFocused,N=f.helperText,P=f.dir,w=f.tooltipProps,y=r.createElement("div",{ref:p,className:t(s.wrapper,f.className,e(e(e(e({},s.disabled,f.disabled),s.readOnly,O),s.error,g),s.active,E)),id:v,"aria-label":x,"data-testid":T\|\|l(i.DROPDOWN,v)},c);return r.createElement("div",{dir:P,className:s.outerWrapper},b&&r.createElement(o,Object.assign({labelText:b,required:u},j())),r.createElement(m,Object.assign({},w,{content:null==w?void 0:w.content}),y),N&&r.createElement(a,{color:g?"negative":"secondary",className:s.helperText},N))};export{n as default};
2	+ //# sourceMappingURL=DropdownBase.js.map

package/dist/src/components/DropdownNew/components/DropdownBase/DropdownBase.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/DropdownNew/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../FieldLabel/FieldLabel\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\n\ninterface DropdownBaseProps {\n dropdownRef: React.Ref<HTMLDivElement>;\n children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n const {\n label,\n required,\n getLabelProps,\n className,\n id,\n ariaLabel,\n \"data-testid\": dataTestIdFromContext,\n disabled,\n readOnly,\n error,\n isFocused,\n helperText,\n dir,\n tooltipProps\n } = useDropdownContext<BaseListItemData>();\n\n const coreDropdownElement = (\n <div\n ref={dropdownRef}\n className={cx(styles.wrapper, className, {\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly,\n [styles.error]: error,\n [styles.active]: isFocused\n })}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestIdFromContext || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n >\n {children}\n </div>\n );\n\n return (\n <div dir={dir} className={styles.outerWrapper}>\n {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n {coreDropdownElement}\n </Tooltip>\n {helperText && (\n <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n {helperText}\n </Text>\n )}\n </div>\n );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","helperText","dir","tooltipProps","coreDropdownElement","React","createElement","ref","className","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"0fAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAeIC,IAdFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cAEAC,EAAEL,EAAFK,GACAC,EAASN,EAATM,UACeC,EAAqBP,EAApC,eAEAQ,EAAQR,EAARQ,SACAC,EAAKT,EAALS,MACAC,EAASV,EAATU,UACAC,EAAUX,EAAVW,WACAC,EAAGZ,EAAHY,IACAC,EAAYb,EAAZa,aAGIC,EACJC,EACEC,cAAA,MAAA,CAAAC,IAAKnB,EACLoB,UAAWC,EAAGC,EAAOC,QAhBdrB,EAATkB,UAgByCI,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACpCF,EAAOG,SAbJvB,EAARuB,UAcKH,EAAOZ,SAAWA,GAClBY,EAAOX,MAAQA,GACfW,EAAOI,OAASd,IAEnBL,GAAIA,eACQC,EAAS,cACRC,GAAyBkB,EAAUC,EAAuBC,SAAUtB,IAEhFN,GAIL,OACEgB,EAAKC,cAAA,MAAA,CAAAJ,IAAKA,EAAKM,UAAWE,EAAOQ,cAC9B1B,GAASa,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAW9B,EAAOC,SAAUA,GAAcC,MAChEW,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKlB,EAAY,CAAEqB,QAASrB,eAAAA,EAAcqB,UAC/CpB,GAEFH,GACCI,EAACC,cAAAmB,EAAK,CAAAC,MAAO3B,EAAQ,WAAa,YAAaS,UAAWE,EAAOT,YAC9DA,GAKX"}

package/dist/src/components/DropdownNew/components/DropdownBase/DropdownBase.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var r={outerWrapper:"outerWrapper_5a23eb6c1e",wrapper:"wrapper_6418f3576d",active:"active_1f90e216ac",disabled:"disabled_58a7e9f3f1",readOnly:"readOnly_22f33ee1d6",error:"error_fda9ccc6c5",helperText:"helperText_b926c031fb"};!function(r){const e="s_id-c5c35ba342a2_3_54_2";if("undefined"!=typeof document){const o=document.head\|\|document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_5a23eb6c1e {\n width: 100%;\n}\n\n.wrapper_6418f3576d {\n --border-color: var(--ui-border-color);\n --background-color: var(--secondary-background-color);\n border-radius: var(--border-radius-small);\n border: 1px solid var(--border-color);\n background: var(--background-color);\n cursor: pointer;\n}\n\n.wrapper_6418f3576d:hover {\n --border-color: var(--primary-text-color);\n}\n\n.wrapper_6418f3576d.active_1f90e216ac {\n --border-color: var(--primary-color);\n}\n\n.wrapper_6418f3576d.disabled_58a7e9f3f1 {\n --border-color: var(--disabled-background-color);\n --background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.wrapper_6418f3576d.readOnly_22f33ee1d6 {\n --border-color: var(--allgrey-background-color);\n --background-color: var(--allgrey-background-color);\n cursor: default;\n}\n\n.wrapper_6418f3576d.error_fda9ccc6c5 {\n --border-color: var(--negative-color);\n}\n\n.helperText_b926c031fb {\n margin-top: var(--spacing-xs);\n}");export{r as default};
2	+ //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/DropdownNew/components/DropdownBase/DropdownBase.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DropdownBase.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/DropdownNew/components/DropdownPopup/DropdownPopup.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import r from"../../../Dialog/Dialog.js";import{matchWidthModifier as o}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as t}from"../../context/DropdownContext.js";import i from"../Menu/Menu.js";import m from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";var s=function(){var s=t().multi;return e.createElement(r,{open:!0,useDerivedStateFromProps:!0,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],modifiers:o,content:e.createElement(i,null),referenceWrapperElement:"div"},e.createElement(s?n:m,null))};export{s as default};
2	+ //# sourceMappingURL=DropdownPopup.js.map

package/dist/src/components/DropdownNew/components/DropdownPopup/DropdownPopup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownPopup.js","sources":["../../../../../../src/components/DropdownNew/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport { matchWidthModifier } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n const { multi } = useDropdownContext();\n\n return (\n <Dialog\n open\n useDerivedStateFromProps\n position=\"bottom-start\"\n moveBy={{ main: 4, secondary: 0 }}\n observeContentResize={true}\n showTrigger={[]}\n hideTrigger={[]}\n modifiers={matchWidthModifier}\n content={<Menu />}\n referenceWrapperElement=\"div\"\n >\n {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n </Dialog>\n );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","multi","useDropdownContext","React","createElement","Dialog","open","useDerivedStateFromProps","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","modifiers","matchWidthModifier","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"2UAQA,IAAMA,EAAgB,WACpB,IAAQC,EAAUC,IAAVD,MAER,OACEE,EAAAC,cAACC,EAAM,CACLC,MAAI,EACJC,0BAAwB,EACxBC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,UAAWC,EACXC,QAASd,EAACC,cAAAc,EAAO,MACjBC,wBAAwB,OAEfhB,EAAAC,cAARH,EAASmB,EAAyBC,EAAJ,MAGrC"}

package/dist/src/components/DropdownNew/components/DropdownWrapperUI.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import o from"react";import{DropdownContext as e}from"../context/DropdownContext.js";import r from"./DropdownPopup/DropdownPopup.js";import t from"./DropdownBase/DropdownBase.js";var n=function(n){return o.createElement(e.Provider,{value:n.contextValue},o.createElement(t,{dropdownRef:n.dropdownRef},o.createElement(r,null)))};export{n as default};
2	+ //# sourceMappingURL=DropdownWrapperUI.js.map

package/dist/src/components/DropdownNew/components/DropdownWrapperUI.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/DropdownNew/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport { BaseListItemData } from \"../../BaseListItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseListItemData<Record<string, unknown>>> {\n contextValue: DropdownContextProps<Item>;\n dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseListItemData<Record<string, unknown>>>(\n props: DropdownWrapperUIProps<Item>\n) => {\n const { contextValue, dropdownRef } = props;\n\n return (\n <DropdownContext.Provider value={contextValue}>\n <DropdownBase dropdownRef={dropdownRef}>\n <DropdownPopup />\n </DropdownBase>\n </DropdownContext.Provider>\n );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","React","DropdownContext","Provider","value","contextValue","createElement","DropdownBase","dropdownRef","DropdownPopup"],"mappings":"mLAYA,IAAMA,EAAoB,SACxBC,GAIA,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAHUJ,EAA9BK,cAIJJ,EAAAK,cAACC,EAAY,CAACC,YAJoBR,EAAhBQ,aAKhBP,EAAAK,cAACG,EAAa,OAItB"}

package/dist/src/components/DropdownNew/components/Menu/Menu.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import i from"../../../DialogContentContainer/DialogContentContainer.js";import n from"../../../BaseList/BaseList.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"./Menu.module.scss.js";var m=function(){var m=o(),l=m.isOpen,a=m.filteredOptions,p=m.highlightedIndex,d=m.getMenuProps,u=m.getItemProps,g=m.optionRenderer,c=m.menuRenderer,f=m.size,h=m.withGroupDivider,x=m.stickyGroupTitle,I=m.dir,M=m.noOptionsMessage,v=m.maxMenuHeight,C=m.onScroll,P=m.menuAriaLabel,j=m.selectedItem,D=m.selectedItems,O=m.menuWrapperClassName,b=(null==D?void 0:D.length)>0?D:j?[j]:[];return t.createElement(i,{className:r(e(e({},s.menuVisible,l),s.menuHidden,!l),O)},t.createElement(n,{size:f,options:a,selectedItems:b,highlightedIndex:p,menuAriaLabel:P,getMenuProps:d,getItemProps:u,withGroupDivider:h,stickyGroupTitle:x,dir:I,itemRenderer:g,noOptionsMessage:M,renderOptions:l,onScroll:C,maxMenuHeight:v,menuRenderer:c}))};export{m as default};
2	+ //# sourceMappingURL=Menu.js.map

package/dist/src/components/DropdownNew/components/Menu/Menu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Menu.js","sources":["../../../../../../src/components/DropdownNew/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"../../../DialogContentContainer\";\nimport { BaseList } from \"../../../BaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n const {\n isOpen,\n filteredOptions,\n highlightedIndex,\n getMenuProps,\n getItemProps,\n optionRenderer,\n menuRenderer,\n size,\n withGroupDivider,\n stickyGroupTitle,\n dir,\n noOptionsMessage,\n maxMenuHeight,\n onScroll,\n menuAriaLabel,\n selectedItem,\n selectedItems,\n menuWrapperClassName\n } = useDropdownContext<Item>();\n\n const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n >\n <BaseList<Item>\n size={size}\n options={filteredOptions}\n selectedItems={currentSelection}\n highlightedIndex={highlightedIndex}\n menuAriaLabel={menuAriaLabel}\n getMenuProps={getMenuProps}\n getItemProps={getItemProps}\n withGroupDivider={withGroupDivider}\n stickyGroupTitle={stickyGroupTitle}\n dir={dir}\n itemRenderer={optionRenderer}\n noOptionsMessage={noOptionsMessage}\n renderOptions={isOpen}\n onScroll={onScroll}\n maxMenuHeight={maxMenuHeight}\n menuRenderer={menuRenderer}\n />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","filteredOptions","highlightedIndex","getMenuProps","getItemProps","optionRenderer","menuRenderer","size","withGroupDivider","stickyGroupTitle","dir","noOptionsMessage","maxMenuHeight","onScroll","menuAriaLabel","selectedItem","selectedItems","menuWrapperClassName","currentSelection","length","React","createElement","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","BaseList","options","itemRenderer","renderOptions"],"mappings":"sWAQA,IAAMA,EAAO,WACX,IAAAC,EAmBIC,IAlBFC,EAAMF,EAANE,OACAC,EAAeH,EAAfG,gBACAC,EAAgBJ,EAAhBI,iBACAC,EAAYL,EAAZK,aACAC,EAAYN,EAAZM,aACAC,EAAcP,EAAdO,eACAC,EAAYR,EAAZQ,aACAC,EAAIT,EAAJS,KACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBACAC,EAAGZ,EAAHY,IACAC,EAAgBb,EAAhBa,iBACAC,EAAad,EAAbc,cACAC,EAAQf,EAARe,SACAC,EAAahB,EAAbgB,cACAC,EAAYjB,EAAZiB,aACAC,EAAalB,EAAbkB,cACAC,EAAoBnB,EAApBmB,qBAGIC,GAAmBF,aAAA,EAAAA,EAAeG,QAAS,EAAIH,EAAgBD,EAAe,CAACA,GAAgB,GAErG,OACEK,EAAAC,cAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAc3B,GAAS0B,EAAOE,YAAc5B,GAAUiB,IAE9EG,EAAAC,cAACQ,EAAQ,CACPtB,KAAMA,EACNuB,QAAS7B,EACTe,cAAeE,EACfhB,iBAAkBA,EAClBY,cAAeA,EACfX,aAAcA,EACdC,aAAcA,EACdI,iBAAkBA,EAClBC,iBAAkBA,EAClBC,IAAKA,EACLqB,aAAc1B,EACdM,iBAAkBA,EAClBqB,cAAehC,EACfa,SAAUA,EACVD,cAAeA,EACfN,aAAcA,IAItB"}

package/dist/src/components/DropdownNew/components/Menu/Menu.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={menuVisible:"menuVisible_f9a421c242",menuHidden:"menuHidden_f91c4e5ffd"};!function(e){const i="s_id-448dc11ee0f4_3_54_2";if("undefined"!=typeof document){const n=document.head\|\|document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_f9a421c242 {\n visibility: visible;\n}\n\n.menuHidden_f91c4e5ffd {\n visibility: hidden;\n}");export{e as default};
2	+ //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/DropdownNew/components/Menu/Menu.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Menu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/DropdownNew/components/MultiSelectedValues/MultiSelectedValues.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../Chips/Chips.js";import a from"../../../Flex/Flex.js";import l from"../../../DialogContentContainer/DialogContentContainer.js";import c from"../../../Dialog/Dialog.js";import s from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,w=p.readOnly,C=t(null),D=t(null),y=o((function(){return f.map((function(){return r()}))}),[f]),E=s({containerRef:C,itemRefs:y,gap:4,deductedSpaceRef:D}),b=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),j=b.hiddenItems,k=b.hiddenCount,x=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},j.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:w})}))))}}),[j,g,v,w]),I=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:y[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:w}))}))}),[f,E,g,y,v,w]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:C,className:d.containerWrapper},I,n.createElement(a,{ref:D,gap:"xs"},k>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:x,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(k),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(k,". ").concat(f.length-k," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
2	+ //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/src/components/DropdownNew/components/MultiSelectedValues/MultiSelectedValues.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/DropdownNew/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"../../../Flex\";\nimport { DialogContentContainer } from \"../../../DialogContentContainer\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const visibleCount = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({ [styles.hiddenChip]: !isVisible })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n if (!selectedItems?.length) return null;\n\n return (\n <Flex align=\"center\" wrap={false} gap=\"xs\" ref={containerRef} className={styles.containerWrapper}>\n {chipElements}\n\n <Flex ref={deductedSpaceRef} gap=\"xs\">\n {hiddenCount > 0 && (\n <div\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","visibleCount","useItemsOverflow","gap","_useMemo","hiddenItems","length","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"ghBAmBA,SAASA,EAAmBC,GAMK,IAL/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMT,EAAcU,KAAI,WAAA,OAAMC,SAA8B,CAACX,IAEhFY,EAAeC,EAAiB,CACpCR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,IAGFQ,EAAqCN,GAAQ,WAC3C,IAAMO,EAAchB,EAAciB,OAASL,EAAeZ,EAAckB,MAAMN,GAAgB,GAC9F,MAAO,CACLI,YAAAA,EACAG,YAAaH,EAAYC,OAE7B,GAAG,CAACjB,EAAeY,IANXI,EAAWD,EAAXC,YAAaG,EAAWJ,EAAXI,YAQfC,EAAgBX,GAAQ,WAC5B,OAAO,WAAA,OACLY,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASX,IAAI,KAAKY,MAAM,QAAQC,UAAWC,EAAOC,mBAC/Db,EAAYN,KAAI,SAAAoB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMlC,EAAS6B,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBjC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACY,EAAaf,EAAUE,EAAUC,IAE/BiC,EAAe5B,GAAQ,WAC3B,OAAOT,EAAcU,KAAI,SAACoB,EAAMQ,GAC9B,IAAMC,EAAoB3B,EAAR0B,EAElB,OACEjB,EACEE,cAAA,MAAA,CAAAS,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKhC,EAAS8B,GACdX,UAAWc,EAAEC,EAAId,CAAAA,EAAAA,EAAOe,YAAcJ,IAAY,eACpCA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAACE,cAAAQ,EAAa,CAAAD,KAAMA,EAAMK,SAAU,WAAA,OAAMlC,EAAS6B,EAAK,EAAE3B,SAAUA,EAAUC,SAAUA,IAG9F,GACF,GAAG,CAACJ,EAAeY,EAAcX,EAAUO,EAAUL,EAAUC,IAE/D,OAAKJ,aAAA,EAAAA,EAAeiB,QAGlBI,EAACE,cAAAC,EAAK,CAAAE,MAAM,SAASkB,MAAM,EAAO9B,IAAI,KAAK0B,IAAKnC,EAAcsB,UAAWC,EAAOiB,kBAC7ER,EAEDhB,EAACE,cAAAC,GAAKgB,IAAKjC,EAAkBO,IAAI,MAC9BK,EAAc,GACbE,uBACEyB,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEA3B,EAAAE,cAAC4B,EACC,CAAAC,QAAShC,EACTiC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpCtC,EAACE,cAAAqC,GACCC,MAAK5B,KAAAA,OAAOd,GACZf,UAAQ,EACR0D,UACA,EAAAC,cAAS9B,OAAMd,EAAWc,MAAAA,OAAKjC,EAAciB,OAASE,EAAWc,8BAAAA,OAC/DjC,EAAciB,QAEJ,cAAA,4BACZU,UAAWC,EAAOoC,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,MAKP/D,GAAemB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAOsC,cAAehE,OA7CzB,IAiDrC"}

package/dist/src/components/DropdownNew/components/MultiSelectedValues/MultiSelectedValues.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={containerWrapper:"containerWrapper_9512e6bee3",hiddenChip:"hiddenChip_42b7c1c7b3",hiddenChipsDialog:"hiddenChipsDialog_dda03a4ae5",dialogChip:"dialogChip_d6c50ac9a3"};!function(e){const n="s_id-1eb6fbc8e066_3_54_2";if("undefined"!=typeof document){const i=document.head\|\|document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_9512e6bee3 {\n min-width: 1px;\n flex-grow: 1;\n}\n\n.hiddenChip_42b7c1c7b3 {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n z-index: -1;\n}\n\n.hiddenChipsDialog_dda03a4ae5 {\n max-width: 192px;\n}\n\n.dialogChip_d6c50ac9a3 {\n max-width: 100%;\n}");export{e as default};
2	+ //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/DropdownNew/components/MultiSelectedValues/MultiSelectedValues.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MultiSelectedValues.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/DropdownNew/components/Trigger/DropdownChip.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import l from"../../../Chips/Chips.js";var n=function(n){var t=n.item,o=n.onDelete,a=n.disabled,i=n.readOnly,r=n.className,d=function(e){var l,n,t,o,a,i,r,d={};if(null==e?void 0:e.startElement)switch(null===(l=null==e?void 0:e.startElement)\|\|void 0===l?void 0:l.type){case"icon":d.leftIcon=null===(n=null==e?void 0:e.startElement)\|\|void 0===n?void 0:n.value;break;case"avatar":d.leftAvatar=null===(t=null==e?void 0:e.startElement)\|\|void 0===t?void 0:t.value;break;case"custom":d.leftRenderer=null===(o=null==e?void 0:e.startElement)\|\|void 0===o?void 0:o.render()}if(null==e?void 0:e.endElement)switch(null===(a=null==e?void 0:e.endElement)\|\|void 0===a?void 0:a.type){case"icon":d.rightIcon=null===(i=null==e?void 0:e.endElement)\|\|void 0===i?void 0:i.value;break;case"custom":d.rightRenderer=null===(r=null==e?void 0:e.endElement)\|\|void 0===r?void 0:r.render()}return d}(t);return e.createElement(l,Object.assign({label:t.label,closeButtonAriaLabel:"Remove ".concat(t.label),onDelete:o,disabled:a,readOnly:i,noMargin:!0,className:r,color:t.chipColor\|\|"primary"},d))};export{n as default};
2	+ //# sourceMappingURL=DropdownChip.js.map

package/dist/src/components/DropdownNew/components/Trigger/DropdownChip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/DropdownNew/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, ChipsProps } from \"../../../Chips\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\n\nconst getChipPropsFromItemElements = (item: BaseListItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n const chipProps: Partial<ChipsProps> = {};\n if (item?.startElement) {\n switch (item?.startElement?.type) {\n case \"icon\":\n chipProps.leftIcon = item?.startElement?.value;\n break;\n case \"avatar\":\n chipProps.leftAvatar = item?.startElement?.value;\n break;\n case \"custom\":\n chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n\n if (item?.endElement) {\n switch (item?.endElement?.type) {\n case \"icon\":\n chipProps.rightIcon = item?.endElement?.value;\n break;\n case \"custom\":\n chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseListItemData<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends BaseListItemData<Record<string, unknown>>>({\n item,\n onDelete,\n disabled,\n readOnly,\n className\n}: DropdownChipProps<Item>) => {\n const chipSpecificProps = getChipPropsFromItemElements(item);\n\n return (\n <Chips\n label={item.label}\n closeButtonAriaLabel={`Remove ${item.label}`}\n onDelete={onDelete}\n disabled={disabled}\n readOnly={readOnly}\n noMargin\n className={className}\n color={item.chipColor || \"primary\"}\n {...chipSpecificProps}\n />\n );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"4DAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,eAAAA,EAAMO,aACR,OAA4B,QAApBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAc,IAAAC,OAAA,EAAAA,EAAAC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,eAAAA,EAAMkB,WACR,OAA0B,QAAlBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAY,IAAAC,OAAA,EAAAA,EAAAV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}

package/dist/src/components/DropdownNew/components/Trigger/DropdownInput.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import l from"classnames";import a from"../../../BaseInput/BaseInput.js";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../Text/Text.js";var i=function(i){var n,m=i.inputSize,p=o(),d=p.inputValue,c=p.autoFocus,u=p.disabled,b=p.readOnly,g=p.placeholder,f=p.multi,v=p.selectedItem,x=p.selectedItems,j=p.inputAriaLabel,y=p.searchable,h=p.size,I=p.label,O=p.getDropdownProps,P=p.getLabelProps,E=p.getInputProps,F=f?(void 0===x?[]:x).length>0:!!v,T=O?O({preventKeyAction:p.isOpen}):{};return t.createElement(t.Fragment,null,y?t.createElement(a,Object.assign({},E(Object.assign({"aria-labelledby":I?P().id:void 0,"aria-label":j\|\|(I\|\|null===(n=P())\|\|void 0===n?void 0:n.id),placeholder:F?"":g},T)),{inputRole:"combobox",value:d\|\|"",autoFocus:c,size:m\|\|h,className:l(r.inputWrapper,e(e(e(e({},r.hasSelected,!f&&v&&!d),r.small,"small"===m),r.multi,f&&F),r.multiSelected,f&&F&&"small"===m)),disabled:u,readOnly:b})):t.createElement(t.Fragment,null,!F&&g&&t.createElement(s,{color:"secondary",className:l(r.placeholderText,e({},r.disabled,!!u)),type:"small"===h?"text2":"text1"},g)))};export{i as default};
2	+ //# sourceMappingURL=DropdownInput.js.map

package/dist/src/components/DropdownNew/components/Trigger/DropdownInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/DropdownNew/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"../../../BaseInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\nimport { Text } from \"../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" | \"medium\" | \"large\" }) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps\n } = useDropdownContext<BaseListItemData>();\n\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n return (\n <>\n {searchable ? (\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n placeholder: hasSelection ? \"\" : placeholder,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue || \"\"}\n autoFocus={autoFocus}\n size={inputSize || size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","getDropdownProps","getLabelProps","getInputProps","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","isOpen","React","createElement","Fragment","BaseInput","Object","assign","id","undefined","_a","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","Text","color","placeholderText","type"],"mappings":"uUAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cACAC,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MAEAC,EAAgBf,EAAhBe,iBACAC,EAAahB,EAAbgB,cACAC,EAAajB,EAAbiB,cAGIC,EAAeX,QAXH,IAAHE,EAAG,GAAEA,GAWuBU,OAAS,IAAMX,EAEpDY,EAAiCL,EAAmBA,EAAiB,CAAEM,iBARrErB,EAANsB,SAQyG,CAAA,EAE3G,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAAb,EACCW,EAACC,cAAAE,mBACKT,EAAaU,OAAAC,OAAA,CACf,kBAAmBd,EAAQE,IAAgBa,QAAKC,EAChD,aAAcnB,IAAmBG,GAAmC,QAAfiB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtEvB,YAAaY,EAAe,GAAKZ,GAC9Bc,KAELY,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASW,GACxBkB,EAAOK,cAAgBlC,GAASW,GAA8B,UAAdnB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZkB,iCACIL,GAAgBZ,GAChBiB,EAAAC,cAACkB,EAAI,CACHC,MAAM,YACNT,UAAWC,EAAGC,EAAOQ,gBAAeN,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvByC,KAAe,UAAThC,EAAmB,QAAU,SAElCP,IAOf"}

package/dist/src/components/DropdownNew/components/Trigger/MultiSelectTrigger.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import t from"../../../Flex/Flex.js";import l from"../MultiSelectedValues/MultiSelectedValues.js";import r from"./DropdownInput.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import a from"./TriggerActions.js";import i from"./Trigger.module.scss.js";import{getStyle as o}from"../../../../helpers/typesciptCssModulesHelper.js";import s from"classnames";import m from"./DropdownChip.js";var p=function(){var p,c=n(),d=c.selectedItems,u=void 0===d?[]:d,f=c.contextOnOptionRemove,g=c.multiline,v=c.disabled,b=c.readOnly,E=c.searchable,j=c.getToggleButtonProps,x=c.label,y=c.getLabelProps,h=c.ariaLabel;return e.createElement(t,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:s(i.triggerWrapper,o(i,c.size))},E?{}:j({"aria-haspopup":"dialog","aria-labelledby":x?y().id:void 0,"aria-label":h\|\|(x\|\|null===(p=y())\|\|void 0===p?void 0:p.id)})),u.length>0?e.createElement("div",{className:i.multiWrapper},g?e.createElement(t,{gap:"xs",wrap:!0},u.map((function(l,n){var a,i;return e.createElement(t,{key:(null!==(i=null!==(a=l.id)&&void 0!==a?a:l.value)&&void 0!==i?i:n)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(m,{item:l,onDelete:function(){null==f\|\|f(l)},readOnly:b,disabled:v})),n===u.length-1&&e.createElement(r,{inputSize:"small"}))}))):e.createElement(l,{disabled:v,readOnly:b,selectedItems:u,onRemove:function(e){null==f\|\|f(e)},renderInput:function(){return e.createElement(r,{inputSize:"small"})}})):e.createElement(r,null)),e.createElement(a,null))};export{p as default};
2	+ //# sourceMappingURL=MultiSelectTrigger.js.map

package/dist/src/components/DropdownNew/components/Trigger/MultiSelectTrigger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/DropdownNew/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { BaseListItemData } from \"../../../BaseListItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n multiline,\n disabled,\n readOnly,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n ariaLabel\n } = useDropdownContext<BaseListItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id)\n })\n : {})}\n >\n {selectedItems.length > 0 ? (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={() => <DropdownInput inputSize=\"small\" />}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n ) : (\n <DropdownInput />\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","TriggerActions"],"mappings":"ibAYA,IAAMA,EAAqB,iBACzBC,EAYIC,IAAsCC,EAAAF,EAXxCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SAEAC,EAAUR,EAAVQ,WACAC,EAAoBT,EAApBS,qBACAC,EAAKV,EAALU,MACAC,EAAaX,EAAbW,cACAC,EAASZ,EAATY,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAX9CtB,EAAJyB,QAYUjB,EAMF,CAAA,EALAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBe,QAAKC,EAChD,aAAcf,IAAcF,GAAmC,QAAfkB,EAAAjB,WAAe,IAAAiB,OAA3BD,EAA2BC,EAAEF,OAItEvB,EAAc0B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnBzB,EAWAQ,EAAAC,cAACC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB7B,EAAc8B,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRvC,SAAAA,EAAwB8B,EACzB,EACD3B,SAAUA,EACVD,SAAUA,KAGb6B,IAAUhC,EAAc0B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KAzBHhC,EAACC,cAAAgC,GACCxC,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf4C,SAAU,SAAAb,GACR9B,SAAAA,EAAwB8B,EACzB,EACDc,YAAa,WAAA,OAAMnC,EAACC,cAAA8B,EAAc,CAAAC,UAAU,SAAU,KAuB5DhC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACmC,EAAc,MAGrB"}

package/dist/src/components/DropdownNew/components/Trigger/SingleSelectTrigger.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import a from"../../../BaseListItem/BaseListItem.js";import s from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as i}from"../../context/DropdownContext.js";import o from"../../../Flex/Flex.js";import m from"./TriggerActions.js";import{getStyle as n}from"../../../../helpers/typesciptCssModulesHelper.js";var d=function(){var d,p,c=i(),u=c.inputValue,g=c.selectedItem,f=c.searchable,b=c.size,v=c.valueRenderer,j=c.isFocused,E=c.getToggleButtonProps,y=c.disabled,x=c.label,I=c.getLabelProps,B=c.ariaLabel;return t.createElement(o,{justify:"space-between",align:"center"},t.createElement("div",Object.assign({className:r(l.triggerWrapper,n(l,b))},f?{}:E({"aria-haspopup":"dialog","aria-labelledby":x?I().id:void 0,"aria-label":B\|\|(x\|\|null===(d=I())\|\|void 0===d?void 0:d.id)})),t.createElement(s,null),!u&&g&&t.createElement("div",{className:r(l.selectedItem,e({},l.faded,j&&f),n(l,b))},t.createElement(a,{component:"div",itemRenderer:v,size:b,readOnly:!0,item:Object.assign(Object.assign({},g),{disabled:y,startElement:"indent"===(null===(p=g.startElement)\|\|void 0===p?void 0:p.type)?void 0:g.startElement})}))),t.createElement(m,null))};export{d as default};
2	+ //# sourceMappingURL=SingleSelectTrigger.js.map

package/dist/src/components/DropdownNew/components/Trigger/SingleSelectTrigger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/DropdownNew/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseListItem, BaseListItemData } from \"../../../BaseListItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"../../../Flex\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n label,\n getLabelProps,\n ariaLabel\n } = useDropdownContext<BaseListItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id)\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <BaseListItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseListItem","component","itemRenderer","readOnly","item","startElement","_b","type","TriggerActions"],"mappings":"8dAUA,IAAMA,EAAsB,mBAC1BC,EAYIC,IAXFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAaX,EAAbW,cACAC,EAASZ,EAATY,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQjB,KAChDD,EAMF,CAAA,EALAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBE,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,OAIvEZ,EAAAC,cAACc,EAAgB,OAEf1B,GAAcC,GACdU,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOnB,aAAY0B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQvB,GAAaH,GAE/BoB,EAASF,EAAQjB,KAGnBQ,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc3B,EACdD,KAAMA,EACN6B,UAAQ,EACRC,KACKjB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,GACH,CAAAM,SAAAA,EACA2B,aAAkD,oBAApCC,EAAAlC,EAAaiC,mCAAcE,WAAoBZ,EAAYvB,EAAaiC,mBAMhGvB,EAAAC,cAACyB,EAAc,MAGrB"}