npm - @vibe/core - Versions diffs - 3.59.0 → 3.61.0 - Mend

@vibe/core 3.59.0 → 3.61.0

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

Files changed (466) hide show

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

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names, 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_58_4";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_60_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 a={arrow:"arrow_6385ad3ff6"};!function(a){const e="s_id-3fb64cda561a_3_58_4";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_6385ad3ff6 {\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_6385ad3ff6[data-placement*=right], .black-app-theme .arrow_6385ad3ff6[data-placement*=right], .hacker-app-theme .arrow_6385ad3ff6[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6385ad3ff6[data-placement*=left], .black-app-theme .arrow_6385ad3ff6[data-placement*=left], .hacker-app-theme .arrow_6385ad3ff6[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6385ad3ff6[data-placement*=bottom], .black-app-theme .arrow_6385ad3ff6[data-placement*=bottom], .hacker-app-theme .arrow_6385ad3ff6[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6385ad3ff6[data-placement*=top], .black-app-theme .arrow_6385ad3ff6[data-placement*=top], .hacker-app-theme .arrow_6385ad3ff6[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_6385ad3ff6[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_6385ad3ff6[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_6385ad3ff6[data-placement*=left] {\n  right: 1px;\n}\n.arrow_6385ad3ff6[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+var a={arrow:"arrow_6dd3271198"};!function(a){const e="s_id-3fb64cda561a_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow_6dd3271198 {\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_6dd3271198[data-placement*=right], .black-app-theme .arrow_6dd3271198[data-placement*=right], .hacker-app-theme .arrow_6dd3271198[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6dd3271198[data-placement*=left], .black-app-theme .arrow_6dd3271198[data-placement*=left], .hacker-app-theme .arrow_6dd3271198[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6dd3271198[data-placement*=bottom], .black-app-theme .arrow_6dd3271198[data-placement*=bottom], .hacker-app-theme .arrow_6dd3271198[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_6dd3271198[data-placement*=top], .black-app-theme .arrow_6dd3271198[data-placement*=top], .hacker-app-theme .arrow_6dd3271198[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_6dd3271198[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_6dd3271198[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_6dd3271198[data-placement*=left] {\n  right: 1px;\n}\n.arrow_6dd3271198[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_4aa11bbf52",top:"top_3f558a5fb0",right:"right_4442b81704",left:"left_f0bba4ca88",bottom:"bottom_e0e60dfd04",bottomStart:"bottomStart_46dbe242a3",topStart:"topStart_fa7b87d06e",bottomEnd:"bottomEnd_aff638aa1a",topEnd:"topEnd_aac1331646",leftStart:"leftStart_fff89f0e1d",rightStart:"rightStart_ef0e5bb5dc",leftEnd:"leftEnd_c03eaaee36",rightEnd:"rightEnd_7380031bf6",contentComponent:"contentComponent_4aa11bbf52",hasTooltip:"hasTooltip_4caa37dc5c",opacitySlideAppear:"opacitySlideAppear_75d2e1f996",opacitySlideAppearActive:"opacitySlideAppearActive_47ea3eb5ff",expandAppear:"expandAppear_0704c3ed39",expandExit:"expandExit_e58c755845",edgeBottom:"edgeBottom_46b29ad6e1",edgeTop:"edgeTop_9291a4c306",expandAppearActive:"expandAppearActive_2b64e0b543"};!function(e){const a="s_id-ca4097b848ab_3_58_4";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_4aa11bbf52 {\n  outline: 0;\n}\n.contentWrapper_4aa11bbf52.top_3f558a5fb0, .contentWrapper_4aa11bbf52.right_4442b81704, .contentWrapper_4aa11bbf52.left_f0bba4ca88, .contentWrapper_4aa11bbf52.bottom_e0e60dfd04 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.bottomStart_46dbe242a3, .contentWrapper_4aa11bbf52.topStart_fa7b87d06e, .contentWrapper_4aa11bbf52.bottomEnd_aff638aa1a, .contentWrapper_4aa11bbf52.topEnd_aac1331646 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.bottomStart_46dbe242a3, .contentWrapper_4aa11bbf52.topStart_fa7b87d06e {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.bottomEnd_aff638aa1a, .contentWrapper_4aa11bbf52.topEnd_aac1331646 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.leftStart_fff89f0e1d, .contentWrapper_4aa11bbf52.rightStart_ef0e5bb5dc, .contentWrapper_4aa11bbf52.leftEnd_c03eaaee36, .contentWrapper_4aa11bbf52.rightEnd_7380031bf6 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.leftStart_fff89f0e1d, .contentWrapper_4aa11bbf52.rightStart_ef0e5bb5dc {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52.leftEnd_c03eaaee36, .contentWrapper_4aa11bbf52.rightEnd_7380031bf6 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_4aa11bbf52[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_4aa11bbf52:focus {\n  outline: none;\n}\n.contentComponent_4aa11bbf52.hasTooltip_4caa37dc5c {\n  padding: 6px;\n}\n.opacitySlideAppear_75d2e1f996 {\n  opacity: 0;\n}\n.opacitySlideAppear_75d2e1f996.top_3f558a5fb0 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_75d2e1f996.right_4442b81704 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_75d2e1f996.bottom_e0e60dfd04 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_75d2e1f996.left_f0bba4ca88 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_47ea3eb5ff {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_47ea3eb5ff.top_3f558a5fb0, .opacitySlideAppearActive_47ea3eb5ff.bottom_e0e60dfd04 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_47ea3eb5ff.right_4442b81704, .opacitySlideAppearActive_47ea3eb5ff.left_f0bba4ca88 {\n  transform: translateX(0);\n}\n.expandAppear_0704c3ed39,\n.expandExit_e58c755845 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_0704c3ed39.top_3f558a5fb0, .expandAppear_0704c3ed39.topStart_fa7b87d06e, .expandAppear_0704c3ed39.topEnd_aac1331646,\n.expandExit_e58c755845.top_3f558a5fb0,\n.expandExit_e58c755845.topStart_fa7b87d06e,\n.expandExit_e58c755845.topEnd_aac1331646 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_0704c3ed39.top_3f558a5fb0.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.topStart_fa7b87d06e.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.topEnd_aac1331646.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.top_3f558a5fb0.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.topStart_fa7b87d06e.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.topEnd_aac1331646.edgeBottom_46b29ad6e1 {\n  transform-origin: bottom left;\n}\n.expandAppear_0704c3ed39.top_3f558a5fb0.edgeTop_9291a4c306, .expandAppear_0704c3ed39.topStart_fa7b87d06e.edgeTop_9291a4c306, .expandAppear_0704c3ed39.topEnd_aac1331646.edgeTop_9291a4c306,\n.expandExit_e58c755845.top_3f558a5fb0.edgeTop_9291a4c306,\n.expandExit_e58c755845.topStart_fa7b87d06e.edgeTop_9291a4c306,\n.expandExit_e58c755845.topEnd_aac1331646.edgeTop_9291a4c306 {\n  transform-origin: bottom right;\n}\n.expandAppear_0704c3ed39.right_4442b81704, .expandAppear_0704c3ed39.rightStart_ef0e5bb5dc, .expandAppear_0704c3ed39.rightEnd_7380031bf6,\n.expandExit_e58c755845.right_4442b81704,\n.expandExit_e58c755845.rightStart_ef0e5bb5dc,\n.expandExit_e58c755845.rightEnd_7380031bf6 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_0704c3ed39.right_4442b81704.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.rightStart_ef0e5bb5dc.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.rightEnd_7380031bf6.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.right_4442b81704.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.rightStart_ef0e5bb5dc.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.rightEnd_7380031bf6.edgeBottom_46b29ad6e1 {\n  transform-origin: top left;\n}\n.expandAppear_0704c3ed39.right_4442b81704.edgeTop_9291a4c306, .expandAppear_0704c3ed39.rightStart_ef0e5bb5dc.edgeTop_9291a4c306, .expandAppear_0704c3ed39.rightEnd_7380031bf6.edgeTop_9291a4c306,\n.expandExit_e58c755845.right_4442b81704.edgeTop_9291a4c306,\n.expandExit_e58c755845.rightStart_ef0e5bb5dc.edgeTop_9291a4c306,\n.expandExit_e58c755845.rightEnd_7380031bf6.edgeTop_9291a4c306 {\n  transform-origin: bottom left;\n}\n.expandAppear_0704c3ed39.bottom_e0e60dfd04, .expandAppear_0704c3ed39.bottomStart_46dbe242a3, .expandAppear_0704c3ed39.bottomEnd_aff638aa1a,\n.expandExit_e58c755845.bottom_e0e60dfd04,\n.expandExit_e58c755845.bottomStart_46dbe242a3,\n.expandExit_e58c755845.bottomEnd_aff638aa1a {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_0704c3ed39.bottom_e0e60dfd04.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.bottomStart_46dbe242a3.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.bottomEnd_aff638aa1a.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.bottom_e0e60dfd04.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.bottomStart_46dbe242a3.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.bottomEnd_aff638aa1a.edgeBottom_46b29ad6e1 {\n  transform-origin: top left;\n}\n.expandAppear_0704c3ed39.bottom_e0e60dfd04.edgeTop_9291a4c306, .expandAppear_0704c3ed39.bottomStart_46dbe242a3.edgeTop_9291a4c306, .expandAppear_0704c3ed39.bottomEnd_aff638aa1a.edgeTop_9291a4c306,\n.expandExit_e58c755845.bottom_e0e60dfd04.edgeTop_9291a4c306,\n.expandExit_e58c755845.bottomStart_46dbe242a3.edgeTop_9291a4c306,\n.expandExit_e58c755845.bottomEnd_aff638aa1a.edgeTop_9291a4c306 {\n  transform-origin: top right;\n}\n.expandAppear_0704c3ed39.left_f0bba4ca88, .expandAppear_0704c3ed39.leftStart_fff89f0e1d, .expandAppear_0704c3ed39.leftEnd_c03eaaee36,\n.expandExit_e58c755845.left_f0bba4ca88,\n.expandExit_e58c755845.leftStart_fff89f0e1d,\n.expandExit_e58c755845.leftEnd_c03eaaee36 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_0704c3ed39.left_f0bba4ca88.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.leftStart_fff89f0e1d.edgeBottom_46b29ad6e1, .expandAppear_0704c3ed39.leftEnd_c03eaaee36.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.left_f0bba4ca88.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.leftStart_fff89f0e1d.edgeBottom_46b29ad6e1,\n.expandExit_e58c755845.leftEnd_c03eaaee36.edgeBottom_46b29ad6e1 {\n  transform-origin: top right;\n}\n.expandAppear_0704c3ed39.left_f0bba4ca88.edgeTop_9291a4c306, .expandAppear_0704c3ed39.leftStart_fff89f0e1d.edgeTop_9291a4c306, .expandAppear_0704c3ed39.leftEnd_c03eaaee36.edgeTop_9291a4c306,\n.expandExit_e58c755845.left_f0bba4ca88.edgeTop_9291a4c306,\n.expandExit_e58c755845.leftStart_fff89f0e1d.edgeTop_9291a4c306,\n.expandExit_e58c755845.leftEnd_c03eaaee36.edgeTop_9291a4c306 {\n  transform-origin: bottom right;\n}\n.expandExit_e58c755845 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_2b64e0b543 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_2b64e0b543.top_3f558a5fb0, .expandAppearActive_2b64e0b543.topStart_fa7b87d06e, .expandAppearActive_2b64e0b543.topEnd_aac1331646, .expandAppearActive_2b64e0b543.bottom_e0e60dfd04, .expandAppearActive_2b64e0b543.bottomStart_46dbe242a3, .expandAppearActive_2b64e0b543.bottomEnd_aff638aa1a, .expandAppearActive_2b64e0b543.right_4442b81704, .expandAppearActive_2b64e0b543.rightStart_ef0e5bb5dc, .expandAppearActive_2b64e0b543.rightEnd_7380031bf6, .expandAppearActive_2b64e0b543.left_f0bba4ca88, .expandAppearActive_2b64e0b543.leftStart_fff89f0e1d, .expandAppearActive_2b64e0b543.leftEnd_c03eaaee36 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_9e6d8acfac",top:"top_13cc2a1e44",right:"right_69c8314117",left:"left_52d1fb26b3",bottom:"bottom_dc978c3e09",bottomStart:"bottomStart_fccef5de83",topStart:"topStart_fece56616a",bottomEnd:"bottomEnd_dc243808c1",topEnd:"topEnd_6dd5dd644b",leftStart:"leftStart_99f6f53fdf",rightStart:"rightStart_c318aec145",leftEnd:"leftEnd_17daeb5404",rightEnd:"rightEnd_20ab9e5820",contentComponent:"contentComponent_9e6d8acfac",hasTooltip:"hasTooltip_356f40458a",opacitySlideAppear:"opacitySlideAppear_4bea90a3f4",opacitySlideAppearActive:"opacitySlideAppearActive_bc254fb56e",expandAppear:"expandAppear_246d67b6ee",expandExit:"expandExit_5f139b3f55",edgeBottom:"edgeBottom_51a4c5a312",edgeTop:"edgeTop_fdbf7e1b5c",expandAppearActive:"expandAppearActive_7dd648a222"};!function(e){const t="s_id-ca4097b848ab_3_60_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_9e6d8acfac {\n  outline: 0;\n}\n.contentWrapper_9e6d8acfac.top_13cc2a1e44, .contentWrapper_9e6d8acfac.right_69c8314117, .contentWrapper_9e6d8acfac.left_52d1fb26b3, .contentWrapper_9e6d8acfac.bottom_dc978c3e09 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.bottomStart_fccef5de83, .contentWrapper_9e6d8acfac.topStart_fece56616a, .contentWrapper_9e6d8acfac.bottomEnd_dc243808c1, .contentWrapper_9e6d8acfac.topEnd_6dd5dd644b {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.bottomStart_fccef5de83, .contentWrapper_9e6d8acfac.topStart_fece56616a {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.bottomEnd_dc243808c1, .contentWrapper_9e6d8acfac.topEnd_6dd5dd644b {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.leftStart_99f6f53fdf, .contentWrapper_9e6d8acfac.rightStart_c318aec145, .contentWrapper_9e6d8acfac.leftEnd_17daeb5404, .contentWrapper_9e6d8acfac.rightEnd_20ab9e5820 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.leftStart_99f6f53fdf, .contentWrapper_9e6d8acfac.rightStart_c318aec145 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac.leftEnd_17daeb5404, .contentWrapper_9e6d8acfac.rightEnd_20ab9e5820 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_9e6d8acfac[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_9e6d8acfac:focus {\n  outline: none;\n}\n.contentComponent_9e6d8acfac.hasTooltip_356f40458a {\n  padding: 6px;\n}\n.opacitySlideAppear_4bea90a3f4 {\n  opacity: 0;\n}\n.opacitySlideAppear_4bea90a3f4.top_13cc2a1e44 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_4bea90a3f4.right_69c8314117 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_4bea90a3f4.bottom_dc978c3e09 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_4bea90a3f4.left_52d1fb26b3 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_bc254fb56e {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_bc254fb56e.top_13cc2a1e44, .opacitySlideAppearActive_bc254fb56e.bottom_dc978c3e09 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_bc254fb56e.right_69c8314117, .opacitySlideAppearActive_bc254fb56e.left_52d1fb26b3 {\n  transform: translateX(0);\n}\n.expandAppear_246d67b6ee,\n.expandExit_5f139b3f55 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_246d67b6ee.top_13cc2a1e44, .expandAppear_246d67b6ee.topStart_fece56616a, .expandAppear_246d67b6ee.topEnd_6dd5dd644b,\n.expandExit_5f139b3f55.top_13cc2a1e44,\n.expandExit_5f139b3f55.topStart_fece56616a,\n.expandExit_5f139b3f55.topEnd_6dd5dd644b {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_246d67b6ee.top_13cc2a1e44.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.topStart_fece56616a.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.topEnd_6dd5dd644b.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.top_13cc2a1e44.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.topStart_fece56616a.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.topEnd_6dd5dd644b.edgeBottom_51a4c5a312 {\n  transform-origin: bottom left;\n}\n.expandAppear_246d67b6ee.top_13cc2a1e44.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.topStart_fece56616a.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.topEnd_6dd5dd644b.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.top_13cc2a1e44.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.topStart_fece56616a.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.topEnd_6dd5dd644b.edgeTop_fdbf7e1b5c {\n  transform-origin: bottom right;\n}\n.expandAppear_246d67b6ee.right_69c8314117, .expandAppear_246d67b6ee.rightStart_c318aec145, .expandAppear_246d67b6ee.rightEnd_20ab9e5820,\n.expandExit_5f139b3f55.right_69c8314117,\n.expandExit_5f139b3f55.rightStart_c318aec145,\n.expandExit_5f139b3f55.rightEnd_20ab9e5820 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_246d67b6ee.right_69c8314117.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.rightStart_c318aec145.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.rightEnd_20ab9e5820.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.right_69c8314117.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.rightStart_c318aec145.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.rightEnd_20ab9e5820.edgeBottom_51a4c5a312 {\n  transform-origin: top left;\n}\n.expandAppear_246d67b6ee.right_69c8314117.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.rightStart_c318aec145.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.rightEnd_20ab9e5820.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.right_69c8314117.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.rightStart_c318aec145.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.rightEnd_20ab9e5820.edgeTop_fdbf7e1b5c {\n  transform-origin: bottom left;\n}\n.expandAppear_246d67b6ee.bottom_dc978c3e09, .expandAppear_246d67b6ee.bottomStart_fccef5de83, .expandAppear_246d67b6ee.bottomEnd_dc243808c1,\n.expandExit_5f139b3f55.bottom_dc978c3e09,\n.expandExit_5f139b3f55.bottomStart_fccef5de83,\n.expandExit_5f139b3f55.bottomEnd_dc243808c1 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_246d67b6ee.bottom_dc978c3e09.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.bottomStart_fccef5de83.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.bottomEnd_dc243808c1.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.bottom_dc978c3e09.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.bottomStart_fccef5de83.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.bottomEnd_dc243808c1.edgeBottom_51a4c5a312 {\n  transform-origin: top left;\n}\n.expandAppear_246d67b6ee.bottom_dc978c3e09.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.bottomStart_fccef5de83.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.bottomEnd_dc243808c1.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.bottom_dc978c3e09.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.bottomStart_fccef5de83.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.bottomEnd_dc243808c1.edgeTop_fdbf7e1b5c {\n  transform-origin: top right;\n}\n.expandAppear_246d67b6ee.left_52d1fb26b3, .expandAppear_246d67b6ee.leftStart_99f6f53fdf, .expandAppear_246d67b6ee.leftEnd_17daeb5404,\n.expandExit_5f139b3f55.left_52d1fb26b3,\n.expandExit_5f139b3f55.leftStart_99f6f53fdf,\n.expandExit_5f139b3f55.leftEnd_17daeb5404 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_246d67b6ee.left_52d1fb26b3.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.leftStart_99f6f53fdf.edgeBottom_51a4c5a312, .expandAppear_246d67b6ee.leftEnd_17daeb5404.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.left_52d1fb26b3.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.leftStart_99f6f53fdf.edgeBottom_51a4c5a312,\n.expandExit_5f139b3f55.leftEnd_17daeb5404.edgeBottom_51a4c5a312 {\n  transform-origin: top right;\n}\n.expandAppear_246d67b6ee.left_52d1fb26b3.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.leftStart_99f6f53fdf.edgeTop_fdbf7e1b5c, .expandAppear_246d67b6ee.leftEnd_17daeb5404.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.left_52d1fb26b3.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.leftStart_99f6f53fdf.edgeTop_fdbf7e1b5c,\n.expandExit_5f139b3f55.leftEnd_17daeb5404.edgeTop_fdbf7e1b5c {\n  transform-origin: bottom right;\n}\n.expandExit_5f139b3f55 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_7dd648a222 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_7dd648a222.top_13cc2a1e44, .expandAppearActive_7dd648a222.topStart_fece56616a, .expandAppearActive_7dd648a222.topEnd_6dd5dd644b, .expandAppearActive_7dd648a222.bottom_dc978c3e09, .expandAppearActive_7dd648a222.bottomStart_fccef5de83, .expandAppearActive_7dd648a222.bottomEnd_dc243808c1, .expandAppearActive_7dd648a222.right_69c8314117, .expandAppearActive_7dd648a222.rightStart_c318aec145, .expandAppearActive_7dd648a222.rightEnd_20ab9e5820, .expandAppearActive_7dd648a222.left_52d1fb26b3, .expandAppearActive_7dd648a222.leftStart_99f6f53fdf, .expandAppearActive_7dd648a222.leftEnd_17daeb5404 {\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_1e7246404b",sizeSmall:"sizeSmall_1bec35d3e8",sizeMedium:"sizeMedium_379a6220f7",sizeLarge:"sizeLarge_42e1e53cb2",typePopover:"typePopover_befc00fa60",typeModal:"typeModal_3f24957ce6"};!function(e){const a="s_id-f752ec1c8102_3_58_4";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_1e7246404b:focus {\n  outline: none;\n}\n\n.sizeSmall_1bec35d3e8 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_379a6220f7 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_42e1e53cb2 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_befc00fa60 {\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_befc00fa60, .black-app-theme .typePopover_befc00fa60, .hacker-app-theme .typePopover_befc00fa60 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_3f24957ce6 {\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_6d5c9981cf",sizeSmall:"sizeSmall_5820da6793",sizeMedium:"sizeMedium_b20a73560f",sizeLarge:"sizeLarge_81c8c6c034",typePopover:"typePopover_4b4960839c",typeModal:"typeModal_a3a68febe1"};!function(e){const a="s_id-f752ec1c8102_3_60_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_6d5c9981cf:focus {\n  outline: none;\n}\n\n.sizeSmall_5820da6793 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_b20a73560f {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_81c8c6c034 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_4b4960839c {\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_4b4960839c, .black-app-theme .typePopover_4b4960839c, .hacker-app-theme .typePopover_4b4960839c {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_a3a68febe1 {\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_314c40d328",withoutMargin:"withoutMargin_cfc3e8a363",horizontal:"horizontal_04fc5f1f4b",vertical:"vertical_f9ac295aaf"};!function(e){const n="s_id-290500f5721e_3_58_4";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_314c40d328 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_314c40d328.withoutMargin_cfc3e8a363 {\n  margin: 0;\n}\n\n.horizontal_04fc5f1f4b {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_f9ac295aaf {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_859fff6b55",withoutMargin:"withoutMargin_eb065c6258",horizontal:"horizontal_6a475b9264",vertical:"vertical_bf4ac2bc41"};!function(e){const n="s_id-290500f5721e_3_60_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_859fff6b55 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_859fff6b55.withoutMargin_eb065c6258 {\n  margin: 0;\n}\n\n.horizontal_6a475b9264 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_bf4ac2bc41 {\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_c6983af7d1"};!function(o){const r="s_id-f59bb3861d49_3_58_4";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_c6983af7d1 .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_c6983af7d1 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_c6983af7d1 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_c6983af7d1 .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_c6983af7d1 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_c6983af7d1 .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_2d3baa86b3"};!function(o){const r="s_id-f59bb3861d49_3_60_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_2d3baa86b3 .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_2d3baa86b3 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_2d3baa86b3 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_2d3baa86b3 .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_2d3baa86b3 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_2d3baa86b3 .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_c67f0e889d",avatar:"avatar_b59a1dd2d5",icon:"icon_5bf1667002"};!function(e){const n="s_id-a9768234c15e_3_58_4";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_c67f0e889d {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_c67f0e889d .avatar_b59a1dd2d5,\n.valueContainer_c67f0e889d .icon_5bf1667002 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_895e123ede",avatar:"avatar_0f15cd406b",icon:"icon_588e4bd3bd"};!function(e){const n="s_id-a9768234c15e_3_60_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)}(".valueContainer_895e123ede {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_895e123ede .avatar_0f15cd406b,\n.valueContainer_895e123ede .icon_588e4bd3bd {\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_bf7ef792d0","placeholder-container":"placeholder-container_855551e6b2","multiselect-chip-multi-line":"multiselect-chip-multi-line_a1314f136d","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_a47eba414c","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_9c8933be75","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_286dd4bb00","multiselect-chip-disabled":"multiselect-chip-disabled_fb49381518","value-container":"value-container_4280e4ac89","value-container-chips":"value-container-chips_cbb02d2b1c","without-placeholder":"without-placeholder_855551e6b2",valueDialogContent:"valueDialogContent_d5c4ff4fcd",chips:"chips_cbb02d2b1c",dropdownCounter:"dropdownCounter_4baf5774de",active:"active_da7fbc0938"};!function(e){const n="s_id-a8e734a6894f_3_58_4";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_bf7ef792d0 {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_855551e6b2 {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_a1314f136d {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_a47eba414c {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_9c8933be75 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_286dd4bb00 {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_fb49381518 {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_4280e4ac89 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_cbb02d2b1c {\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_cbb02d2b1c.without-placeholder_855551e6b2 {\n  margin-left: 6px;\n}\n.valueDialogContent_d5c4ff4fcd {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_d5c4ff4fcd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_d5c4ff4fcd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_d5c4ff4fcd .chips_cbb02d2b1c {\n  flex-shrink: 0;\n}\n.dropdownCounter_4baf5774de:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_4baf5774de.active_da7fbc0938 {\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_c7a0fcc32c","placeholder-container":"placeholder-container_ba22add0d7","multiselect-chip-multi-line":"multiselect-chip-multi-line_ee2464399c","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_520c983b23","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_f6d8496076","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_6786ca2bfb","multiselect-chip-disabled":"multiselect-chip-disabled_bce4744f32","value-container":"value-container_30b41a0ad6","value-container-chips":"value-container-chips_2d125c3cea","without-placeholder":"without-placeholder_ba22add0d7",valueDialogContent:"valueDialogContent_a6e7f56a11",chips:"chips_2d125c3cea",dropdownCounter:"dropdownCounter_663751863e",active:"active_87c08d9097"};!function(e){const n="s_id-a8e734a6894f_3_60_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_c7a0fcc32c {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_ba22add0d7 {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_ee2464399c {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_520c983b23 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_f6d8496076 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_6786ca2bfb {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_bce4744f32 {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_30b41a0ad6 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_2d125c3cea {\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_2d125c3cea.without-placeholder_ba22add0d7 {\n  margin-left: 6px;\n}\n.valueDialogContent_a6e7f56a11 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_a6e7f56a11::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_a6e7f56a11::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_a6e7f56a11 .chips_2d125c3cea {\n  flex-shrink: 0;\n}\n.dropdownCounter_663751863e:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_663751863e.active_87c08d9097 {\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_629e0d1286",fadeIn:"fadeIn_3b8ae5da90",withoutAnimation:"withoutAnimation_45d9f00295",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_0943254ed3"};!function(e){const n="s_id-42a8647cae1d_3_58_4";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_629e0d1286 {\n  animation: fadeIn_3b8ae5da90 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_629e0d1286, .black-app-theme .dropdownMenuWrapper_629e0d1286, .hacker-app-theme .dropdownMenuWrapper_629e0d1286 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_629e0d1286.withoutAnimation_45d9f00295 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_0943254ed3 {\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_3b8ae5da90 {\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_231597541e",fadeIn:"fadeIn_99a6bc0f77",withoutAnimation:"withoutAnimation_75b5e8a5f7",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_d3c1deff7b"};!function(e){const n="s_id-42a8647cae1d_3_60_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_231597541e {\n  animation: fadeIn_99a6bc0f77 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_231597541e, .black-app-theme .dropdownMenuWrapper_231597541e, .hacker-app-theme .dropdownMenuWrapper_231597541e {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_231597541e.withoutAnimation_75b5e8a5f7 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_d3c1deff7b {\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_99a6bc0f77 {\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_1d4689bcfd"};!function(e){const t="s_id-64f14b86843f_3_58_4";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_1d4689bcfd {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_3d88528a3c"};!function(e){const t="s_id-64f14b86843f_3_60_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_3d88528a3c {\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_7380031bf6"};!function(e){const n="s_id-a262ceec984a_3_58_4";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)}(".singleValue_7380031bf6 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_20ab9e5820"};!function(e){const n="s_id-a262ceec984a_3_60_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)}(".singleValue_20ab9e5820 {\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_ad04f3d5f5",wrapper:"wrapper_228ea64ef4",active:"active_d983937d5b",disabled:"disabled_741c9c5f6c",readOnly:"readOnly_a0ad08d58b",error:"error_668357ada1",helperText:"helperText_b96f1fe66d"};!function(r){const e="s_id-c5c35ba342a2_3_58_4";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_ad04f3d5f5 {\n  width: 100%;\n}\n\n.wrapper_228ea64ef4 {\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_228ea64ef4:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_228ea64ef4.active_d983937d5b {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_228ea64ef4.disabled_741c9c5f6c {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_228ea64ef4.readOnly_a0ad08d58b {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_228ea64ef4.error_668357ada1 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_b96f1fe66d {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_5fb72dd96c",wrapper:"wrapper_b3eba5d3e9",active:"active_98ef4b846f",disabled:"disabled_3a8f3ca5a5",readOnly:"readOnly_42cdc8960b",error:"error_2e565fc8a9",helperText:"helperText_d3c1fdb98b"};!function(r){const e="s_id-c5c35ba342a2_3_60_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_5fb72dd96c {\n  width: 100%;\n}\n\n.wrapper_b3eba5d3e9 {\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_b3eba5d3e9:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_b3eba5d3e9.active_98ef4b846f {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_b3eba5d3e9.disabled_3a8f3ca5a5 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_b3eba5d3e9.readOnly_42cdc8960b {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_b3eba5d3e9.error_2e565fc8a9 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_d3c1fdb98b {\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_fcbefe136f",menuHidden:"menuHidden_68e8d41f4c"};!function(e){const i="s_id-448dc11ee0f4_3_58_4";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_fcbefe136f {\n  visibility: visible;\n}\n\n.menuHidden_68e8d41f4c {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_f500b825b7",menuHidden:"menuHidden_5691cd0775"};!function(e){const i="s_id-448dc11ee0f4_3_60_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_f500b825b7 {\n  visibility: visible;\n}\n\n.menuHidden_5691cd0775 {\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_a19f1d7ae3",hiddenChip:"hiddenChip_62ee51a8c2",hiddenChipsDialog:"hiddenChipsDialog_80664bd695",dialogChip:"dialogChip_a4cbf5a838"};!function(e){const n="s_id-1eb6fbc8e066_3_58_4";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_a19f1d7ae3 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_62ee51a8c2 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_80664bd695 {\n  max-width: 192px;\n}\n\n.dialogChip_a4cbf5a838 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_33e268f855",hiddenChip:"hiddenChip_b910e0471f",hiddenChipsDialog:"hiddenChipsDialog_4957ad8467",dialogChip:"dialogChip_b1ca537b5a"};!function(e){const n="s_id-1eb6fbc8e066_3_60_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_33e268f855 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_b910e0471f {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_4957ad8467 {\n  max-width: 192px;\n}\n\n.dialogChip_b1ca537b5a {\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_7593976549",small:"small_b00e687eb9",medium:"medium_bfb29c65c9",large:"large_12ad508377",inputWrapper:"inputWrapper_4ccc6ca4b0",multiSelected:"multiSelected_0c2e349399",hasSelected:"hasSelected_065ec5f17b",selectedItem:"selectedItem_e3dac477ef",faded:"faded_9822a9a47a",placeholderText:"placeholderText_44aea5c866",disabled:"disabled_b3d70eb725",multiWrapper:"multiWrapper_8888b6ed7b",actionsWrapper:"actionsWrapper_e0e60dfd04"};!function(e){const n="s_id-2e8889acd7c7_3_58_4";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_7593976549 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_7593976549.small_b00e687eb9 {\n  min-height: 32px;\n}\n.triggerWrapper_7593976549.medium_bfb29c65c9 {\n  min-height: 40px;\n}\n.triggerWrapper_7593976549.large_12ad508377 {\n  min-height: 48px;\n}\n.triggerWrapper_7593976549 .inputWrapper_4ccc6ca4b0 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_7593976549 .inputWrapper_4ccc6ca4b0.small_b00e687eb9 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_7593976549 .inputWrapper_4ccc6ca4b0.multiSelected_0c2e349399 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_7593976549 .inputWrapper_4ccc6ca4b0.hasSelected_065ec5f17b {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_7593976549 .selectedItem_e3dac477ef {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_7593976549 .selectedItem_e3dac477ef.small_b00e687eb9 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_7593976549 .selectedItem_e3dac477ef.medium_bfb29c65c9 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_7593976549 .selectedItem_e3dac477ef.large_12ad508377 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_7593976549 .selectedItem_e3dac477ef.faded_9822a9a47a {\n  opacity: 0.6;\n}\n.triggerWrapper_7593976549 .placeholderText_44aea5c866 {\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_7593976549 .placeholderText_44aea5c866.disabled_b3d70eb725 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_8888b6ed7b {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_e0e60dfd04 {\n  padding: var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_255eb386dd",small:"small_93f846acc9",medium:"medium_d868c8b87a",large:"large_4b3ef865ae",inputWrapper:"inputWrapper_22f4b8289d",multiSelected:"multiSelected_58cd84acf1",hasSelected:"hasSelected_39cad65516",selectedItem:"selectedItem_86ca0c98c8",faded:"faded_2ba9eeff60",placeholderText:"placeholderText_799845263f",disabled:"disabled_7ec8a6cab2",multiWrapper:"multiWrapper_01199b67db",actionsWrapper:"actionsWrapper_dc978c3e09"};!function(e){const n="s_id-2e8889acd7c7_3_60_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_255eb386dd {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_255eb386dd.small_93f846acc9 {\n  min-height: 32px;\n}\n.triggerWrapper_255eb386dd.medium_d868c8b87a {\n  min-height: 40px;\n}\n.triggerWrapper_255eb386dd.large_4b3ef865ae {\n  min-height: 48px;\n}\n.triggerWrapper_255eb386dd .inputWrapper_22f4b8289d {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_255eb386dd .inputWrapper_22f4b8289d.small_93f846acc9 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_255eb386dd .inputWrapper_22f4b8289d.multiSelected_58cd84acf1 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_255eb386dd .inputWrapper_22f4b8289d.hasSelected_39cad65516 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_255eb386dd .selectedItem_86ca0c98c8 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_255eb386dd .selectedItem_86ca0c98c8.small_93f846acc9 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_255eb386dd .selectedItem_86ca0c98c8.medium_d868c8b87a {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_255eb386dd .selectedItem_86ca0c98c8.large_4b3ef865ae {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_255eb386dd .selectedItem_86ca0c98c8.faded_2ba9eeff60 {\n  opacity: 0.6;\n}\n.triggerWrapper_255eb386dd .placeholderText_799845263f {\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_255eb386dd .placeholderText_799845263f.disabled_7ec8a6cab2 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_01199b67db {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_dc978c3e09 {\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_e249b0e706",h1Medium:"h1Medium_9bf426a2c8",h1Normal:"h1Normal_dbd9086ba2",h1Light:"h1Light_03b579b93c",h2Bold:"h2Bold_749c4a5bd0",h2Medium:"h2Medium_078af01cc0",h2Normal:"h2Normal_e693a5fe49",h2Light:"h2Light_5d5819e6b6",h3Bold:"h3Bold_d049c7d9da",h3Medium:"h3Medium_0cad4c7507",h3Normal:"h3Normal_c63815ffc1",h3Light:"h3Light_1dd74d50d5"};!function(n){const o="s_id-81b561c226b7_3_58_4";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_e249b0e706 {\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_9bf426a2c8 {\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_dbd9086ba2 {\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_03b579b93c {\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_749c4a5bd0 {\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_078af01cc0 {\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_e693a5fe49 {\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_5d5819e6b6 {\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_d049c7d9da {\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_0cad4c7507 {\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_c63815ffc1 {\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_1dd74d50d5 {\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_a228d0dea9",h1Medium:"h1Medium_21511b59e8",h1Normal:"h1Normal_63f7d6ad77",h1Light:"h1Light_78b2d01c77",h2Bold:"h2Bold_1c8e208e58",h2Medium:"h2Medium_98c85c367a",h2Normal:"h2Normal_da29373a93",h2Light:"h2Light_9daeccba17",h3Bold:"h3Bold_eb3b5be316",h3Medium:"h3Medium_dd2e4a99a0",h3Normal:"h3Normal_c1a434cada",h3Light:"h3Light_a1eeb9e369"};!function(n){const o="s_id-81b561c226b7_3_60_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_a228d0dea9 {\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_21511b59e8 {\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_63f7d6ad77 {\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_78b2d01c77 {\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_1c8e208e58 {\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_98c85c367a {\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_da29373a93 {\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_9daeccba17 {\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_eb3b5be316 {\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_dd2e4a99a0 {\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_c1a434cada {\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_a1eeb9e369 {\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_9361a01c64",text1Medium:"text1Medium_732a9fd2b4",text1Normal:"text1Normal_743a1b04ff",text2Bold:"text2Bold_78db5e5287",text2Medium:"text2Medium_e35b50059f",text2Normal:"text2Normal_d24d8fda74",text3Bold:"text3Bold_f7e645e584",text3Medium:"text3Medium_9dabec855a",text3Normal:"text3Normal_0f4237f5f4",editableText:"editableText_89b0a0f9a8",typography:"typography_c51085995b"};!function(t){const e="s_id-bcdc5f69e9db_3_58_4";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_9361a01c64 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_732a9fd2b4 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_743a1b04ff {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_78db5e5287 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_e35b50059f {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_d24d8fda74 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_f7e645e584 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_9dabec855a {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_0f4237f5f4 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_89b0a0f9a8 .typography_c51085995b {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_a8adedb519",text1Medium:"text1Medium_0a90e3ccd3",text1Normal:"text1Normal_52fc00de8c",text2Bold:"text2Bold_7d3ef250c3",text2Medium:"text2Medium_8c1ed09898",text2Normal:"text2Normal_68d1a12d83",text3Bold:"text3Bold_18aa4ef30f",text3Medium:"text3Medium_6ce5400a47",text3Normal:"text3Normal_7660f0a265",editableText:"editableText_602d8dcda0",typography:"typography_bd367381ef"};!function(t){const e="s_id-bcdc5f69e9db_3_60_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_a8adedb519 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_0a90e3ccd3 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_52fc00de8c {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_7d3ef250c3 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_8c1ed09898 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_68d1a12d83 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_18aa4ef30f {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_6ce5400a47 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_7660f0a265 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_602d8dcda0 .typography_bd367381ef {\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"}

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_8f58fe8eef",input:"input_1b1da9d534",textarea:"textarea_c80a98b138",typography:"typography_d351f754ad",disabled:"disabled_d4f0d62b89",hidden:"hidden_779d5c3094",placeholder:"placeholder_bbbf38add3",multiline:"multiline_e1a017fbc2"};!function(e){const a="s_id-34ea4bd39075_3_58_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_8f58fe8eef {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_8f58fe8eef .input_1b1da9d534,\n.editableTypography_8f58fe8eef .textarea_c80a98b138 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_8f58fe8eef .input_1b1da9d534:focus, .editableTypography_8f58fe8eef .input_1b1da9d534:active,\n.editableTypography_8f58fe8eef .textarea_c80a98b138:focus,\n.editableTypography_8f58fe8eef .textarea_c80a98b138:active {\n  outline: none;\n}\n.editableTypography_8f58fe8eef .textarea_c80a98b138 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_8f58fe8eef .typography_d351f754ad {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_8f58fe8eef .typography_d351f754ad:hover:not(.disabled_d4f0d62b89) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_8f58fe8eef .typography_d351f754ad.hidden_779d5c3094 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_8f58fe8eef .typography_d351f754ad.placeholder_bbbf38add3 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_8f58fe8eef .typography_d351f754ad.multiline_e1a017fbc2 {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_83e6a07a3b",input:"input_585bc5e509",textarea:"textarea_c5edc08074",typography:"typography_8ed431857e",disabled:"disabled_83c0b54b08",hidden:"hidden_45785f9946",placeholder:"placeholder_54d9416ee6",multiline:"multiline_ee9ff2d4d9"};!function(e){const a="s_id-34ea4bd39075_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_83e6a07a3b {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_83e6a07a3b .input_585bc5e509,\n.editableTypography_83e6a07a3b .textarea_c5edc08074 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_83e6a07a3b .input_585bc5e509:focus, .editableTypography_83e6a07a3b .input_585bc5e509:active,\n.editableTypography_83e6a07a3b .textarea_c5edc08074:focus,\n.editableTypography_83e6a07a3b .textarea_c5edc08074:active {\n  outline: none;\n}\n.editableTypography_83e6a07a3b .textarea_c5edc08074 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_83e6a07a3b .typography_8ed431857e {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_83e6a07a3b .typography_8ed431857e:hover:not(.disabled_83c0b54b08) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_83e6a07a3b .typography_8ed431857e.hidden_45785f9946 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_83e6a07a3b .typography_8ed431857e.placeholder_54d9416ee6 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_83e6a07a3b .typography_8ed431857e.multiline_ee9ff2d4d9 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map