npm - @vibe/core - Versions diffs - 3.60.0 → 3.61.1 - Mend

@vibe/core 3.60.0 → 3.61.1

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

Files changed (472) hide show

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_f5f850f9e8",navigationWrapper:"navigationWrapper_90620395c7",navigationLeft:"navigationLeft_c4e9a58847",navigationRight:"navigationRight_58122c2ecd",pickerOptions:"pickerOptions_7631630b29",pickerOption:"pickerOption_77f5791da0"};!function(e){const n="s_id-dcd379d5f457_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_f5f850f9e8 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_f5f850f9e8 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_f5f850f9e8 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_f5f850f9e8 .navigationWrapper_90620395c7 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_f5f850f9e8 .navigationWrapper_90620395c7.navigationLeft_c4e9a58847 {\n  left: 21px;\n}\n.monthYearPicker_f5f850f9e8 .navigationWrapper_90620395c7.navigationRight_58122c2ecd {\n  right: 21px;\n}\n.monthYearPicker_f5f850f9e8 .pickerOptions_7631630b29 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_f5f850f9e8 .pickerOptions_7631630b29 .pickerOption_77f5791da0 {\n  min-width: 66px;\n}\n.monthYearPicker_f5f850f9e8 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_d8bf5bf19a",navigationWrapper:"navigationWrapper_e0927fcde1",navigationLeft:"navigationLeft_db67a37d75",navigationRight:"navigationRight_fb03ec38c7",pickerOptions:"pickerOptions_6be7ee4d4d",pickerOption:"pickerOption_91c9ca20f0"};!function(e){const n="s_id-dcd379d5f457_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_d8bf5bf19a {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_d8bf5bf19a .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_d8bf5bf19a .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_d8bf5bf19a .navigationWrapper_e0927fcde1 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_d8bf5bf19a .navigationWrapper_e0927fcde1.navigationLeft_db67a37d75 {\n  left: 21px;\n}\n.monthYearPicker_d8bf5bf19a .navigationWrapper_e0927fcde1.navigationRight_fb03ec38c7 {\n  right: 21px;\n}\n.monthYearPicker_d8bf5bf19a .pickerOptions_6be7ee4d4d {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_d8bf5bf19a .pickerOptions_6be7ee4d4d .pickerOption_91c9ca20f0 {\n  min-width: 66px;\n}\n.monthYearPicker_d8bf5bf19a .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\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-b47853b64474_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\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-b47853b64474_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_ed1f07d90c"};!function(e){const a="s_id-3fb64cda561a_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".arrow_ed1f07d90c {\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_ed1f07d90c[data-placement*=right], .black-app-theme .arrow_ed1f07d90c[data-placement*=right], .hacker-app-theme .arrow_ed1f07d90c[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ed1f07d90c[data-placement*=left], .black-app-theme .arrow_ed1f07d90c[data-placement*=left], .hacker-app-theme .arrow_ed1f07d90c[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ed1f07d90c[data-placement*=bottom], .black-app-theme .arrow_ed1f07d90c[data-placement*=bottom], .hacker-app-theme .arrow_ed1f07d90c[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ed1f07d90c[data-placement*=top], .black-app-theme .arrow_ed1f07d90c[data-placement*=top], .hacker-app-theme .arrow_ed1f07d90c[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_ed1f07d90c[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_ed1f07d90c[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_ed1f07d90c[data-placement*=left] {\n  right: 1px;\n}\n.arrow_ed1f07d90c[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var a={arrow:"arrow_193abc3144"};!function(a){const e="s_id-3fb64cda561a_3_61_0";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_193abc3144 {\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_193abc3144[data-placement*=right], .black-app-theme .arrow_193abc3144[data-placement*=right], .hacker-app-theme .arrow_193abc3144[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_193abc3144[data-placement*=left], .black-app-theme .arrow_193abc3144[data-placement*=left], .hacker-app-theme .arrow_193abc3144[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_193abc3144[data-placement*=bottom], .black-app-theme .arrow_193abc3144[data-placement*=bottom], .hacker-app-theme .arrow_193abc3144[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_193abc3144[data-placement*=top], .black-app-theme .arrow_193abc3144[data-placement*=top], .hacker-app-theme .arrow_193abc3144[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_193abc3144[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_193abc3144[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_193abc3144[data-placement*=left] {\n  right: 1px;\n}\n.arrow_193abc3144[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_d25ecc7859",top:"top_a6ef1ee07a",right:"right_0867080c6e",left:"left_71fdbfa382",bottom:"bottom_c9a5291eb2",bottomStart:"bottomStart_a8e2ecfb23",topStart:"topStart_6ac35b7769",bottomEnd:"bottomEnd_e3e54ce818",topEnd:"topEnd_4f8a784af9",leftStart:"leftStart_c298165bdd",rightStart:"rightStart_0f3820352e",leftEnd:"leftEnd_e8d33c3b1e",rightEnd:"rightEnd_54eba0e5a9",contentComponent:"contentComponent_d25ecc7859",hasTooltip:"hasTooltip_b77ed360ee",opacitySlideAppear:"opacitySlideAppear_c44ca601c5",opacitySlideAppearActive:"opacitySlideAppearActive_e7afe3bd6e",expandAppear:"expandAppear_cbad5148de",expandExit:"expandExit_a6cbcfff65",edgeBottom:"edgeBottom_c253133ce2",edgeTop:"edgeTop_7dd6f8ff57",expandAppearActive:"expandAppearActive_d270fec1db"};!function(e){const t="s_id-ca4097b848ab_3_59_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_d25ecc7859 {\n  outline: 0;\n}\n.contentWrapper_d25ecc7859.top_a6ef1ee07a, .contentWrapper_d25ecc7859.right_0867080c6e, .contentWrapper_d25ecc7859.left_71fdbfa382, .contentWrapper_d25ecc7859.bottom_c9a5291eb2 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.bottomStart_a8e2ecfb23, .contentWrapper_d25ecc7859.topStart_6ac35b7769, .contentWrapper_d25ecc7859.bottomEnd_e3e54ce818, .contentWrapper_d25ecc7859.topEnd_4f8a784af9 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.bottomStart_a8e2ecfb23, .contentWrapper_d25ecc7859.topStart_6ac35b7769 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.bottomEnd_e3e54ce818, .contentWrapper_d25ecc7859.topEnd_4f8a784af9 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.leftStart_c298165bdd, .contentWrapper_d25ecc7859.rightStart_0f3820352e, .contentWrapper_d25ecc7859.leftEnd_e8d33c3b1e, .contentWrapper_d25ecc7859.rightEnd_54eba0e5a9 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.leftStart_c298165bdd, .contentWrapper_d25ecc7859.rightStart_0f3820352e {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859.leftEnd_e8d33c3b1e, .contentWrapper_d25ecc7859.rightEnd_54eba0e5a9 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_d25ecc7859[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_d25ecc7859:focus {\n  outline: none;\n}\n.contentComponent_d25ecc7859.hasTooltip_b77ed360ee {\n  padding: 6px;\n}\n.opacitySlideAppear_c44ca601c5 {\n  opacity: 0;\n}\n.opacitySlideAppear_c44ca601c5.top_a6ef1ee07a {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_c44ca601c5.right_0867080c6e {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_c44ca601c5.bottom_c9a5291eb2 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_c44ca601c5.left_71fdbfa382 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_e7afe3bd6e {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_e7afe3bd6e.top_a6ef1ee07a, .opacitySlideAppearActive_e7afe3bd6e.bottom_c9a5291eb2 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_e7afe3bd6e.right_0867080c6e, .opacitySlideAppearActive_e7afe3bd6e.left_71fdbfa382 {\n  transform: translateX(0);\n}\n.expandAppear_cbad5148de,\n.expandExit_a6cbcfff65 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_cbad5148de.top_a6ef1ee07a, .expandAppear_cbad5148de.topStart_6ac35b7769, .expandAppear_cbad5148de.topEnd_4f8a784af9,\n.expandExit_a6cbcfff65.top_a6ef1ee07a,\n.expandExit_a6cbcfff65.topStart_6ac35b7769,\n.expandExit_a6cbcfff65.topEnd_4f8a784af9 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_cbad5148de.top_a6ef1ee07a.edgeBottom_c253133ce2, .expandAppear_cbad5148de.topStart_6ac35b7769.edgeBottom_c253133ce2, .expandAppear_cbad5148de.topEnd_4f8a784af9.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.top_a6ef1ee07a.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.topStart_6ac35b7769.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.topEnd_4f8a784af9.edgeBottom_c253133ce2 {\n  transform-origin: bottom left;\n}\n.expandAppear_cbad5148de.top_a6ef1ee07a.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.topStart_6ac35b7769.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.topEnd_4f8a784af9.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.top_a6ef1ee07a.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.topStart_6ac35b7769.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.topEnd_4f8a784af9.edgeTop_7dd6f8ff57 {\n  transform-origin: bottom right;\n}\n.expandAppear_cbad5148de.right_0867080c6e, .expandAppear_cbad5148de.rightStart_0f3820352e, .expandAppear_cbad5148de.rightEnd_54eba0e5a9,\n.expandExit_a6cbcfff65.right_0867080c6e,\n.expandExit_a6cbcfff65.rightStart_0f3820352e,\n.expandExit_a6cbcfff65.rightEnd_54eba0e5a9 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_cbad5148de.right_0867080c6e.edgeBottom_c253133ce2, .expandAppear_cbad5148de.rightStart_0f3820352e.edgeBottom_c253133ce2, .expandAppear_cbad5148de.rightEnd_54eba0e5a9.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.right_0867080c6e.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.rightStart_0f3820352e.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.rightEnd_54eba0e5a9.edgeBottom_c253133ce2 {\n  transform-origin: top left;\n}\n.expandAppear_cbad5148de.right_0867080c6e.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.rightStart_0f3820352e.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.rightEnd_54eba0e5a9.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.right_0867080c6e.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.rightStart_0f3820352e.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.rightEnd_54eba0e5a9.edgeTop_7dd6f8ff57 {\n  transform-origin: bottom left;\n}\n.expandAppear_cbad5148de.bottom_c9a5291eb2, .expandAppear_cbad5148de.bottomStart_a8e2ecfb23, .expandAppear_cbad5148de.bottomEnd_e3e54ce818,\n.expandExit_a6cbcfff65.bottom_c9a5291eb2,\n.expandExit_a6cbcfff65.bottomStart_a8e2ecfb23,\n.expandExit_a6cbcfff65.bottomEnd_e3e54ce818 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_cbad5148de.bottom_c9a5291eb2.edgeBottom_c253133ce2, .expandAppear_cbad5148de.bottomStart_a8e2ecfb23.edgeBottom_c253133ce2, .expandAppear_cbad5148de.bottomEnd_e3e54ce818.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.bottom_c9a5291eb2.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.bottomStart_a8e2ecfb23.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.bottomEnd_e3e54ce818.edgeBottom_c253133ce2 {\n  transform-origin: top left;\n}\n.expandAppear_cbad5148de.bottom_c9a5291eb2.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.bottomStart_a8e2ecfb23.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.bottomEnd_e3e54ce818.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.bottom_c9a5291eb2.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.bottomStart_a8e2ecfb23.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.bottomEnd_e3e54ce818.edgeTop_7dd6f8ff57 {\n  transform-origin: top right;\n}\n.expandAppear_cbad5148de.left_71fdbfa382, .expandAppear_cbad5148de.leftStart_c298165bdd, .expandAppear_cbad5148de.leftEnd_e8d33c3b1e,\n.expandExit_a6cbcfff65.left_71fdbfa382,\n.expandExit_a6cbcfff65.leftStart_c298165bdd,\n.expandExit_a6cbcfff65.leftEnd_e8d33c3b1e {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_cbad5148de.left_71fdbfa382.edgeBottom_c253133ce2, .expandAppear_cbad5148de.leftStart_c298165bdd.edgeBottom_c253133ce2, .expandAppear_cbad5148de.leftEnd_e8d33c3b1e.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.left_71fdbfa382.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.leftStart_c298165bdd.edgeBottom_c253133ce2,\n.expandExit_a6cbcfff65.leftEnd_e8d33c3b1e.edgeBottom_c253133ce2 {\n  transform-origin: top right;\n}\n.expandAppear_cbad5148de.left_71fdbfa382.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.leftStart_c298165bdd.edgeTop_7dd6f8ff57, .expandAppear_cbad5148de.leftEnd_e8d33c3b1e.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.left_71fdbfa382.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.leftStart_c298165bdd.edgeTop_7dd6f8ff57,\n.expandExit_a6cbcfff65.leftEnd_e8d33c3b1e.edgeTop_7dd6f8ff57 {\n  transform-origin: bottom right;\n}\n.expandExit_a6cbcfff65 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_d270fec1db {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_d270fec1db.top_a6ef1ee07a, .expandAppearActive_d270fec1db.topStart_6ac35b7769, .expandAppearActive_d270fec1db.topEnd_4f8a784af9, .expandAppearActive_d270fec1db.bottom_c9a5291eb2, .expandAppearActive_d270fec1db.bottomStart_a8e2ecfb23, .expandAppearActive_d270fec1db.bottomEnd_e3e54ce818, .expandAppearActive_d270fec1db.right_0867080c6e, .expandAppearActive_d270fec1db.rightStart_0f3820352e, .expandAppearActive_d270fec1db.rightEnd_54eba0e5a9, .expandAppearActive_d270fec1db.left_71fdbfa382, .expandAppearActive_d270fec1db.leftStart_c298165bdd, .expandAppearActive_d270fec1db.leftEnd_e8d33c3b1e {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_dbf1c249aa",top:"top_2fcd94c3cc",right:"right_60a5163d26",left:"left_f09ccb3ce8",bottom:"bottom_58ba95a3a5",bottomStart:"bottomStart_9356a1339d",topStart:"topStart_bc85ed6a24",bottomEnd:"bottomEnd_5fd6168f4e",topEnd:"topEnd_e57a154fe5",leftStart:"leftStart_40c8155419",rightStart:"rightStart_241deb0cc5",leftEnd:"leftEnd_982cc90d70",rightEnd:"rightEnd_0fda29ab13",contentComponent:"contentComponent_dbf1c249aa",hasTooltip:"hasTooltip_9f6e0402c1",opacitySlideAppear:"opacitySlideAppear_283a616d1f",opacitySlideAppearActive:"opacitySlideAppearActive_6a87145663",expandAppear:"expandAppear_0f651ab103",expandExit:"expandExit_e1c404e5b7",edgeBottom:"edgeBottom_e8066b3793",edgeTop:"edgeTop_cf5f713467",expandAppearActive:"expandAppearActive_a1ab265289"};!function(e){const a="s_id-ca4097b848ab_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_dbf1c249aa {\n  outline: 0;\n}\n.contentWrapper_dbf1c249aa.top_2fcd94c3cc, .contentWrapper_dbf1c249aa.right_60a5163d26, .contentWrapper_dbf1c249aa.left_f09ccb3ce8, .contentWrapper_dbf1c249aa.bottom_58ba95a3a5 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.bottomStart_9356a1339d, .contentWrapper_dbf1c249aa.topStart_bc85ed6a24, .contentWrapper_dbf1c249aa.bottomEnd_5fd6168f4e, .contentWrapper_dbf1c249aa.topEnd_e57a154fe5 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.bottomStart_9356a1339d, .contentWrapper_dbf1c249aa.topStart_bc85ed6a24 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.bottomEnd_5fd6168f4e, .contentWrapper_dbf1c249aa.topEnd_e57a154fe5 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.leftStart_40c8155419, .contentWrapper_dbf1c249aa.rightStart_241deb0cc5, .contentWrapper_dbf1c249aa.leftEnd_982cc90d70, .contentWrapper_dbf1c249aa.rightEnd_0fda29ab13 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.leftStart_40c8155419, .contentWrapper_dbf1c249aa.rightStart_241deb0cc5 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa.leftEnd_982cc90d70, .contentWrapper_dbf1c249aa.rightEnd_0fda29ab13 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_dbf1c249aa[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_dbf1c249aa:focus {\n  outline: none;\n}\n.contentComponent_dbf1c249aa.hasTooltip_9f6e0402c1 {\n  padding: 6px;\n}\n.opacitySlideAppear_283a616d1f {\n  opacity: 0;\n}\n.opacitySlideAppear_283a616d1f.top_2fcd94c3cc {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_283a616d1f.right_60a5163d26 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_283a616d1f.bottom_58ba95a3a5 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_283a616d1f.left_f09ccb3ce8 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_6a87145663 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_6a87145663.top_2fcd94c3cc, .opacitySlideAppearActive_6a87145663.bottom_58ba95a3a5 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_6a87145663.right_60a5163d26, .opacitySlideAppearActive_6a87145663.left_f09ccb3ce8 {\n  transform: translateX(0);\n}\n.expandAppear_0f651ab103,\n.expandExit_e1c404e5b7 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_0f651ab103.top_2fcd94c3cc, .expandAppear_0f651ab103.topStart_bc85ed6a24, .expandAppear_0f651ab103.topEnd_e57a154fe5,\n.expandExit_e1c404e5b7.top_2fcd94c3cc,\n.expandExit_e1c404e5b7.topStart_bc85ed6a24,\n.expandExit_e1c404e5b7.topEnd_e57a154fe5 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_0f651ab103.top_2fcd94c3cc.edgeBottom_e8066b3793, .expandAppear_0f651ab103.topStart_bc85ed6a24.edgeBottom_e8066b3793, .expandAppear_0f651ab103.topEnd_e57a154fe5.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.top_2fcd94c3cc.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.topStart_bc85ed6a24.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.topEnd_e57a154fe5.edgeBottom_e8066b3793 {\n  transform-origin: bottom left;\n}\n.expandAppear_0f651ab103.top_2fcd94c3cc.edgeTop_cf5f713467, .expandAppear_0f651ab103.topStart_bc85ed6a24.edgeTop_cf5f713467, .expandAppear_0f651ab103.topEnd_e57a154fe5.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.top_2fcd94c3cc.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.topStart_bc85ed6a24.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.topEnd_e57a154fe5.edgeTop_cf5f713467 {\n  transform-origin: bottom right;\n}\n.expandAppear_0f651ab103.right_60a5163d26, .expandAppear_0f651ab103.rightStart_241deb0cc5, .expandAppear_0f651ab103.rightEnd_0fda29ab13,\n.expandExit_e1c404e5b7.right_60a5163d26,\n.expandExit_e1c404e5b7.rightStart_241deb0cc5,\n.expandExit_e1c404e5b7.rightEnd_0fda29ab13 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_0f651ab103.right_60a5163d26.edgeBottom_e8066b3793, .expandAppear_0f651ab103.rightStart_241deb0cc5.edgeBottom_e8066b3793, .expandAppear_0f651ab103.rightEnd_0fda29ab13.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.right_60a5163d26.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.rightStart_241deb0cc5.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.rightEnd_0fda29ab13.edgeBottom_e8066b3793 {\n  transform-origin: top left;\n}\n.expandAppear_0f651ab103.right_60a5163d26.edgeTop_cf5f713467, .expandAppear_0f651ab103.rightStart_241deb0cc5.edgeTop_cf5f713467, .expandAppear_0f651ab103.rightEnd_0fda29ab13.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.right_60a5163d26.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.rightStart_241deb0cc5.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.rightEnd_0fda29ab13.edgeTop_cf5f713467 {\n  transform-origin: bottom left;\n}\n.expandAppear_0f651ab103.bottom_58ba95a3a5, .expandAppear_0f651ab103.bottomStart_9356a1339d, .expandAppear_0f651ab103.bottomEnd_5fd6168f4e,\n.expandExit_e1c404e5b7.bottom_58ba95a3a5,\n.expandExit_e1c404e5b7.bottomStart_9356a1339d,\n.expandExit_e1c404e5b7.bottomEnd_5fd6168f4e {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_0f651ab103.bottom_58ba95a3a5.edgeBottom_e8066b3793, .expandAppear_0f651ab103.bottomStart_9356a1339d.edgeBottom_e8066b3793, .expandAppear_0f651ab103.bottomEnd_5fd6168f4e.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.bottom_58ba95a3a5.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.bottomStart_9356a1339d.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.bottomEnd_5fd6168f4e.edgeBottom_e8066b3793 {\n  transform-origin: top left;\n}\n.expandAppear_0f651ab103.bottom_58ba95a3a5.edgeTop_cf5f713467, .expandAppear_0f651ab103.bottomStart_9356a1339d.edgeTop_cf5f713467, .expandAppear_0f651ab103.bottomEnd_5fd6168f4e.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.bottom_58ba95a3a5.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.bottomStart_9356a1339d.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.bottomEnd_5fd6168f4e.edgeTop_cf5f713467 {\n  transform-origin: top right;\n}\n.expandAppear_0f651ab103.left_f09ccb3ce8, .expandAppear_0f651ab103.leftStart_40c8155419, .expandAppear_0f651ab103.leftEnd_982cc90d70,\n.expandExit_e1c404e5b7.left_f09ccb3ce8,\n.expandExit_e1c404e5b7.leftStart_40c8155419,\n.expandExit_e1c404e5b7.leftEnd_982cc90d70 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_0f651ab103.left_f09ccb3ce8.edgeBottom_e8066b3793, .expandAppear_0f651ab103.leftStart_40c8155419.edgeBottom_e8066b3793, .expandAppear_0f651ab103.leftEnd_982cc90d70.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.left_f09ccb3ce8.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.leftStart_40c8155419.edgeBottom_e8066b3793,\n.expandExit_e1c404e5b7.leftEnd_982cc90d70.edgeBottom_e8066b3793 {\n  transform-origin: top right;\n}\n.expandAppear_0f651ab103.left_f09ccb3ce8.edgeTop_cf5f713467, .expandAppear_0f651ab103.leftStart_40c8155419.edgeTop_cf5f713467, .expandAppear_0f651ab103.leftEnd_982cc90d70.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.left_f09ccb3ce8.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.leftStart_40c8155419.edgeTop_cf5f713467,\n.expandExit_e1c404e5b7.leftEnd_982cc90d70.edgeTop_cf5f713467 {\n  transform-origin: bottom right;\n}\n.expandExit_e1c404e5b7 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_a1ab265289 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_a1ab265289.top_2fcd94c3cc, .expandAppearActive_a1ab265289.topStart_bc85ed6a24, .expandAppearActive_a1ab265289.topEnd_e57a154fe5, .expandAppearActive_a1ab265289.bottom_58ba95a3a5, .expandAppearActive_a1ab265289.bottomStart_9356a1339d, .expandAppearActive_a1ab265289.bottomEnd_5fd6168f4e, .expandAppearActive_a1ab265289.right_60a5163d26, .expandAppearActive_a1ab265289.rightStart_241deb0cc5, .expandAppearActive_a1ab265289.rightEnd_0fda29ab13, .expandAppearActive_a1ab265289.left_f09ccb3ce8, .expandAppearActive_a1ab265289.leftStart_40c8155419, .expandAppearActive_a1ab265289.leftEnd_982cc90d70 {\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_171a7fd90a",sizeSmall:"sizeSmall_7e4c089538",sizeMedium:"sizeMedium_4881d899b0",sizeLarge:"sizeLarge_aa84069d61",typePopover:"typePopover_b2c48436c0",typeModal:"typeModal_940b908aa6"};!function(e){const a="s_id-f752ec1c8102_3_59_0";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_171a7fd90a:focus {\n  outline: none;\n}\n\n.sizeSmall_7e4c089538 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_4881d899b0 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_aa84069d61 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_b2c48436c0 {\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_b2c48436c0, .black-app-theme .typePopover_b2c48436c0, .hacker-app-theme .typePopover_b2c48436c0 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_940b908aa6 {\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_67c532288e",sizeSmall:"sizeSmall_794db2a555",sizeMedium:"sizeMedium_84a5c0166b",sizeLarge:"sizeLarge_8adf0c193a",typePopover:"typePopover_23d9d19c97",typeModal:"typeModal_d73d47650d"};!function(e){const d="s_id-f752ec1c8102_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".dialogContentContainer_67c532288e:focus {\n  outline: none;\n}\n\n.sizeSmall_794db2a555 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_84a5c0166b {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_8adf0c193a {\n  padding: var(--spacing-large);\n}\n\n.typePopover_23d9d19c97 {\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_23d9d19c97, .black-app-theme .typePopover_23d9d19c97, .hacker-app-theme .typePopover_23d9d19c97 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_d73d47650d {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import s from"classnames";import o from"react";import{DirectionType as e}from"./DividerConstants.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Divider.module.scss.js";var p=m((function(e){var m=e.className,p=void 0===m?void 0:m,l=e.withoutMargin,n=void 0!==l&&l,c=e.direction,v=void 0===c?"horizontal":c,f=e.id;return o.createElement("div",{id:f,"data-testid":e["data-testid"]||r(i.DIVIDER,f),className:s(d.divider,p,a(d,v),t({},d.withoutMargin,n))})}),{directions:e});export{p as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import o from"react";import{DirectionType as e}from"./DividerConstants.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Divider.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";var l=m((function(e){var m=e.className,l=void 0===m?void 0:m,n=e.withoutMargin,c=void 0!==n&&n,v=e.direction,f=void 0===v?"horizontal":v,u=e.id;return o.createElement("div",{id:u,"data-testid":e["data-testid"]||r(s.DIVIDER,u),"data-vibe":p.DIVIDER,className:i(d.divider,l,a(d,f),t({},d.withoutMargin,c))})}),{directions:e});export{l as default};
 //# sourceMappingURL=Divider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\n\nexport interface DividerProps extends VibeComponentProps {\n /*\n The direction of the divider.\n /\n direction?: DividerDirection;\n /\n If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DIVIDER, id)}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\ninterface DividerStaticProps {\n directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<DividerProps, DividerStaticProps>(Divider, {\n directions: DirectionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"~~2eAoBA~~,~~IAsBeA~~,EAAAA,~~GAtBC~~,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,~~EAAAC~~,cAAA,MAAA,~~CACEF~~,GAAIA,~~EACS~~,~~cALQR,~~EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,~~GACrEN~~,~~UAAWY~~,EAAGC,EAAOC,~~QAASd~~,~~EAAWe~~,EAASF,~~EAAQR~~,~~GAAUW~~,EAAA,CAAA,EACjEH,~~EAAOV~~,cAAgBA,KAIhC,GAM2F,~~CACzFc~~,WAAYC"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n /*\n The direction of the divider.\n /\n direction?: DividerDirection;\n /\n If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DIVIDER, id)}\n data-vibe={ComponentVibeId.DIVIDER}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\ninterface DividerStaticProps {\n directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<DividerProps, DividerStaticProps>(Divider, {\n directions: DirectionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"siBAqBA,IAuBeA,EAAAA,GAvBC,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC,GAM2F,CACzFe,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_a477c025d1",withoutMargin:"withoutMargin_71d6684dfc",horizontal:"horizontal_1f13afdb41",vertical:"vertical_e4a1361508"};!function(e){const n="s_id-290500f5721e_3_59_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_a477c025d1 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_a477c025d1.withoutMargin_71d6684dfc {\n  margin: 0;\n}\n\n.horizontal_1f13afdb41 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_e4a1361508 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_172545d470",withoutMargin:"withoutMargin_8985fbeb03",horizontal:"horizontal_5afb8cc76d",vertical:"vertical_341f58eef9"};!function(e){const n="s_id-290500f5721e_3_61_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_172545d470 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_172545d470.withoutMargin_8985fbeb03 {\n  margin: 0;\n}\n\n.horizontal_5afb8cc76d {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_341f58eef9 {\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_de6d58aa04"};!function(o){const r="s_id-f59bb3861d49_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_de6d58aa04 .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.dropdown_de6d58aa04 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_de6d58aa04 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_de6d58aa04 .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.dropdown_de6d58aa04 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_de6d58aa04 .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_4f0a45b21c"};!function(o){const r="s_id-f59bb3861d49_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_4f0a45b21c .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.dropdown_4f0a45b21c .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_4f0a45b21c .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_4f0a45b21c .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.dropdown_4f0a45b21c .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_4f0a45b21c .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_b3432eb613",avatar:"avatar_adbcb67e1b",icon:"icon_20c707165e"};!function(e){const n="s_id-a9768234c15e_3_59_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_b3432eb613 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_b3432eb613 .avatar_adbcb67e1b,\n.valueContainer_b3432eb613 .icon_20c707165e {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_bba00b5d04",avatar:"avatar_7308069372",icon:"icon_195c2f3529"};!function(e){const n="s_id-a9768234c15e_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_bba00b5d04 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_bba00b5d04 .avatar_7308069372,\n.valueContainer_bba00b5d04 .icon_195c2f3529 {\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_ca649102be","placeholder-container":"placeholder-container_2a19432d1d","multiselect-chip-multi-line":"multiselect-chip-multi-line_f904340d18","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_8b741bf039","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_050ea28df8","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_b27e5d618a","multiselect-chip-disabled":"multiselect-chip-disabled_7dfdfc9cb6","value-container":"value-container_fcbed375b4","value-container-chips":"value-container-chips_6d038139b3","without-placeholder":"without-placeholder_2a19432d1d",valueDialogContent:"valueDialogContent_b8a7ea2831",chips:"chips_6d038139b3",dropdownCounter:"dropdownCounter_d2950ec31b",active:"active_d12454db62"};!function(e){const n="s_id-a8e734a6894f_3_59_0";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)}("/* stylelint-disable selector-class-pattern */\n.chip-with-input-wrapper_ca649102be {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_2a19432d1d {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_f904340d18 {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_8b741bf039 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_050ea28df8 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_b27e5d618a {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_7dfdfc9cb6 {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_fcbed375b4 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_6d038139b3 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n.value-container-chips_6d038139b3.without-placeholder_2a19432d1d {\n  margin-left: 6px;\n}\n.valueDialogContent_b8a7ea2831 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_b8a7ea2831::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_b8a7ea2831::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_b8a7ea2831 .chips_6d038139b3 {\n  flex-shrink: 0;\n}\n.dropdownCounter_d2950ec31b:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_d2950ec31b.active_d12454db62 {\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_82328c25c4","placeholder-container":"placeholder-container_75c700d405","multiselect-chip-multi-line":"multiselect-chip-multi-line_0fe1e41e31","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_4f8526a900","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_8af161a140","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_d23a3fb248","multiselect-chip-disabled":"multiselect-chip-disabled_9fd80da971","value-container":"value-container_58f0e4ddc0","value-container-chips":"value-container-chips_f5d8e0ebaf","without-placeholder":"without-placeholder_75c700d405",valueDialogContent:"valueDialogContent_76b3ee0b35",chips:"chips_f5d8e0ebaf",dropdownCounter:"dropdownCounter_27c47264aa",active:"active_b4d70fbfcf"};!function(e){const n="s_id-a8e734a6894f_3_61_0";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)}("/* stylelint-disable selector-class-pattern */\n.chip-with-input-wrapper_82328c25c4 {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_75c700d405 {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_0fe1e41e31 {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_4f8526a900 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_8af161a140 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_d23a3fb248 {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_9fd80da971 {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_58f0e4ddc0 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_f5d8e0ebaf {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n.value-container-chips_f5d8e0ebaf.without-placeholder_75c700d405 {\n  margin-left: 6px;\n}\n.valueDialogContent_76b3ee0b35 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_76b3ee0b35::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_76b3ee0b35::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_76b3ee0b35 .chips_f5d8e0ebaf {\n  flex-shrink: 0;\n}\n.dropdownCounter_27c47264aa:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_27c47264aa.active_b4d70fbfcf {\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_b9aa026d97",fadeIn:"fadeIn_8fc52f69ef",withoutAnimation:"withoutAnimation_b623db95b8",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_df4ea9d1b7"};!function(e){const n="s_id-42a8647cae1d_3_59_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_b9aa026d97 {\n  animation: fadeIn_8fc52f69ef var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_b9aa026d97, .black-app-theme .dropdownMenuWrapper_b9aa026d97, .hacker-app-theme .dropdownMenuWrapper_b9aa026d97 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_b9aa026d97.withoutAnimation_b623db95b8 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_df4ea9d1b7 {\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_8fc52f69ef {\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_9a0337fffd",fadeIn:"fadeIn_cc3dd3050b",withoutAnimation:"withoutAnimation_8c0b4fcb32",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_dbbce83e7c"};!function(e){const n="s_id-42a8647cae1d_3_61_0";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_9a0337fffd {\n  animation: fadeIn_cc3dd3050b var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_9a0337fffd, .black-app-theme .dropdownMenuWrapper_9a0337fffd, .hacker-app-theme .dropdownMenuWrapper_9a0337fffd {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_9a0337fffd.withoutAnimation_8c0b4fcb32 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_dbbce83e7c {\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_cc3dd3050b {\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_df53cc5022"};!function(e){const t="s_id-64f14b86843f_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_df53cc5022 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_a0c9c0d3d3"};!function(e){const t="s_id-64f14b86843f_3_61_0";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_a0c9c0d3d3 {\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_54eba0e5a9"};!function(e){const n="s_id-a262ceec984a_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_54eba0e5a9 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_0fda29ab13"};!function(e){const n="s_id-a262ceec984a_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_0fda29ab13 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

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

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

	@@ -1 +1 @@
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 { type 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"}
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, ComponentVibeId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type 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 data-vibe={ComponentVibeId.DROPDOWN}\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","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"+gBAgBA,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,EAAE,aACMC,EACC,cAAAC,GAAyBkB,EAAUC,EAAuBC,SAAUtB,GACtE,YAAAuB,EAAgBD,UAE1B5B,GAIL,OACEgB,EAAKC,cAAA,MAAA,CAAAJ,IAAKA,EAAKM,UAAWE,EAAOS,cAC9B3B,GAASa,EAAAC,cAACc,EAAUC,OAAAC,OAAA,CAACC,UAAW/B,EAAOC,SAAUA,GAAcC,MAChEW,EAAAC,cAACkB,EAAOH,OAAAC,OAAA,CAAA,EAAKnB,EAAY,CAAEsB,QAAStB,eAAAA,EAAcsB,UAC/CrB,GAEFH,GACCI,EAACC,cAAAoB,EAAK,CAAAC,MAAO5B,EAAQ,WAAa,YAAaS,UAAWE,EAAOT,YAC9DA,GAKX"}

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_c24572023f",wrapper:"wrapper_3867d03211",active:"active_9cd7f77da2",disabled:"disabled_2a509150dd",readOnly:"readOnly_e86bc831f3",error:"error_67af9b6c4c",helperText:"helperText_cf4a568c0f"};!function(r){const e="s_id-c5c35ba342a2_3_59_0";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_c24572023f {\n  width: 100%;\n}\n\n.wrapper_3867d03211 {\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_3867d03211:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_3867d03211.active_9cd7f77da2 {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_3867d03211.disabled_2a509150dd {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_3867d03211.readOnly_e86bc831f3 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_3867d03211.error_67af9b6c4c {\n  --border-color: var(--negative-color);\n}\n\n.helperText_cf4a568c0f {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_f2ae9cfae2",wrapper:"wrapper_26b6a6eb02",active:"active_646c376a6a",disabled:"disabled_af94bce6fd",readOnly:"readOnly_4a329085ec",error:"error_acdb3020b9",helperText:"helperText_bb2ea8543d"};!function(r){const e="s_id-c5c35ba342a2_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.wrapper_26b6a6eb02 {\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_26b6a6eb02:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_26b6a6eb02.active_646c376a6a {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_26b6a6eb02.disabled_af94bce6fd {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_26b6a6eb02.readOnly_4a329085ec {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_26b6a6eb02.error_acdb3020b9 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_bb2ea8543d {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_53720b63ab",menuHidden:"menuHidden_15af19fb83"};!function(e){const i="s_id-448dc11ee0f4_3_59_0";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_53720b63ab {\n  visibility: visible;\n}\n\n.menuHidden_15af19fb83 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_66e14ec671",menuHidden:"menuHidden_dc93e66109"};!function(e){const i="s_id-448dc11ee0f4_3_61_0";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_66e14ec671 {\n  visibility: visible;\n}\n\n.menuHidden_dc93e66109 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_4797ee2d0a",hiddenChip:"hiddenChip_d9599e1597",hiddenChipsDialog:"hiddenChipsDialog_c73799a6a7",dialogChip:"dialogChip_6f1077da02"};!function(e){const n="s_id-1eb6fbc8e066_3_59_0";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_4797ee2d0a {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_d9599e1597 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_c73799a6a7 {\n  max-width: 192px;\n}\n\n.dialogChip_6f1077da02 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_a8d575685b",hiddenChip:"hiddenChip_f2d65b4e41",hiddenChipsDialog:"hiddenChipsDialog_05cdc1935e",dialogChip:"dialogChip_ab18a1286a"};!function(e){const n="s_id-1eb6fbc8e066_3_61_0";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_a8d575685b {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_f2d65b4e41 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_05cdc1935e {\n  max-width: 192px;\n}\n\n.dialogChip_ab18a1286a {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/DropdownNew/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_2974b6c81d",small:"small_5b0e44289c",medium:"medium_47d203a4db",large:"large_49c171de6b",inputWrapper:"inputWrapper_c75b4b5306",multiSelected:"multiSelected_95a35c00df",hasSelected:"hasSelected_4c25fcb05d",selectedItem:"selectedItem_73523dd01e",faded:"faded_e6ae1268a6",placeholderText:"placeholderText_fafd11ea37",disabled:"disabled_e8db9d934e",multiWrapper:"multiWrapper_828e3ead3c",actionsWrapper:"actionsWrapper_c9a5291eb2"};!function(e){const n="s_id-2e8889acd7c7_3_59_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_2974b6c81d {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_2974b6c81d.small_5b0e44289c {\n  min-height: 32px;\n}\n.triggerWrapper_2974b6c81d.medium_47d203a4db {\n  min-height: 40px;\n}\n.triggerWrapper_2974b6c81d.large_49c171de6b {\n  min-height: 48px;\n}\n.triggerWrapper_2974b6c81d .inputWrapper_c75b4b5306 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_2974b6c81d .inputWrapper_c75b4b5306.small_5b0e44289c {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_2974b6c81d .inputWrapper_c75b4b5306.multiSelected_95a35c00df {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_2974b6c81d .inputWrapper_c75b4b5306.hasSelected_4c25fcb05d {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_2974b6c81d .selectedItem_73523dd01e {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_2974b6c81d .selectedItem_73523dd01e.small_5b0e44289c {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_2974b6c81d .selectedItem_73523dd01e.medium_47d203a4db {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_2974b6c81d .selectedItem_73523dd01e.large_49c171de6b {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_2974b6c81d .selectedItem_73523dd01e.faded_e6ae1268a6 {\n  opacity: 0.6;\n}\n.triggerWrapper_2974b6c81d .placeholderText_fafd11ea37 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_2974b6c81d .placeholderText_fafd11ea37.disabled_e8db9d934e {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_828e3ead3c {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_c9a5291eb2 {\n  padding: var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_1256489c9c",small:"small_32a6d78001",medium:"medium_7103c994c6",large:"large_b1ef08325c",inputWrapper:"inputWrapper_aae2803795",multiSelected:"multiSelected_699bd58941",hasSelected:"hasSelected_90a045126f",selectedItem:"selectedItem_dbe84f089c",faded:"faded_6beabacbaf",placeholderText:"placeholderText_a63a396b95",disabled:"disabled_89673e72a1",multiWrapper:"multiWrapper_802fb811cc",actionsWrapper:"actionsWrapper_58ba95a3a5"};!function(e){const n="s_id-2e8889acd7c7_3_61_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_1256489c9c {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_1256489c9c.small_32a6d78001 {\n  min-height: 32px;\n}\n.triggerWrapper_1256489c9c.medium_7103c994c6 {\n  min-height: 40px;\n}\n.triggerWrapper_1256489c9c.large_b1ef08325c {\n  min-height: 48px;\n}\n.triggerWrapper_1256489c9c .inputWrapper_aae2803795 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_1256489c9c .inputWrapper_aae2803795.small_32a6d78001 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_1256489c9c .inputWrapper_aae2803795.multiSelected_699bd58941 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_1256489c9c .inputWrapper_aae2803795.hasSelected_90a045126f {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_1256489c9c .selectedItem_dbe84f089c {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_1256489c9c .selectedItem_dbe84f089c.small_32a6d78001 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_1256489c9c .selectedItem_dbe84f089c.medium_7103c994c6 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_1256489c9c .selectedItem_dbe84f089c.large_b1ef08325c {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_1256489c9c .selectedItem_dbe84f089c.faded_6beabacbaf {\n  opacity: 0.6;\n}\n.triggerWrapper_1256489c9c .placeholderText_a63a396b95 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_1256489c9c .placeholderText_a63a396b95.disabled_89673e72a1 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_802fb811cc {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_58ba95a3a5 {\n  padding: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/components/EditableHeading/EditableHeading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r,{forwardRef as i}from"react";import o from"../Heading/Heading.js";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./EditableHeading.module.scss.js";import{HeadingType as m,HeadingWeight as d}from"../Heading/HeadingConstants.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as n}from"lodash-es";import f from"../EditableTypography/EditableTypography.js";var g=a(i((function(i,a){var m=i.type,d=void 0===m?"h1":m,g=i.weight,y=void 0===g?"normal":g,h=i.id,j=i["data-testid"],c=t(i,["type","weight","id","data-testid"]);return r.createElement(f,Object.assign({ref:a,"data-testid":j||e(s.EDITABLE_HEADING,h),component:o,typographyClassName:l(p,n(d+"-"+y)),type:d,weight:y},c))})),{types:m,weights:d});export{g as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o,{forwardRef as r}from"react";import i from"../Heading/Heading.js";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./EditableHeading.module.scss.js";import{HeadingType as m,HeadingWeight as d}from"../Heading/HeadingConstants.js";import{getStyle as n}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"lodash-es";import f from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as g}from"../../tests/constants.js";var y=a(r((function(r,a){var m=r.type,d=void 0===m?"h1":m,y=r.weight,h=void 0===y?"normal":y,j=r.id,c=r["data-testid"],E=t(r,["type","weight","id","data-testid"]);return o.createElement(f,Object.assign({ref:a,"data-testid":c||s(e.EDITABLE_HEADING,j),"data-vibe":g.EDITABLE_HEADING,component:i,typographyClassName:n(p,l(d+"-"+h)),type:d,weight:h},E))})),{types:m,weights:d});export{y as default};
 //# sourceMappingURL=EditableHeading.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport Heading from \"../Heading/Heading\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"../Heading/HeadingConstants\";\nimport { type HeadingType, type HeadingWeight } from \"../Heading\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\ninterface EditableHeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n}\n\nexport default withStaticProps<EditableHeadingProps, EditableHeadingStaticProps>(EditableHeading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"~~8lBAwBA~~,~~IAwBeA~~,EAAAA,~~EAxBSC~~,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,~~gBAACC~~,~~EAAkBC~~,OAAAC,OAAA,~~CACjBZ~~,IAAKA,~~EACQ~~,~~cAAAM~~,~~GAAcO~~,EAAUC,EAAuBC,~~iBAAkBV~~,~~GAC9EW~~,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,~~EAAUnB~~,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,IAQgG,~~CAChGe~~,MAAOC,EACPC,QAASC"}
1	+ {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport Heading from \"../Heading/Heading\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"../Heading/HeadingConstants\";\nimport { type HeadingType, type HeadingWeight } from \"../Heading\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\ninterface EditableHeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n}\n\nexport default withStaticProps<EditableHeadingProps, EditableHeadingStaticProps>(EditableHeading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"ypBAyBA,IAyBeA,EAAAA,EAzBSC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,IAQgG,CAChGiB,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_ae06ba7df8",h1Medium:"h1Medium_4c627d3ccf",h1Normal:"h1Normal_0f38b2c2e6",h1Light:"h1Light_a0aa1a844d",h2Bold:"h2Bold_ee197dea05",h2Medium:"h2Medium_b3808da212",h2Normal:"h2Normal_a62b7dd941",h2Light:"h2Light_0057d667a3",h3Bold:"h3Bold_616da1e314",h3Medium:"h3Medium_c5116e9b71",h3Normal:"h3Normal_912b835dd6",h3Light:"h3Light_f6dc1b9e06"};!function(n){const o="s_id-81b561c226b7_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_ae06ba7df8 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_4c627d3ccf {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_0f38b2c2e6 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_a0aa1a844d {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_ee197dea05 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_b3808da212 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_a62b7dd941 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_0057d667a3 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_616da1e314 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_c5116e9b71 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_912b835dd6 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_f6dc1b9e06 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_49636b4375",h1Medium:"h1Medium_096e5c71f5",h1Normal:"h1Normal_8c097fd275",h1Light:"h1Light_d5d05948e3",h2Bold:"h2Bold_b4e7492c6c",h2Medium:"h2Medium_c2b341e91b",h2Normal:"h2Normal_56bace41aa",h2Light:"h2Light_34c1386828",h3Bold:"h3Bold_da80ac4cb4",h3Medium:"h3Medium_5b548fad48",h3Normal:"h3Normal_a0cbed7b85",h3Light:"h3Light_cb1c877691"};!function(n){const o="s_id-81b561c226b7_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_49636b4375 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_096e5c71f5 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_8c097fd275 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_d5d05948e3 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_b4e7492c6c {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_c2b341e91b {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_56bace41aa {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_34c1386828 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_da80ac4cb4 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_5b548fad48 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_a0cbed7b85 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_cb1c877691 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_153198a5fb",text1Medium:"text1Medium_d9715002b6",text1Normal:"text1Normal_de74fba828",text2Bold:"text2Bold_b56e19ab15",text2Medium:"text2Medium_e4a1afa99a",text2Normal:"text2Normal_f31c373c55",text3Bold:"text3Bold_02d98cde1e",text3Medium:"text3Medium_5ef640de74",text3Normal:"text3Normal_d512fa3853",editableText:"editableText_f374ac5776",typography:"typography_fa51cc778b"};!function(t){const e="s_id-bcdc5f69e9db_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_153198a5fb {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_d9715002b6 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_de74fba828 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_b56e19ab15 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_e4a1afa99a {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_f31c373c55 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_02d98cde1e {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_5ef640de74 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_d512fa3853 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_f374ac5776 .typography_fa51cc778b {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_5d17b7c092",text1Medium:"text1Medium_8ad6f04543",text1Normal:"text1Normal_7866cf8602",text2Bold:"text2Bold_0df4e844bb",text2Medium:"text2Medium_fc14c8e5f8",text2Normal:"text2Normal_7b6e067299",text3Bold:"text3Bold_0a22c74640",text3Medium:"text3Medium_fa918dda2e",text3Normal:"text3Normal_da5f422fa5",editableText:"editableText_375cbb8591",typography:"typography_544510f7bf"};!function(t){const e="s_id-bcdc5f69e9db_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_5d17b7c092 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_8ad6f04543 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7866cf8602 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_0df4e844bb {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_fc14c8e5f8 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_7b6e067299 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_0a22c74640 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_fa918dda2e {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_da5f422fa5 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_375cbb8591 .typography_544510f7bf {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as p}from"../../hooks/useKeyboardButtonPressedFunc.js";import d from"../../hooks/usePrevious/index.js";import f from"../../hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,b=n.onChange,E=n.onClick,P=n.readOnly,x=void 0!==P&&P,C=n.ariaLabel,k=void 0===C?"":C,j=n.placeholder,w=n.clearable,N=n.typographyClassName,D=n.component,B=n.isEditMode,K=n.autoSelectTextOnEditMode,T=n.onEditModeChange,M=n.tooltipProps,R=n.type,S=n.weight,A=n.multiline,H=void 0!==A&&A,I=l(null),L=u(m,I),O=r(B||!1),_=e(O,2),z=_[0],F=_[1],q=r(g),G=e(q,2),J=G[0],Q=G[1],U=d(g),V=l(null),W=l(null);function X(e){x||z||(e.preventDefault(),Y(!0))}function Y(e){null==T||T(e),F(e)}function Z(){(Y(!1),g!==J)&&(J||w&&j?(Q(J),null==b||b(J)):Q(g))}function $(){Z()}function ee(e){if(e.key===c.ENTER){if(H&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),Z()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Y(!1),Q(g))}function te(e){Q(e.target.value)}a((function(){z||g===U||g===J||Q(g)}),[U,z,g,J]),a((function(){F(B)}),[B]);var oe=p(X);return a((function(){var e,t;z&&(!function(){var e,t;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),V.current){var o=V.current,n=o.value.length;o.setSelectionRange(n,n)}}(),K&&(null===(t=null===(e=V.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[K,z]),f((function(){var e;if(W.current){var t=W.current.getBoundingClientRect();if(null===(e=null==V?void 0:V.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),H){var o=null==V?void 0:V.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[J,z]),o.createElement("div",{ref:L,id:v,"aria-label":k,"data-testid":y,className:i(s.editableTypography,h),role:z?null:"button",onClick:function(e){null==E||E(e),X(e)},onKeyDown:oe},z&&(H?o.createElement("textarea",{ref:V,className:i(s.textarea,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:V,className:i(s.input,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"input"})),o.createElement(D,{ref:W,"aria-hidden":z,className:i(s.typography,N,t(t(t(t({},s.hidden,z),s.disabled,x),s.placeholder,!J&&j),s.multiline,!z&&H)),tabIndex:0,tooltipProps:M,weight:S,type:R,ellipsis:!H},J||j))}));export{m as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import s from"../../hooks/useMergeRef.js";import u from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as p}from"../../hooks/useKeyboardButtonPressedFunc.js";import d from"../../hooks/usePrevious/index.js";import f from"../../hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,E=n.onChange,b=n.onClick,P=n.readOnly,C=void 0!==P&&P,x=n.ariaLabel,k=void 0===x?"":x,j=n.placeholder,w=n.clearable,N=n.typographyClassName,D=n.component,B=n.isEditMode,K=n.autoSelectTextOnEditMode,T=n.onEditModeChange,M=n.tooltipProps,R=n.type,S=n.weight,A=n.multiline,H=void 0!==A&&A,I=l(null),L=s(m,I),O=r(B||!1),_=e(O,2),z=_[0],F=_[1],q=r(g),G=e(q,2),J=G[0],Q=G[1],U=d(g),V=l(null),W=l(null);function X(e){C||z||(e.preventDefault(),Y(!0))}function Y(e){null==T||T(e),F(e)}function Z(){(Y(!1),g!==J)&&(J||w&&j?(Q(J),null==E||E(J)):Q(g))}function $(){Z()}function ee(e){if(!e.nativeEvent.isComposing){if(e.key===c.ENTER){if(H&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),Z()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Y(!1),Q(g))}}function te(e){Q(e.target.value)}a((function(){z||g===U||g===J||Q(g)}),[U,z,g,J]),a((function(){F(B)}),[B]);var oe=p(X);return a((function(){var e,t;z&&(!function(){var e,t;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),V.current){var o=V.current,n=o.value.length;o.setSelectionRange(n,n)}}(),K&&(null===(t=null===(e=V.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[K,z]),f((function(){var e;if(W.current){var t=W.current.getBoundingClientRect();if(null===(e=null==V?void 0:V.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),H){var o=null==V?void 0:V.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[J,z]),o.createElement("div",{ref:L,id:v,"aria-label":k,"data-testid":y,className:i(u.editableTypography,h),role:z?null:"button",onClick:function(e){null==b||b(e),X(e)},onKeyDown:oe},z&&(H?o.createElement("textarea",{ref:V,className:i(u.textarea,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:V,className:i(u.input,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"input"})),o.createElement(D,{ref:W,"aria-hidden":z,className:i(u.typography,N,t(t(t(t({},u.hidden,z),u.disabled,C),u.placeholder,!J&&j),u.multiline,!z&&H)),tabIndex:0,tooltipProps:M,weight:S,type:R,ellipsis:!H},J||j))}));export{m as default};
 //# sourceMappingURL=EditableTypography.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { type TooltipProps } from \"../Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"../Text\";\nimport { type HeadingType, type HeadingWeight } from \"../Heading\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n ariaLabel?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"wkBAmFA,IAEMA,EAAqBC,GACzB,SAAAC,EAsBEC,GACE,IArBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAASzB,GAAM+B,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYnC,GAExBoC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqBzC,GAC5Bc,SAAAA,EAAmBd,GACnB6B,EAAa7B,EACf,CAEA,SAAS0C,KACPD,GAAqB,GAEjBzC,IAAUgC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACd/B,SAAAA,EAAW+B,IAJTC,EAAcjC,GAKlB,CAEA,SAAS2C,IACPD,GACF,CAEA,SAASE,GAAcL,GACrB,GAAIA,EAAMM,MAAQC,EAASC,MAAO,CAChC,GAAI5B,GAAaoB,EAAMS,SACrB,OAGFT,EAAMC,iBACND,EAAMU,kBACNP,GACD,CACGH,EAAMM,MAAQC,EAASI,SACzBX,EAAMC,iBACND,EAAMU,kBACNR,GAAqB,GACrBR,EAAcjC,GAElB,CAEA,SAASmD,GAAaZ,GACpBN,EAAcM,EAAMa,OAAOpD,MAC7B,CApEAqD,GAAU,WACHzB,GAAa5B,IAAUkC,GAAalC,IAAUgC,GACjDC,EAAcjC,EAEjB,GAAE,CAACkC,EAAWN,EAAW5B,EAAOgC,IAEjCqB,GAAU,WACRxB,EAAajB,EACf,GAAG,CAACA,IA8DJ,IAAM0C,GAAyBC,EAA6BjB,GAuC5D,OAvBAe,GAAU,WAJV,QAKOzB,KAfP,mBAGE,WAFA4B,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdvB,EAASqB,QAAS,CACpB,IAAMG,EAAexB,EAASqB,QACxBI,EAAaD,EAAa5D,MAAM8D,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACI9C,YANJ2C,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACnD,EAA0Be,IAE9BqC,GAA0B,iBACxB,GAAK5B,EAAcoB,QAAnB,CAIA,IAAAS,EAAkB7B,EAAcoB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAtB,eAAAA,EAAUqB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJpD,EAAW,CACb,IAAMqD,EAAkBpC,aAAA,EAAAA,EAAUqB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aA/IzD,EA+IsF,MACtG,CATA,CAUH,GAAG,CAACzC,EAAYJ,IAGd8C,EACEC,cAAA,MAAA,CAAA/E,IAAK0B,EACLzB,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAW8E,EAAGC,EAAOC,mBAAoBhF,GACzCiF,KAAMnD,EAAY,KAAO,SACzB1B,QA3GJ,SAA2BqC,GACzBrC,SAAAA,EAAUqC,GACVD,EAAeC,EACjB,EAyGIyC,UAAW1B,IAEV1B,IACET,EACCuD,EACEC,cAAA,WAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOI,SAAUxE,GAC/BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,eACIrC,EACZC,YAAaA,EACbwE,KAAK,UACLI,KAAM,IAGRT,EACEC,cAAA,QAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOO,MAAO3E,GAC5BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,EAAU,aACNrC,EACZC,YAAaA,EACbwE,KAAK,WAGXL,EAAAC,cAACjE,EACC,CAAAd,IAAKyC,gBACQT,EACb9B,UAAW8E,EAAGC,EAAOQ,WAAY5E,EAAmB6E,EAAAA,EAAAA,EAAAA,KACjDT,EAAOU,OAAS3D,GAChBiD,EAAOW,SAAWpF,GAClByE,EAAOtE,aAAeyB,GAAczB,GACpCsE,EAAO1D,WAAaS,GAAaT,IAEpCsE,SAAU,EACV1E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN0E,UAAWvE,GAEVa,GAAczB,GAIvB"}
1	+ {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { type TooltipProps } from \"../Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"../Text\";\nimport { type HeadingType, type HeadingWeight } from \"../Heading\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n ariaLabel?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.nativeEvent.isComposing) {\n return;\n }\n\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","nativeEvent","isComposing","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"wkBAmFA,IAEMA,EAAqBC,GACzB,SAAAC,EAsBEC,GACE,IArBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAASzB,GAAM+B,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYnC,GAExBoC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqBzC,GAC5Bc,SAAAA,EAAmBd,GACnB6B,EAAa7B,EACf,CAEA,SAAS0C,KACPD,GAAqB,GAEjBzC,IAAUgC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACd/B,SAAAA,EAAW+B,IAJTC,EAAcjC,GAKlB,CAEA,SAAS2C,IACPD,GACF,CAEA,SAASE,GAAcL,GACrB,IAAIA,EAAMM,YAAYC,YAAtB,CAIA,GAAIP,EAAMQ,MAAQC,EAASC,MAAO,CAChC,GAAI9B,GAAaoB,EAAMW,SACrB,OAGFX,EAAMC,iBACND,EAAMY,kBACNT,GACD,CACGH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAcjC,GAff,CAiBH,CAEA,SAASqD,GAAad,GACpBN,EAAcM,EAAMe,OAAOtD,MAC7B,CAxEAuD,GAAU,WACH3B,GAAa5B,IAAUkC,GAAalC,IAAUgC,GACjDC,EAAcjC,EAEjB,GAAE,CAACkC,EAAWN,EAAW5B,EAAOgC,IAEjCuB,GAAU,WACR1B,EAAajB,EACf,GAAG,CAACA,IAkEJ,IAAM4C,GAAyBC,EAA6BnB,GAuC5D,OAvBAiB,GAAU,WAJV,QAKO3B,KAfP,mBAGE,WAFA8B,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdzB,EAASuB,QAAS,CACpB,IAAMG,EAAe1B,EAASuB,QACxBI,EAAaD,EAAa9D,MAAMgE,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACIhD,YANJ6C,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACrD,EAA0Be,IAE9BuC,GAA0B,iBACxB,GAAK9B,EAAcsB,QAAnB,CAIA,IAAAS,EAAkB/B,EAAcsB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAxB,eAAAA,EAAUuB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJtD,EAAW,CACb,IAAMuD,EAAkBtC,aAAA,EAAAA,EAAUuB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAnJzD,EAmJsF,MACtG,CATA,CAUH,GAAG,CAAC3C,EAAYJ,IAGdgD,EACEC,cAAA,MAAA,CAAAjF,IAAK0B,EACLzB,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAWgF,EAAGC,EAAOC,mBAAoBlF,GACzCmF,KAAMrD,EAAY,KAAO,SACzB1B,QA/GJ,SAA2BqC,GACzBrC,SAAAA,EAAUqC,GACVD,EAAeC,EACjB,EA6GI2C,UAAW1B,IAEV5B,IACET,EACCyD,EACEC,cAAA,WAAA,CAAAjF,IAAKwC,EACLtC,UAAWgF,EAAGC,EAAOI,SAAU1E,GAC/BT,MAAOgC,EACP/B,SAAUoD,GACV6B,UAAWtC,GACXwC,OAAQzC,eACIrC,EACZC,YAAaA,EACb0E,KAAK,UACLI,KAAM,IAGRT,EACEC,cAAA,QAAA,CAAAjF,IAAKwC,EACLtC,UAAWgF,EAAGC,EAAOO,MAAO7E,GAC5BT,MAAOgC,EACP/B,SAAUoD,GACV6B,UAAWtC,GACXwC,OAAQzC,EAAU,aACNrC,EACZC,YAAaA,EACb0E,KAAK,WAGXL,EAAAC,cAACnE,EACC,CAAAd,IAAKyC,gBACQT,EACb9B,UAAWgF,EAAGC,EAAOQ,WAAY9E,EAAmB+E,EAAAA,EAAAA,EAAAA,KACjDT,EAAOU,OAAS7D,GAChBmD,EAAOW,SAAWtF,GAClB2E,EAAOxE,aAAeyB,GAAczB,GACpCwE,EAAO5D,WAAaS,GAAaT,IAEpCwE,SAAU,EACV5E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN4E,UAAWzE,GAEVa,GAAczB,GAIvB"}