npm - @vibe/core - Versions diffs - 3.13.0-alpha-4ba3f.0 → 3.14.0 - Mend

@vibe/core 3.13.0-alpha-4ba3f.0 → 3.14.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 (331) hide show

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_e8f50ae199",top:"top_85995c86fc",right:"right_357c179a2a",left:"left_89b4a3ddca",bottom:"bottom_819a4d46d7",bottomStart:"bottomStart_f1c38eae6c",topStart:"topStart_cbf8d68191",bottomEnd:"bottomEnd_58b311aeaa",topEnd:"topEnd_d97afdca46",leftStart:"leftStart_d7a8da1263",rightStart:"rightStart_3bb5a2af97",leftEnd:"leftEnd_b05163abd7",rightEnd:"rightEnd_7e58f7a53c",contentComponent:"contentComponent_e8f50ae199",hasTooltip:"hasTooltip_0bb64e144e",opacitySlideAppear:"opacitySlideAppear_32b90d54b6",opacitySlideAppearActive:"opacitySlideAppearActive_e54ce23b7a",expandAppear:"expandAppear_bf3dc7b298",expandExit:"expandExit_48239b92d3",edgeBottom:"edgeBottom_9380adaf40",edgeTop:"edgeTop_f0be472e6f",expandAppearActive:"expandAppearActive_19c7a55e0d"};!function(e){const a="s_id-ca4097b848ab_3_12_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_e8f50ae199 {\n  outline: 0;\n}\n.contentWrapper_e8f50ae199.top_85995c86fc, .contentWrapper_e8f50ae199.right_357c179a2a, .contentWrapper_e8f50ae199.left_89b4a3ddca, .contentWrapper_e8f50ae199.bottom_819a4d46d7 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.bottomStart_f1c38eae6c, .contentWrapper_e8f50ae199.topStart_cbf8d68191, .contentWrapper_e8f50ae199.bottomEnd_58b311aeaa, .contentWrapper_e8f50ae199.topEnd_d97afdca46 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.bottomStart_f1c38eae6c, .contentWrapper_e8f50ae199.topStart_cbf8d68191 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.bottomEnd_58b311aeaa, .contentWrapper_e8f50ae199.topEnd_d97afdca46 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.leftStart_d7a8da1263, .contentWrapper_e8f50ae199.rightStart_3bb5a2af97, .contentWrapper_e8f50ae199.leftEnd_b05163abd7, .contentWrapper_e8f50ae199.rightEnd_7e58f7a53c {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.leftStart_d7a8da1263, .contentWrapper_e8f50ae199.rightStart_3bb5a2af97 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199.leftEnd_b05163abd7, .contentWrapper_e8f50ae199.rightEnd_7e58f7a53c {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_e8f50ae199[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_e8f50ae199:focus {\n  outline: none;\n}\n.contentComponent_e8f50ae199.hasTooltip_0bb64e144e {\n  padding: 6px;\n}\n.opacitySlideAppear_32b90d54b6 {\n  opacity: 0;\n}\n.opacitySlideAppear_32b90d54b6.top_85995c86fc {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_32b90d54b6.right_357c179a2a {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_32b90d54b6.bottom_819a4d46d7 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_32b90d54b6.left_89b4a3ddca {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_e54ce23b7a {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_e54ce23b7a.top_85995c86fc, .opacitySlideAppearActive_e54ce23b7a.bottom_819a4d46d7 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_e54ce23b7a.right_357c179a2a, .opacitySlideAppearActive_e54ce23b7a.left_89b4a3ddca {\n  transform: translateX(0);\n}\n.expandAppear_bf3dc7b298,\n.expandExit_48239b92d3 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_bf3dc7b298.top_85995c86fc, .expandAppear_bf3dc7b298.topStart_cbf8d68191, .expandAppear_bf3dc7b298.topEnd_d97afdca46,\n.expandExit_48239b92d3.top_85995c86fc,\n.expandExit_48239b92d3.topStart_cbf8d68191,\n.expandExit_48239b92d3.topEnd_d97afdca46 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_bf3dc7b298.top_85995c86fc.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.topStart_cbf8d68191.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.topEnd_d97afdca46.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.top_85995c86fc.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.topStart_cbf8d68191.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.topEnd_d97afdca46.edgeBottom_9380adaf40 {\n  transform-origin: bottom left;\n}\n.expandAppear_bf3dc7b298.top_85995c86fc.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.topStart_cbf8d68191.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.topEnd_d97afdca46.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.top_85995c86fc.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.topStart_cbf8d68191.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.topEnd_d97afdca46.edgeTop_f0be472e6f {\n  transform-origin: bottom right;\n}\n.expandAppear_bf3dc7b298.right_357c179a2a, .expandAppear_bf3dc7b298.rightStart_3bb5a2af97, .expandAppear_bf3dc7b298.rightEnd_7e58f7a53c,\n.expandExit_48239b92d3.right_357c179a2a,\n.expandExit_48239b92d3.rightStart_3bb5a2af97,\n.expandExit_48239b92d3.rightEnd_7e58f7a53c {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_bf3dc7b298.right_357c179a2a.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.rightStart_3bb5a2af97.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.rightEnd_7e58f7a53c.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.right_357c179a2a.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.rightStart_3bb5a2af97.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.rightEnd_7e58f7a53c.edgeBottom_9380adaf40 {\n  transform-origin: top left;\n}\n.expandAppear_bf3dc7b298.right_357c179a2a.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.rightStart_3bb5a2af97.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.rightEnd_7e58f7a53c.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.right_357c179a2a.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.rightStart_3bb5a2af97.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.rightEnd_7e58f7a53c.edgeTop_f0be472e6f {\n  transform-origin: bottom left;\n}\n.expandAppear_bf3dc7b298.bottom_819a4d46d7, .expandAppear_bf3dc7b298.bottomStart_f1c38eae6c, .expandAppear_bf3dc7b298.bottomEnd_58b311aeaa,\n.expandExit_48239b92d3.bottom_819a4d46d7,\n.expandExit_48239b92d3.bottomStart_f1c38eae6c,\n.expandExit_48239b92d3.bottomEnd_58b311aeaa {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_bf3dc7b298.bottom_819a4d46d7.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.bottomStart_f1c38eae6c.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.bottomEnd_58b311aeaa.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.bottom_819a4d46d7.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.bottomStart_f1c38eae6c.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.bottomEnd_58b311aeaa.edgeBottom_9380adaf40 {\n  transform-origin: top left;\n}\n.expandAppear_bf3dc7b298.bottom_819a4d46d7.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.bottomStart_f1c38eae6c.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.bottomEnd_58b311aeaa.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.bottom_819a4d46d7.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.bottomStart_f1c38eae6c.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.bottomEnd_58b311aeaa.edgeTop_f0be472e6f {\n  transform-origin: top right;\n}\n.expandAppear_bf3dc7b298.left_89b4a3ddca, .expandAppear_bf3dc7b298.leftStart_d7a8da1263, .expandAppear_bf3dc7b298.leftEnd_b05163abd7,\n.expandExit_48239b92d3.left_89b4a3ddca,\n.expandExit_48239b92d3.leftStart_d7a8da1263,\n.expandExit_48239b92d3.leftEnd_b05163abd7 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_bf3dc7b298.left_89b4a3ddca.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.leftStart_d7a8da1263.edgeBottom_9380adaf40, .expandAppear_bf3dc7b298.leftEnd_b05163abd7.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.left_89b4a3ddca.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.leftStart_d7a8da1263.edgeBottom_9380adaf40,\n.expandExit_48239b92d3.leftEnd_b05163abd7.edgeBottom_9380adaf40 {\n  transform-origin: top right;\n}\n.expandAppear_bf3dc7b298.left_89b4a3ddca.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.leftStart_d7a8da1263.edgeTop_f0be472e6f, .expandAppear_bf3dc7b298.leftEnd_b05163abd7.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.left_89b4a3ddca.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.leftStart_d7a8da1263.edgeTop_f0be472e6f,\n.expandExit_48239b92d3.leftEnd_b05163abd7.edgeTop_f0be472e6f {\n  transform-origin: bottom right;\n}\n.expandExit_48239b92d3 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_19c7a55e0d {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_19c7a55e0d.top_85995c86fc, .expandAppearActive_19c7a55e0d.topStart_cbf8d68191, .expandAppearActive_19c7a55e0d.topEnd_d97afdca46, .expandAppearActive_19c7a55e0d.bottom_819a4d46d7, .expandAppearActive_19c7a55e0d.bottomStart_f1c38eae6c, .expandAppearActive_19c7a55e0d.bottomEnd_58b311aeaa, .expandAppearActive_19c7a55e0d.right_357c179a2a, .expandAppearActive_19c7a55e0d.rightStart_3bb5a2af97, .expandAppearActive_19c7a55e0d.rightEnd_7e58f7a53c, .expandAppearActive_19c7a55e0d.left_89b4a3ddca, .expandAppearActive_19c7a55e0d.leftStart_d7a8da1263, .expandAppearActive_19c7a55e0d.leftEnd_b05163abd7 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_cdb111d4db",top:"top_9ab0a27ce1",right:"right_8536b966a5",left:"left_f399bf3d39",bottom:"bottom_fe8938c778",bottomStart:"bottomStart_1f502f560e",topStart:"topStart_1db045c080",bottomEnd:"bottomEnd_a0cf8fe552",topEnd:"topEnd_822249c087",leftStart:"leftStart_a4e4d78e58",rightStart:"rightStart_fdde81f806",leftEnd:"leftEnd_d6e1fb85d2",rightEnd:"rightEnd_d3ebb810ca",contentComponent:"contentComponent_cdb111d4db",hasTooltip:"hasTooltip_726ba63b8f",opacitySlideAppear:"opacitySlideAppear_562c859df2",opacitySlideAppearActive:"opacitySlideAppearActive_423091dc0d",expandAppear:"expandAppear_99830d305e",expandExit:"expandExit_1be521df2a",edgeBottom:"edgeBottom_0fc5aded28",edgeTop:"edgeTop_3a1ed57c42",expandAppearActive:"expandAppearActive_38d5266e36"};!function(e){const d="s_id-ca4097b848ab_3_13_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".contentWrapper_cdb111d4db {\n  outline: 0;\n}\n.contentWrapper_cdb111d4db.top_9ab0a27ce1, .contentWrapper_cdb111d4db.right_8536b966a5, .contentWrapper_cdb111d4db.left_f399bf3d39, .contentWrapper_cdb111d4db.bottom_fe8938c778 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.bottomStart_1f502f560e, .contentWrapper_cdb111d4db.topStart_1db045c080, .contentWrapper_cdb111d4db.bottomEnd_a0cf8fe552, .contentWrapper_cdb111d4db.topEnd_822249c087 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.bottomStart_1f502f560e, .contentWrapper_cdb111d4db.topStart_1db045c080 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.bottomEnd_a0cf8fe552, .contentWrapper_cdb111d4db.topEnd_822249c087 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.leftStart_a4e4d78e58, .contentWrapper_cdb111d4db.rightStart_fdde81f806, .contentWrapper_cdb111d4db.leftEnd_d6e1fb85d2, .contentWrapper_cdb111d4db.rightEnd_d3ebb810ca {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.leftStart_a4e4d78e58, .contentWrapper_cdb111d4db.rightStart_fdde81f806 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db.leftEnd_d6e1fb85d2, .contentWrapper_cdb111d4db.rightEnd_d3ebb810ca {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_cdb111d4db[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_cdb111d4db:focus {\n  outline: none;\n}\n.contentComponent_cdb111d4db.hasTooltip_726ba63b8f {\n  padding: 6px;\n}\n.opacitySlideAppear_562c859df2 {\n  opacity: 0;\n}\n.opacitySlideAppear_562c859df2.top_9ab0a27ce1 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_562c859df2.right_8536b966a5 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_562c859df2.bottom_fe8938c778 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_562c859df2.left_f399bf3d39 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_423091dc0d {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_423091dc0d.top_9ab0a27ce1, .opacitySlideAppearActive_423091dc0d.bottom_fe8938c778 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_423091dc0d.right_8536b966a5, .opacitySlideAppearActive_423091dc0d.left_f399bf3d39 {\n  transform: translateX(0);\n}\n.expandAppear_99830d305e,\n.expandExit_1be521df2a {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_99830d305e.top_9ab0a27ce1, .expandAppear_99830d305e.topStart_1db045c080, .expandAppear_99830d305e.topEnd_822249c087,\n.expandExit_1be521df2a.top_9ab0a27ce1,\n.expandExit_1be521df2a.topStart_1db045c080,\n.expandExit_1be521df2a.topEnd_822249c087 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_99830d305e.top_9ab0a27ce1.edgeBottom_0fc5aded28, .expandAppear_99830d305e.topStart_1db045c080.edgeBottom_0fc5aded28, .expandAppear_99830d305e.topEnd_822249c087.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.top_9ab0a27ce1.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.topStart_1db045c080.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.topEnd_822249c087.edgeBottom_0fc5aded28 {\n  transform-origin: bottom left;\n}\n.expandAppear_99830d305e.top_9ab0a27ce1.edgeTop_3a1ed57c42, .expandAppear_99830d305e.topStart_1db045c080.edgeTop_3a1ed57c42, .expandAppear_99830d305e.topEnd_822249c087.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.top_9ab0a27ce1.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.topStart_1db045c080.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.topEnd_822249c087.edgeTop_3a1ed57c42 {\n  transform-origin: bottom right;\n}\n.expandAppear_99830d305e.right_8536b966a5, .expandAppear_99830d305e.rightStart_fdde81f806, .expandAppear_99830d305e.rightEnd_d3ebb810ca,\n.expandExit_1be521df2a.right_8536b966a5,\n.expandExit_1be521df2a.rightStart_fdde81f806,\n.expandExit_1be521df2a.rightEnd_d3ebb810ca {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_99830d305e.right_8536b966a5.edgeBottom_0fc5aded28, .expandAppear_99830d305e.rightStart_fdde81f806.edgeBottom_0fc5aded28, .expandAppear_99830d305e.rightEnd_d3ebb810ca.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.right_8536b966a5.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.rightStart_fdde81f806.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.rightEnd_d3ebb810ca.edgeBottom_0fc5aded28 {\n  transform-origin: top left;\n}\n.expandAppear_99830d305e.right_8536b966a5.edgeTop_3a1ed57c42, .expandAppear_99830d305e.rightStart_fdde81f806.edgeTop_3a1ed57c42, .expandAppear_99830d305e.rightEnd_d3ebb810ca.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.right_8536b966a5.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.rightStart_fdde81f806.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.rightEnd_d3ebb810ca.edgeTop_3a1ed57c42 {\n  transform-origin: bottom left;\n}\n.expandAppear_99830d305e.bottom_fe8938c778, .expandAppear_99830d305e.bottomStart_1f502f560e, .expandAppear_99830d305e.bottomEnd_a0cf8fe552,\n.expandExit_1be521df2a.bottom_fe8938c778,\n.expandExit_1be521df2a.bottomStart_1f502f560e,\n.expandExit_1be521df2a.bottomEnd_a0cf8fe552 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_99830d305e.bottom_fe8938c778.edgeBottom_0fc5aded28, .expandAppear_99830d305e.bottomStart_1f502f560e.edgeBottom_0fc5aded28, .expandAppear_99830d305e.bottomEnd_a0cf8fe552.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.bottom_fe8938c778.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.bottomStart_1f502f560e.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.bottomEnd_a0cf8fe552.edgeBottom_0fc5aded28 {\n  transform-origin: top left;\n}\n.expandAppear_99830d305e.bottom_fe8938c778.edgeTop_3a1ed57c42, .expandAppear_99830d305e.bottomStart_1f502f560e.edgeTop_3a1ed57c42, .expandAppear_99830d305e.bottomEnd_a0cf8fe552.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.bottom_fe8938c778.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.bottomStart_1f502f560e.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.bottomEnd_a0cf8fe552.edgeTop_3a1ed57c42 {\n  transform-origin: top right;\n}\n.expandAppear_99830d305e.left_f399bf3d39, .expandAppear_99830d305e.leftStart_a4e4d78e58, .expandAppear_99830d305e.leftEnd_d6e1fb85d2,\n.expandExit_1be521df2a.left_f399bf3d39,\n.expandExit_1be521df2a.leftStart_a4e4d78e58,\n.expandExit_1be521df2a.leftEnd_d6e1fb85d2 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_99830d305e.left_f399bf3d39.edgeBottom_0fc5aded28, .expandAppear_99830d305e.leftStart_a4e4d78e58.edgeBottom_0fc5aded28, .expandAppear_99830d305e.leftEnd_d6e1fb85d2.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.left_f399bf3d39.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.leftStart_a4e4d78e58.edgeBottom_0fc5aded28,\n.expandExit_1be521df2a.leftEnd_d6e1fb85d2.edgeBottom_0fc5aded28 {\n  transform-origin: top right;\n}\n.expandAppear_99830d305e.left_f399bf3d39.edgeTop_3a1ed57c42, .expandAppear_99830d305e.leftStart_a4e4d78e58.edgeTop_3a1ed57c42, .expandAppear_99830d305e.leftEnd_d6e1fb85d2.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.left_f399bf3d39.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.leftStart_a4e4d78e58.edgeTop_3a1ed57c42,\n.expandExit_1be521df2a.leftEnd_d6e1fb85d2.edgeTop_3a1ed57c42 {\n  transform-origin: bottom right;\n}\n.expandExit_1be521df2a {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_38d5266e36 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_38d5266e36.top_9ab0a27ce1, .expandAppearActive_38d5266e36.topStart_1db045c080, .expandAppearActive_38d5266e36.topEnd_822249c087, .expandAppearActive_38d5266e36.bottom_fe8938c778, .expandAppearActive_38d5266e36.bottomStart_1f502f560e, .expandAppearActive_38d5266e36.bottomEnd_a0cf8fe552, .expandAppearActive_38d5266e36.right_8536b966a5, .expandAppearActive_38d5266e36.rightStart_fdde81f806, .expandAppearActive_38d5266e36.rightEnd_d3ebb810ca, .expandAppearActive_38d5266e36.left_f399bf3d39, .expandAppearActive_38d5266e36.leftStart_a4e4d78e58, .expandAppearActive_38d5266e36.leftEnd_d6e1fb85d2 {\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_28a9b47a61",sizeSmall:"sizeSmall_be654f4da8",sizeMedium:"sizeMedium_855d746e3d",sizeLarge:"sizeLarge_fd04180ff7",typePopover:"typePopover_2445cda9bb",typeModal:"typeModal_fc17a5c4f8"};!function(e){const a="s_id-84014680658e_3_12_3";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)}(".dialogContentContainer_28a9b47a61:focus {\n  outline: none;\n}\n\n.sizeSmall_be654f4da8 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_855d746e3d {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_fd04180ff7 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_2445cda9bb {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_fc17a5c4f8 {\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_fac36115ae",sizeSmall:"sizeSmall_fe640c97e6",sizeMedium:"sizeMedium_03d6746e30",sizeLarge:"sizeLarge_934c2dd9fe",typePopover:"typePopover_08253e3361",typeModal:"typeModal_3571454a93"};!function(e){const n="s_id-84014680658e_3_13_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_fac36115ae:focus {\n  outline: none;\n}\n\n.sizeSmall_fe640c97e6 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_03d6746e30 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_934c2dd9fe {\n  padding: var(--spacing-large);\n}\n\n.typePopover_08253e3361 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_3571454a93 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_be69584cea",withoutMargin:"withoutMargin_841318e81f",horizontal:"horizontal_65917d66f1",vertical:"vertical_2c0514931a"};!function(e){const n="s_id-290500f5721e_3_12_3";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_be69584cea {\n  background-color: var(--layout-border-color);\n}\n\n.divider_be69584cea.withoutMargin_841318e81f {\n  margin: 0;\n}\n\n.horizontal_65917d66f1 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_2c0514931a {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_72cc6186c8",withoutMargin:"withoutMargin_9137c63d1a",horizontal:"horizontal_eae680c5cc",vertical:"vertical_1494664212"};!function(e){const n="s_id-290500f5721e_3_13_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_72cc6186c8 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_72cc6186c8.withoutMargin_9137c63d1a {\n  margin: 0;\n}\n\n.horizontal_eae680c5cc {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_1494664212 {\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_6ac6cdf148"};!function(o){const n="s_id-9c014db6980d_3_12_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_6ac6cdf148 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_6ac6cdf148 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_6ac6cdf148 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_6ac6cdf148 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_6ac6cdf148 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_6ac6cdf148 .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_f0bf9d5b75"};!function(o){const n="s_id-9c014db6980d_3_13_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_f0bf9d5b75 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_f0bf9d5b75 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f0bf9d5b75 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_f0bf9d5b75 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_f0bf9d5b75 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_f0bf9d5b75 .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_60a11b8151",avatar:"avatar_8257a7a917",icon:"icon_27bd1c1f0e"};!function(e){const a="s_id-a9768234c15e_3_12_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".valueContainer_60a11b8151 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_60a11b8151 .avatar_8257a7a917,\n.valueContainer_60a11b8151 .icon_27bd1c1f0e {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_8fd41d605e",avatar:"avatar_4c55506093",icon:"icon_63cce1e8f2"};!function(e){const n="s_id-a9768234c15e_3_13_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_8fd41d605e {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_8fd41d605e .avatar_4c55506093,\n.valueContainer_8fd41d605e .icon_63cce1e8f2 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as t,defineProperty as n,extends as l}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as i,useEffect as a,useCallback as r}from"react";import{components as c}from"react-select";import s from"classnames";import{useHiddenOptionsData as u}from"../../hooks/useHiddenOptionsData.js";import m from"../../../Counter/Counter.js";import p from"../../../Dialog/Dialog.js";import d from"../../../DialogContentContainer/DialogContentContainer.js";import h from"../../../Chips/Chips.js";import f from"./MultiValueContainer.module.scss.js";var v=["children","selectProps"];function g(g){var C=g.children,E=g.selectProps,D=e(g,v),b=E.isDisabled,w=E.placeholder,y=E.inputValue,P=E.selectProps,N=void 0===P?{}:P,j=E.withMandatoryDefaultOptions,M=E.readOnly,O=N.selectedOptions,k=N.onSelectedDelete,x=N.isMultiline,A=N.popupsContainerSelector,S=N.size,T=C[1],V=i(),B=t(V,2),I=B[0],F=B[1],H=i(!1),R=t(H,2),W=R[0],_=R[1],z=0===O.length&&!y,q=f["chip-with-input-wrapper"],G=s(x?f["multiselect-chip-multi-line"]:f["multiselect-chip-single-line-".concat(S)],n({},f["multiselect-chip-disabled"],b)),J=u({isMultiline:x,ref:I,chipClassName:G,chipWrapperClassName:q,selectedOptionsCount:O.length,isCounterShown:W}),K=J.overflowIndex,L=J.hiddenOptionsCount;a((function(){_(L>0)}),[L]);var Q=r((function(e){k(e.value,{action:"remove-value",removedValue:e})}),[k]),U=["primary","negative","positive"],X=r((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:O.length;return O.map((function(n,l){var i=U.includes(n.chipColor)?n.chipColor:"primary";return l>=e&&t>l?o.createElement(h,{"data-testid":"value-container-chip",key:n.value,className:s(f.chips,G),noAnimation:!0,disabled:b,id:n.value,label:n.label,onDelete:function(){return Q(n)},disableClickableBehavior:!0,onMouseDown:function(e){e.stopPropagation()},readOnly:M||j&&n.isMandatory,allowTextSelection:M,leftRenderer:n.leftRenderer,leftAvatar:n.leftAvatar,leftIcon:n.leftIcon,color:i}):null}))}),[O,G,b,M,j,Q,S]);return o.createElement(c.ValueContainer,l({selectProps:E},D),o.createElement("div",{className:f["value-container"]},z&&o.createElement("div",{className:f["placeholder-container"]},o.createElement(c.Placeholder,D,w)),o.createElement("div",{className:s(f["value-container-chips"],n({},f["without-placeholder"],!z)),ref:function(e){return F(e)},"data-testid":"value-container-chips"},W?o.createElement(o.Fragment,null,X(0,K-1),o.createElement("div",{className:q},X(K-1,K),T),X(K)):o.createElement(o.Fragment,null,X(0,O.length-1),o.createElement("div",{className:q},X(O.length-1),T))),o.createElement("div",null,W&&o.createElement(p,{content:function(){return o.createElement(d,{className:f.valueDialogContent},X(K))},containerSelector:A,tooltip:!0,showTrigger:"click",hideTrigger:"clickoutside",position:"bottom",moveBy:{main:5}},o.createElement(m,{kind:"line",prefix:"+",count:L,onMouseDown:function(e){e.stopPropagation()},noAnimation:!0})))))}export{g as default};
+import{objectWithoutProperties as e,slicedToArray as t,defineProperty as n,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i,{useState as l,useEffect as a,useCallback as r}from"react";import{components as c}from"react-select";import s from"classnames";import{useHiddenOptionsData as u}from"../../hooks/useHiddenOptionsData.js";import p from"../../../Counter/Counter.js";import m from"../../../Dialog/Dialog.js";import d from"../../../DialogContentContainer/DialogContentContainer.js";import h from"../../../Chips/Chips.js";import f from"./MultiValueContainer.module.scss.js";var v=["children","selectProps"];function g(g){var C=g.children,E=g.selectProps,D=e(g,v),P=E.isDisabled,b=E.placeholder,w=E.inputValue,y=E.selectProps,N=void 0===y?{}:y,j=E.withMandatoryDefaultOptions,M=E.readOnly,O=N.selectedOptions,k=N.onSelectedDelete,x=N.isMultiline,A=N.popupsContainerSelector,S=N.size,T=C[1],V=l(),B=t(V,2),I=B[0],F=B[1],H=l(!1),R=t(H,2),W=R[0],_=R[1],z=0===O.length&&!w,q=f["chip-with-input-wrapper"],G=s(x?f["multiselect-chip-multi-line"]:f["multiselect-chip-single-line-".concat(S)],n({},f["multiselect-chip-disabled"],P)),J=u({isMultiline:x,ref:I,chipClassName:G,chipWrapperClassName:q,selectedOptionsCount:O.length,isCounterShown:W}),K=J.overflowIndex,L=J.hiddenOptionsCount;a((function(){_(L>0)}),[L]);var Q=r((function(e){k(e.value,{action:"remove-value",removedValue:e})}),[k]),U=["primary","negative","positive"],X=r((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:O.length;return O.map((function(n,o){var l=U.includes(n.chipColor)?n.chipColor:"primary";return o>=e&&t>o?i.createElement(h,{"data-testid":"value-container-chip",key:n.value,className:s(f.chips,G),noAnimation:!0,disabled:P,id:n.value,label:n.label,onDelete:function(){return Q(n)},disableClickableBehavior:!0,onMouseDown:function(e){e.stopPropagation()},readOnly:M||j&&n.isMandatory,allowTextSelection:M,leftRenderer:n.leftRenderer,leftAvatar:n.leftAvatar,leftIcon:n.leftIcon,color:l}):null}))}),[O,G,P,M,j,Q,S]);return i.createElement(c.ValueContainer,o({selectProps:E},D),i.createElement("div",{className:f["value-container"],onTouchEndCapture:function(e){e.stopPropagation()}},z&&i.createElement("div",{className:f["placeholder-container"]},i.createElement(c.Placeholder,D,b)),i.createElement("div",{className:s(f["value-container-chips"],n({},f["without-placeholder"],!z)),ref:function(e){return F(e)},"data-testid":"value-container-chips"},W?i.createElement(i.Fragment,null,X(0,K-1),i.createElement("div",{className:q},X(K-1,K),T),X(K)):i.createElement(i.Fragment,null,X(0,O.length-1),i.createElement("div",{className:q},X(O.length-1),T))),i.createElement("div",null,W&&i.createElement(m,{content:function(){return i.createElement(d,{className:f.valueDialogContent},X(K))},containerSelector:A,tooltip:!0,showTrigger:"click",hideTrigger:"clickoutside",position:"bottom",moveBy:{main:5}},i.createElement(p,{kind:"line",prefix:"+",count:L,onMouseDown:function(e){e.stopPropagation()},noAnimation:!0})))))}export{g as default};
 //# sourceMappingURL=MultiValueContainer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { components } from \"react-select\";\nimport cx from \"classnames\";\nimport { useHiddenOptionsData } from \"../../hooks/useHiddenOptionsData\";\nimport Counter from \"../../../Counter/Counter\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport DialogContentContainer from \"../../../DialogContentContainer/DialogContentContainer\";\nimport Chips from \"../../../Chips/Chips\";\nimport classes from \"./MultiValueContainer.module.scss\";\n\nconst DIALOG_OFFSET_Y = 5;\n\nexport default function Container({ children, selectProps, ...otherProps }) {\n const {\n isDisabled,\n placeholder,\n inputValue,\n selectProps: customProps = {},\n withMandatoryDefaultOptions,\n readOnly\n } = selectProps;\n const { selectedOptions, onSelectedDelete, isMultiline, popupsContainerSelector, size } = customProps;\n const clickHandler = children[1];\n const [ref, setRef] = useState();\n const [isCounterShown, setIsCounterShown] = useState(false);\n const showPlaceholder = selectedOptions.length === 0 && !inputValue;\n const chipWrapperClassName = classes[\"chip-with-input-wrapper\"];\n const chipClassName = cx(\n isMultiline ? classes[\"multiselect-chip-multi-line\"] : classes[`multiselect-chip-single-line-${size}`],\n { [classes[\"multiselect-chip-disabled\"]]: isDisabled }\n );\n\n const { overflowIndex, hiddenOptionsCount } = useHiddenOptionsData({\n isMultiline,\n ref,\n chipClassName,\n chipWrapperClassName,\n selectedOptionsCount: selectedOptions.length,\n isCounterShown\n });\n\n useEffect(() => {\n setIsCounterShown(hiddenOptionsCount > 0);\n }, [hiddenOptionsCount]);\n\n const onDelete = useCallback(\n option => {\n onSelectedDelete(option.value, { action: \"remove-value\", removedValue: option });\n },\n [onSelectedDelete]\n );\n\n const DropdownChipColors = [\"primary\", \"negative\", \"positive\"];\n const renderOptions = useCallback(\n (from = 0, to = selectedOptions.length) =>\n selectedOptions.map((option, index) => {\n const overrideChipColor = DropdownChipColors.includes(option.chipColor) ? option.chipColor : \"primary\";\n return index >= from && index < to ? (\n <Chips\n data-testid=\"value-container-chip\"\n key={option.value}\n className={cx(classes.chips, chipClassName)}\n noAnimation\n disabled={isDisabled}\n id={option.value}\n label={option.label}\n onDelete={() => onDelete(option)}\n disableClickableBehavior\n onMouseDown={e => {\n e.stopPropagation();\n }}\n readOnly={readOnly \|\| (withMandatoryDefaultOptions && option.isMandatory)}\n allowTextSelection={readOnly}\n leftRenderer={option.leftRenderer}\n leftAvatar={option.leftAvatar}\n leftIcon={option.leftIcon}\n color={overrideChipColor}\n />\n ) : null;\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [selectedOptions, chipClassName, isDisabled, readOnly, withMandatoryDefaultOptions, onDelete, size]\n );\n\n return (\n <components.ValueContainer selectProps={selectProps} {...otherProps}>\n <div className={classes[\"value-container\"]}>\n {showPlaceholder && (\n <div className={classes[\"placeholder-container\"]}>\n <components.Placeholder {...otherProps}>{placeholder}</components.Placeholder>\n </div>\n )}\n <div\n className={cx(classes[\"value-container-chips\"], { [classes[\"without-placeholder\"]]: !showPlaceholder })}\n ref={newRef => setRef(newRef)}\n data-testid=\"value-container-chips\"\n >\n {isCounterShown ? (\n <>\n {renderOptions(0, overflowIndex - 1)}\n <div className={chipWrapperClassName}>\n {renderOptions(overflowIndex - 1, overflowIndex)}\n {clickHandler}\n </div>\n {renderOptions(overflowIndex)}\n </>\n ) : (\n <>\n {renderOptions(0, selectedOptions.length - 1)}\n <div className={chipWrapperClassName}>\n {renderOptions(selectedOptions.length - 1)}\n {clickHandler}\n </div>\n </>\n )}\n </div>\n <div>\n {isCounterShown && (\n <Dialog\n content={() => (\n <DialogContentContainer className={classes.valueDialogContent}>\n {renderOptions(overflowIndex)}\n </DialogContentContainer>\n )}\n containerSelector={popupsContainerSelector}\n tooltip\n showTrigger=\"click\"\n hideTrigger=\"clickoutside\"\n position=\"bottom\"\n moveBy={{ main: DIALOG_OFFSET_Y }}\n >\n <Counter\n kind=\"line\"\n prefix=\"+\"\n count={hiddenOptionsCount}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n noAnimation\n />\n </Dialog>\n )}\n </div>\n </div>\n </components.ValueContainer>\n );\n}\n"],"names":["Container","_ref","children","selectProps","otherProps","_objectWithoutProperties","_excluded","isDisabled","placeholder","inputValue","_selectProps$selectPr","customProps","withMandatoryDefaultOptions","readOnly","selectedOptions","onSelectedDelete","isMultiline","popupsContainerSelector","size","clickHandler","_useState","useState","_useState2","_slicedToArray","ref","setRef","_useState3","_useState4","isCounterShown","setIsCounterShown","showPlaceholder","length","chipWrapperClassName","classes","chipClassName","cx","concat","_defineProperty","_useHiddenOptionsData","useHiddenOptionsData","selectedOptionsCount","overflowIndex","hiddenOptionsCount","useEffect","onDelete","useCallback","option","value","action","removedValue","DropdownChipColors","renderOptions","from","arguments","undefined","to","map","index","overrideChipColor","includes","chipColor","React","createElement","Chips","key","className","chips","noAnimation","disabled","id","label","disableClickableBehavior","onMouseDown","e","stopPropagation","isMandatory","allowTextSelection","leftRenderer","leftAvatar","leftIcon","color","components","ValueContainer","_extends","Placeholder","newRef","Fragment","Dialog","content","DialogContentContainer","valueDialogContent","containerSelector","tooltip","showTrigger","hideTrigger","position","moveBy","main","Counter","kind","prefix","count"],"mappings":"+nBAYe,SAASA,EAASC,GAA2C,IAAxCC,EAAQD,EAARC,SAAUC,EAAWF,EAAXE,YAAgBC,EAAUC,EAAAJ,EAAAK,GAEpEC,EAMEJ,EANFI,WACAC,EAKEL,EALFK,YACAC,EAIEN,EAJFM,WAAUC,EAIRP,EAHFA,YAAaQ,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAC7BE,EAEET,EAFFS,4BACAC,EACEV,EADFU,SAEMC,EAAkFH,EAAlFG,gBAAiBC,EAAiEJ,EAAjEI,iBAAkBC,EAA+CL,EAA/CK,YAAaC,EAAkCN,EAAlCM,wBAAyBC,EAASP,EAATO,KAC3EC,EAAejB,EAAS,GAC9BkB,EAAsBC,IAAUC,EAAAC,EAAAH,EAAA,GAAzBI,EAAGF,EAAA,GAAEG,EAAMH,EAAA,GAClBI,EAA4CL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAApDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GAClCG,EAA6C,IAA3BhB,EAAgBiB,SAAiBtB,EACnDuB,EAAuBC,EAAQ,2BAC/BC,EAAgBC,EACpBnB,EAAciB,EAAQ,+BAAiCA,EAAO,gCAAAG,OAAiClB,IAAOmB,EACnGJ,CAAAA,EAAAA,EAAQ,6BAA+B1B,IAG5C+B,EAA8CC,EAAqB,CACjEvB,YAAAA,EACAQ,IAAAA,EACAU,cAAAA,EACAF,qBAAAA,EACAQ,qBAAsB1B,EAAgBiB,OACtCH,eAAAA,IANMa,EAAaH,EAAbG,cAAeC,EAAkBJ,EAAlBI,mBASvBC,GAAU,WACRd,EAAkBa,EAAqB,EACzC,GAAG,CAACA,IAEJ,IAAME,EAAWC,GACf,SAAAC,GACE/B,EAAiB+B,EAAOC,MAAO,CAAEC,OAAQ,eAAgBC,aAAcH,GACzE,GACA,CAAC/B,IAGGmC,EAAqB,CAAC,UAAW,WAAY,YAC7CC,EAAgBN,GACpB,WAAA,IAACO,EAAIC,UAAAtB,OAAA,QAAAuB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAAGE,EAAEF,UAAAtB,OAAAsB,QAAAC,IAAAD,UAAAC,GAAAD,UAAGvC,GAAAA,EAAgBiB,OAAM,OACpCjB,EAAgB0C,KAAI,SAACV,EAAQW,GAC3B,IAAMC,EAAoBR,EAAmBS,SAASb,EAAOc,WAAad,EAAOc,UAAY,UAC7F,OAAOH,GAASL,GAAgBG,EAARE,EACtBI,EAAAC,cAACC,EAAK,CACJ,cAAY,uBACZC,IAAKlB,EAAOC,MACZkB,UAAW9B,EAAGF,EAAQiC,MAAOhC,GAC7BiC,aAAW,EACXC,SAAU7D,EACV8D,GAAIvB,EAAOC,MACXuB,MAAOxB,EAAOwB,MACd1B,SAAU,WAAA,OAAMA,EAASE,EAAQ,EACjCyB,0BAAwB,EACxBC,YAAa,SAAAC,GACXA,EAAEC,iBACF,EACF7D,SAAUA,GAAaD,GAA+BkC,EAAO6B,YAC7DC,mBAAoB/D,EACpBgE,aAAc/B,EAAO+B,aACrBC,WAAYhC,EAAOgC,WACnBC,SAAUjC,EAAOiC,SACjBC,MAAOtB,IAEP,IACN,GAAE,GAEJ,CAAC5C,EAAiBoB,EAAe3B,EAAYM,EAAUD,EAA6BgC,EAAU1B,IAGhG,OACE2C,EAAAC,cAACmB,EAAWC,eAAcC,EAAA,CAAChF,YAAaA,GAAiBC,GACvDyD,EAAAC,cAAA,MAAA,~~CAAKG~~,UAAWhC,EAAQ,~~oBACrBH~~,GACC+B,EAAAC,cAAA,MAAA,CAAKG,UAAWhC,EAAQ,0BACtB4B,EAAAC,cAACmB,~~EAAWG~~,~~YAAgBhF~~,EAAaI,IAG7CqD,EAAAC,cAAA,MAAA,CACEG,UAAW9B,EAAGF,EAAQ,yBAAwBI,EAAKJ,CAAAA,EAAAA,EAAQ,wBAA0BH,IACrFN,IAAK,~~SAAA6D~~,GAAM,~~OAAI5D~~,~~EAAO4D~~,EAAQ,EAC9B,cAAY,~~yBAEXzD~~,EACCiC,EAAAC,cAAAD,~~EAAAyB~~,SAAA,~~KACGnC~~,EAAc,EAAGV,EAAgB,GAClCoB,EAAAC,cAAA,MAAA,CAAKG,UAAWjC,GACbmB,EAAcV,EAAgB,EAAGA,GACjCtB,GAEFgC,EAAcV,IAGjBoB,EAAAC,cAAAD,~~EAAAyB~~,~~SACGnC~~,KAAAA,EAAc,EAAGrC,EAAgBiB,OAAS,GAC3C8B,EAAAC,cAAA,MAAA,CAAKG,UAAWjC,GACbmB,EAAcrC,EAAgBiB,OAAS,GACvCZ,KAKT0C,EAAAC,cACGlC,MAAAA,KAAAA,GACCiC,EAAAC,~~cAACyB~~,EAAM,CACLC,QAAS,WAAA,~~OACP3B~~,EAAAC,~~cAAC2B~~,EAAsB,~~CAACxB~~,UAAWhC,~~EAAQyD~~,~~oBACxCvC~~,EAAcV,GAEjB,~~EACFkD~~,~~kBAAmB1E~~,~~EACnB2E~~,SAAO,EACPC,YAAY,QACZC,YAAY,eACZC,SAAS,SACTC,OAAQ,CAAEC,~~KAvHA~~,~~IAyHVpC~~,EAAAC,~~cAACoC~~,EAAO,CACNC,KAAK,OACLC,OAAO,IACPC,~~MAAO3D~~,EACP8B,YAAa,SAAAC,GACXA,EAAEC,iBACF,EACFP,aAAW,OAQ3B"}
1	+ {"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { components } from \"react-select\";\nimport cx from \"classnames\";\nimport { useHiddenOptionsData } from \"../../hooks/useHiddenOptionsData\";\nimport Counter from \"../../../Counter/Counter\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport DialogContentContainer from \"../../../DialogContentContainer/DialogContentContainer\";\nimport Chips from \"../../../Chips/Chips\";\nimport classes from \"./MultiValueContainer.module.scss\";\n\nconst DIALOG_OFFSET_Y = 5;\n\nexport default function Container({ children, selectProps, ...otherProps }) {\n const {\n isDisabled,\n placeholder,\n inputValue,\n selectProps: customProps = {},\n withMandatoryDefaultOptions,\n readOnly\n } = selectProps;\n const { selectedOptions, onSelectedDelete, isMultiline, popupsContainerSelector, size } = customProps;\n const clickHandler = children[1];\n const [ref, setRef] = useState();\n const [isCounterShown, setIsCounterShown] = useState(false);\n const showPlaceholder = selectedOptions.length === 0 && !inputValue;\n const chipWrapperClassName = classes[\"chip-with-input-wrapper\"];\n const chipClassName = cx(\n isMultiline ? classes[\"multiselect-chip-multi-line\"] : classes[`multiselect-chip-single-line-${size}`],\n { [classes[\"multiselect-chip-disabled\"]]: isDisabled }\n );\n\n const { overflowIndex, hiddenOptionsCount } = useHiddenOptionsData({\n isMultiline,\n ref,\n chipClassName,\n chipWrapperClassName,\n selectedOptionsCount: selectedOptions.length,\n isCounterShown\n });\n\n useEffect(() => {\n setIsCounterShown(hiddenOptionsCount > 0);\n }, [hiddenOptionsCount]);\n\n const onDelete = useCallback(\n option => {\n onSelectedDelete(option.value, { action: \"remove-value\", removedValue: option });\n },\n [onSelectedDelete]\n );\n\n const DropdownChipColors = [\"primary\", \"negative\", \"positive\"];\n const renderOptions = useCallback(\n (from = 0, to = selectedOptions.length) =>\n selectedOptions.map((option, index) => {\n const overrideChipColor = DropdownChipColors.includes(option.chipColor) ? option.chipColor : \"primary\";\n return index >= from && index < to ? (\n <Chips\n data-testid=\"value-container-chip\"\n key={option.value}\n className={cx(classes.chips, chipClassName)}\n noAnimation\n disabled={isDisabled}\n id={option.value}\n label={option.label}\n onDelete={() => onDelete(option)}\n disableClickableBehavior\n onMouseDown={e => {\n e.stopPropagation();\n }}\n readOnly={readOnly \|\| (withMandatoryDefaultOptions && option.isMandatory)}\n allowTextSelection={readOnly}\n leftRenderer={option.leftRenderer}\n leftAvatar={option.leftAvatar}\n leftIcon={option.leftIcon}\n color={overrideChipColor}\n />\n ) : null;\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [selectedOptions, chipClassName, isDisabled, readOnly, withMandatoryDefaultOptions, onDelete, size]\n );\n\n return (\n <components.ValueContainer selectProps={selectProps} {...otherProps}>\n <div\n className={classes[\"value-container\"]}\n onTouchEndCapture={e => {\n e.stopPropagation();\n }}\n >\n {showPlaceholder && (\n <div className={classes[\"placeholder-container\"]}>\n <components.Placeholder {...otherProps}>{placeholder}</components.Placeholder>\n </div>\n )}\n <div\n className={cx(classes[\"value-container-chips\"], { [classes[\"without-placeholder\"]]: !showPlaceholder })}\n ref={newRef => setRef(newRef)}\n data-testid=\"value-container-chips\"\n >\n {isCounterShown ? (\n <>\n {renderOptions(0, overflowIndex - 1)}\n <div className={chipWrapperClassName}>\n {renderOptions(overflowIndex - 1, overflowIndex)}\n {clickHandler}\n </div>\n {renderOptions(overflowIndex)}\n </>\n ) : (\n <>\n {renderOptions(0, selectedOptions.length - 1)}\n <div className={chipWrapperClassName}>\n {renderOptions(selectedOptions.length - 1)}\n {clickHandler}\n </div>\n </>\n )}\n </div>\n <div>\n {isCounterShown && (\n <Dialog\n content={() => (\n <DialogContentContainer className={classes.valueDialogContent}>\n {renderOptions(overflowIndex)}\n </DialogContentContainer>\n )}\n containerSelector={popupsContainerSelector}\n tooltip\n showTrigger=\"click\"\n hideTrigger=\"clickoutside\"\n position=\"bottom\"\n moveBy={{ main: DIALOG_OFFSET_Y }}\n >\n <Counter\n kind=\"line\"\n prefix=\"+\"\n count={hiddenOptionsCount}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n noAnimation\n />\n </Dialog>\n )}\n </div>\n </div>\n </components.ValueContainer>\n );\n}\n"],"names":["Container","_ref","children","selectProps","otherProps","_objectWithoutProperties","_excluded","isDisabled","placeholder","inputValue","_selectProps$selectPr","customProps","withMandatoryDefaultOptions","readOnly","selectedOptions","onSelectedDelete","isMultiline","popupsContainerSelector","size","clickHandler","_useState","useState","_useState2","_slicedToArray","ref","setRef","_useState3","_useState4","isCounterShown","setIsCounterShown","showPlaceholder","length","chipWrapperClassName","classes","chipClassName","cx","concat","_defineProperty","_useHiddenOptionsData","useHiddenOptionsData","selectedOptionsCount","overflowIndex","hiddenOptionsCount","useEffect","onDelete","useCallback","option","value","action","removedValue","DropdownChipColors","renderOptions","from","arguments","undefined","to","map","index","overrideChipColor","includes","chipColor","React","createElement","Chips","key","className","chips","noAnimation","disabled","id","label","disableClickableBehavior","onMouseDown","e","stopPropagation","isMandatory","allowTextSelection","leftRenderer","leftAvatar","leftIcon","color","components","ValueContainer","_extends","onTouchEndCapture","Placeholder","newRef","Fragment","Dialog","content","DialogContentContainer","valueDialogContent","containerSelector","tooltip","showTrigger","hideTrigger","position","moveBy","main","Counter","kind","prefix","count"],"mappings":"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"}

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_4a9a204645","placeholder-container":"placeholder-container_f6b8937f7d","multiselect-chip-multi-line":"multiselect-chip-multi-line_a598044174","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_d48c0b8b3e","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_b801566e9d","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_4473765b7e","multiselect-chip-disabled":"multiselect-chip-disabled_80660e26ed","value-container":"value-container_89df488709","value-container-chips":"value-container-chips_0c5b5f15ef","without-placeholder":"without-placeholder_f6b8937f7d",valueDialogContent:"valueDialogContent_b746955c60",chips:"chips_0c5b5f15ef"};!function(e){const n="s_id-ae46b2835ce0_3_12_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_4a9a204645 {\n  display: flex;\n}\n\n.placeholder-container_f6b8937f7d {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_a598044174 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_d48c0b8b3e {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_b801566e9d {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_4473765b7e {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_80660e26ed {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_89df488709 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_0c5b5f15ef {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_0c5b5f15ef.without-placeholder_f6b8937f7d {\n  margin-left: 6px;\n}\n\n.valueDialogContent_b746955c60 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_b746955c60::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_b746955c60::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_b746955c60 .chips_0c5b5f15ef {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_c1f8efb76d","placeholder-container":"placeholder-container_16ac243b34","multiselect-chip-multi-line":"multiselect-chip-multi-line_ee14faf3b2","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_99b91b14bc","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_69d744667f","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_64c5595003","multiselect-chip-disabled":"multiselect-chip-disabled_175bbffe6a","value-container":"value-container_94f91450ee","value-container-chips":"value-container-chips_fd4a3c8eae","without-placeholder":"without-placeholder_16ac243b34",valueDialogContent:"valueDialogContent_a00e75fcdd",chips:"chips_fd4a3c8eae"};!function(e){const n="s_id-ae46b2835ce0_3_13_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)}(".chip-with-input-wrapper_c1f8efb76d {\n  display: flex;\n}\n\n.placeholder-container_16ac243b34 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_ee14faf3b2 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_99b91b14bc {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_69d744667f {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_64c5595003 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_175bbffe6a {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_94f91450ee {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_fd4a3c8eae {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_fd4a3c8eae.without-placeholder_16ac243b34 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_a00e75fcdd {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_a00e75fcdd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_a00e75fcdd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_a00e75fcdd .chips_fd4a3c8eae {\n  flex-shrink: 0;\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 n={dropdownMenuWrapper:"dropdownMenuWrapper_006d0a11dd",fadeIn:"fadeIn_5ab56b8276",withoutAnimation:"withoutAnimation_3c1916435b",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_18f22919ea"};!function(n){const e="s_id-11829aafa26c_3_12_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper_006d0a11dd {\n  animation: fadeIn_5ab56b8276 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_006d0a11dd.withoutAnimation_3c1916435b {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_18f22919ea {\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_5ab56b8276 {\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{n as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper_7d7c9b82a5",fadeIn:"fadeIn_c9b4644172",withoutAnimation:"withoutAnimation_7c9bfa4acd",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_3e56caac2c"};!function(n){const e="s_id-11829aafa26c_3_13_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper_7d7c9b82a5 {\n  animation: fadeIn_c9b4644172 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_7d7c9b82a5.withoutAnimation_7c9bfa4acd {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_3e56caac2c {\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_c9b4644172 {\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{n 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_179b4ada1f"};!function(e){const t="s_id-64f14b86843f_3_12_3";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_179b4ada1f {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_3e460941b3"};!function(e){const t="s_id-64f14b86843f_3_13_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_3e460941b3 {\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_7e58f7a53c"};!function(e){const n="s_id-a262ceec984a_3_12_3";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_7e58f7a53c {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_d3ebb810ca"};!function(e){const n="s_id-a262ceec984a_3_13_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_d3ebb810ca {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_ea96c3da11",h1Medium:"h1Medium_db785ee2fc",h1Normal:"h1Normal_e1b68504eb",h1Light:"h1Light_660df4102b",h2Bold:"h2Bold_9e09d792c2",h2Medium:"h2Medium_3ec4e993c5",h2Normal:"h2Normal_23c9aece5d",h2Light:"h2Light_8b2602d969",h3Bold:"h3Bold_7a74d2059d",h3Medium:"h3Medium_e0c215be0c",h3Normal:"h3Normal_c140405048",h3Light:"h3Light_42a0c5adbd"};!function(n){const o="s_id-81b561c226b7_3_12_3";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_ea96c3da11 {\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_db785ee2fc {\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_e1b68504eb {\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_660df4102b {\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_9e09d792c2 {\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_3ec4e993c5 {\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_23c9aece5d {\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_8b2602d969 {\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_7a74d2059d {\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_e0c215be0c {\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_c140405048 {\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_42a0c5adbd {\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_7dcf2d40a5",h1Medium:"h1Medium_f660c1a136",h1Normal:"h1Normal_e541387e6d",h1Light:"h1Light_1e7080a580",h2Bold:"h2Bold_89f3e5e845",h2Medium:"h2Medium_c25e87af26",h2Normal:"h2Normal_dab3d27337",h2Light:"h2Light_f46a9a9e85",h3Bold:"h3Bold_1d2854f93d",h3Medium:"h3Medium_04a8c106db",h3Normal:"h3Normal_b3838975b3",h3Light:"h3Light_491676bfb1"};!function(n){const o="s_id-81b561c226b7_3_13_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_7dcf2d40a5 {\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_f660c1a136 {\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_e541387e6d {\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_1e7080a580 {\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_89f3e5e845 {\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_c25e87af26 {\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_dab3d27337 {\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_f46a9a9e85 {\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_1d2854f93d {\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_04a8c106db {\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_b3838975b3 {\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_491676bfb1 {\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_fe8b1a2918",text1Medium:"text1Medium_188e07e485",text1Normal:"text1Normal_05e7957d36",text2Bold:"text2Bold_f12c0dd7bd",text2Medium:"text2Medium_0cbcae26aa",text2Normal:"text2Normal_9fbcaf8a29",text3Bold:"text3Bold_3535757a6b",text3Medium:"text3Medium_32aa3e37da",text3Normal:"text3Normal_99230d2ad6",editableText:"editableText_05eb7268ea",typography:"typography_ce08e67335"};!function(t){const e="s_id-bcdc5f69e9db_3_12_3";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_fe8b1a2918 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_188e07e485 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_05e7957d36 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_f12c0dd7bd {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_0cbcae26aa {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_9fbcaf8a29 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_3535757a6b {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_32aa3e37da {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_99230d2ad6 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_05eb7268ea .typography_ce08e67335 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_62c4a5624f",text1Medium:"text1Medium_3e6c3034d2",text1Normal:"text1Normal_6fc5f29698",text2Bold:"text2Bold_3432a27af6",text2Medium:"text2Medium_d77dafd399",text2Normal:"text2Normal_339d296c1c",text3Bold:"text3Bold_6e18e76882",text3Medium:"text3Medium_9f101a3182",text3Normal:"text3Normal_997dd9a5b3",editableText:"editableText_9ac5f47238",typography:"typography_33ce8b7556"};!function(t){const e="s_id-bcdc5f69e9db_3_13_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_62c4a5624f {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_3e6c3034d2 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_6fc5f29698 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_3432a27af6 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_d77dafd399 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_339d296c1c {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_6e18e76882 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_9f101a3182 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_997dd9a5b3 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_9ac5f47238 .typography_33ce8b7556 {\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 r,{forwardRef as o,useRef as n,useState as a,useEffect as l}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 d}from"../../hooks/useKeyboardButtonPressedFunc.js";import p from"../../hooks/usePrevious/index.js";var f=o((function(o,f){var m=o.id,h=o.className,v=o["data-testid"],g=o.value,y=o.onChange,b=o.onClick,E=o.readOnly,w=void 0!==E&&E,C=o.ariaLabel,x=void 0===C?"":C,P=o.placeholder,k=o.clearable,j=o.typographyClassName,B=o.component,F=o.isEditMode,N=o.autoSelectTextOnEditMode,T=o.onEditModeChange,D=o.tooltipProps,K=o.type,M=o.weight,R=o.multiline,S=void 0!==R&&R,A=n(null),H=u(f,A),O=a(F||!1),W=e(O,2),_=W[0],q=W[1],z=a(g),I=e(z,2),L=I[0],G=I[1],J=a(0),Q=e(J,2),U=Q[0],V=Q[1],X=a(0),Y=e(X,2),Z=Y[0],$=Y[1],ee=n(0),te=n(0),re=p(g),oe=n(null),ne=n(null);function ae(e){w||_||(e.preventDefault(),le(!0))}function le(e){null==T||T(e),q(e)}function ie(){(le(!1),g!==L)&&(L||k&&P?(G(L),null==y||y(L)):G(g))}function ue(){ie()}function se(e){if(e.key===c.ENTER){if(S&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),ie()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),le(!1),G(g))}function ce(e){G(e.target.value),S&&fe()}l((function(){_||g===re||g===L||G(g)}),[re,_,g,L]),l((function(){q(F)}),[F]);var de=d(ae);function pe(){var e,t;if(null===(t=null===(e=oe.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),oe.current){var r=oe.current,o=r.value.length;r.setSelectionRange(o,o)}S&&function(){if(S&&oe.current){var e=oe.current;if(!e)return;var t=window.getComputedStyle(e),r=parseFloat(t.lineHeight)||16,o=parseFloat(t.paddingTop)||0,n=parseFloat(t.paddingBottom)||0,a=parseFloat(t.borderTopWidth)||0,l=parseFloat(t.borderBottomWidth)||0;te.current=r,ee.current=o+n+a+l,fe()}}()}function fe(){oe.current&&($("auto"),requestAnimationFrame((function(){var e=oe.current;e&&$(Math.max(e.scrollHeight+ee.current,te.current+ee.current))})))}return l((function(){var e,t;_&&(pe(),N&&(null===(t=null===(e=oe.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[N,_]),l((function(){if(ne.current){var e=ne.current.getBoundingClientRect();V(e.width)}}),[L,_]),r.createElement("div",{ref:H,id:m,"aria-label":x,"data-testid":v,className:i(s.editableTypography,h),role:_?null:"button",onClick:function(e){null==b||b(e),ae(e)},onKeyDown:de},_&&(S?r.createElement("textarea",{ref:oe,className:i(s.textarea,j),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:P,style:{width:U,height:Z},role:"textbox",rows:1}):r.createElement("input",{ref:oe,className:i(s.input,j),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:P,style:{width:U},role:"input"})),r.createElement(B,{ref:ne,"aria-hidden":_,className:i(s.typography,j,t(t(t(t({},s.hidden,_),s.disabled,w),s.placeholder,!L&&P),s.multiline,!_&&S)),tabIndex:0,tooltipProps:D,weight:M,type:K,ellipsis:!S},L||P))}));export{f 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 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};
 //# 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, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\n\nexport interface EditableTypographyImplementationProps {\n /** Value of the text /\n value: string;\n /* Will be called whenever the current value changes to a non-empty value /\n onChange?: (value: string) => void;\n /* Will be called whenever the component gets clicked /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /* Disables editing mode - component will be just a typography element /\n readOnly?: boolean;\n /* Shown in edit mode when the text value is empty /\n placeholder?: string;\n /* ARIA Label /\n ariaLabel?: string;\n /* Controls the mode of the component (i.e. view/edit mode) /\n isEditMode?: boolean;\n /* If true, automatically select all text when entering edit mode /\n autoSelectTextOnEditMode?: boolean;\n /* Will be called when the mode of the component changes /\n onEditModeChange?: (isEditMode: boolean) => void;\n /* Override Tooltip props when needed /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /* A typography component that is being rendered in view mode /\n component: ElementType;\n /* Controls the style of the typography component in view mode /\n typographyClassName: string;\n /* Shows placeholder when empty, if provided /\n clearable?: boolean;\n /* Sets the Text/Heading type /\n type?: TextType \| HeadingType;\n /* Sets the Text/Heading weight /\n weight?: TextWeight \| HeadingWeight;\n /* Controls whether a textarea or a simple input would be rendered, allowing multi-lines /\n multiline?: boolean;\n}\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = 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\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 const [inputWidth, setInputWidth] = useState(0);\n const [inputHeight, setInputHeight] = useState<number \| string>(0);\n const textareaBorderBoxSizing = useRef(0);\n const textareaLineHeight = useRef(0);\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 if (multiline) {\n resizeTextarea();\n }\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 if (multiline) {\n calculateTextareaHeightAttrs();\n }\n }\n\n / Dynamically resizes the textarea to fit its content /\n function resizeTextarea() {\n if (inputRef.current) {\n // Temporarily set the height to \"auto\" to accurately measure the scroll height of the content inside the textarea.\n setInputHeight(\"auto\");\n\n requestAnimationFrame(() => {\n const textarea = inputRef.current as HTMLTextAreaElement;\n\n if (!textarea) {\n return;\n }\n\n // Ensure we at least have 1 line\n setInputHeight(\n Math.max(\n textarea.scrollHeight + textareaBorderBoxSizing.current,\n textareaLineHeight.current + textareaBorderBoxSizing.current\n )\n );\n });\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 useEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n setInputWidth(width);\n }, [inputValue, isEditing]);\n\n / Calculate the minimual textarea height, taking its applied styles (padding, border width) into consideration \n This is done only on focus, so that we don't need to get the computed style every time.\n */\n function calculateTextareaHeightAttrs() {\n if (multiline && inputRef.current) {\n const textarea = inputRef.current as HTMLTextAreaElement;\n\n if (!textarea) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(textarea);\n\n // Calculate the appropriate height by taking into account the scrollable content inside the textarea,\n // as well as the styles applied to it, such as padding and border widths.\n const lineHeight = parseFloat(computedStyle.lineHeight) \|\| 16;\n const paddingTop = parseFloat(computedStyle.paddingTop) \|\| 0;\n const paddingBottom = parseFloat(computedStyle.paddingBottom) \|\| 0;\n const borderTopWidth = parseFloat(computedStyle.borderTopWidth) \|\| 0;\n const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth) \|\| 0;\n\n textareaLineHeight.current = lineHeight;\n textareaBorderBoxSizing.current = paddingTop + paddingBottom + borderTopWidth + borderBottomWidth;\n resizeTextarea();\n }\n }\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 style={{ width: inputWidth, height: inputHeight }}\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 style={{ width: inputWidth }}\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","_useState5","_useState6","inputWidth","setInputWidth","_useState7","_useState8","inputHeight","setInputHeight","textareaBorderBoxSizing","textareaLineHeight","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","resizeTextarea","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","focus","_b","current","_a","inputElement","textLength","length","setSelectionRange","textarea","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","calculateTextareaHeightAttrs","requestAnimationFrame","Math","max","scrollHeight","select","_typographyRef$curren","getBoundingClientRect","width","React","createElement","cx","styles","editableTypography","role","onKeyDown","onBlur","style","height","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"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"}
1	+ {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /** Value of the text /\n value: string;\n /* Will be called whenever the current value changes to a non-empty value /\n onChange?: (value: string) => void;\n /* Will be called whenever the component gets clicked /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /* Disables editing mode - component will be just a typography element /\n readOnly?: boolean;\n /* Shown in edit mode when the text value is empty /\n placeholder?: string;\n /* ARIA Label /\n ariaLabel?: string;\n /* Controls the mode of the component (i.e. view/edit mode) /\n isEditMode?: boolean;\n /* If true, automatically select all text when entering edit mode /\n autoSelectTextOnEditMode?: boolean;\n /* Will be called when the mode of the component changes /\n onEditModeChange?: (isEditMode: boolean) => void;\n /* Override Tooltip props when needed /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /* A typography component that is being rendered in view mode /\n component: ElementType;\n /* Controls the style of the typography component in view mode /\n typographyClassName: string;\n /* Shows placeholder when empty, if provided /\n clearable?: boolean;\n /* Sets the Text/Heading type /\n type?: TextType \| HeadingType;\n /* Sets the Text/Heading weight /\n weight?: TextWeight \| HeadingWeight;\n /* Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = 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\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":"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"}

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_fd533ed4b4",input:"input_1319196700",textarea:"textarea_830f6de23b",typography:"typography_057ee5fa59",disabled:"disabled_e1050254a9",hidden:"hidden_322339211d",placeholder:"placeholder_5b87804f19",multiline:"multiline_0cfdb1d3a0"};!function(e){const d="s_id-ae5d3ede7a9c_3_12_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".editableTypography_fd533ed4b4 {\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_fd533ed4b4 .input_1319196700, .editableTypography_fd533ed4b4 .textarea_830f6de23b {\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_fd533ed4b4 .input_1319196700:focus, .editableTypography_fd533ed4b4 .input_1319196700:active, .editableTypography_fd533ed4b4 .textarea_830f6de23b:focus, .editableTypography_fd533ed4b4 .textarea_830f6de23b:active {\n  outline: none;\n}\n.editableTypography_fd533ed4b4 .textarea_830f6de23b {\n  resize: none;\n}\n.editableTypography_fd533ed4b4 .typography_057ee5fa59 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_fd533ed4b4 .typography_057ee5fa59:hover:not(.disabled_e1050254a9) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_fd533ed4b4 .typography_057ee5fa59.hidden_322339211d {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_fd533ed4b4 .typography_057ee5fa59.placeholder_5b87804f19 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_fd533ed4b4 .typography_057ee5fa59.multiline_0cfdb1d3a0 {\n  white-space: pre-wrap;\n}");export{e as default};
+var a={editableTypography:"editableTypography_666c84aab4",input:"input_8ab80e4773",textarea:"textarea_25794dc8df",typography:"typography_3334a4300b",disabled:"disabled_e873dd081f",hidden:"hidden_5fbab1c1ac",placeholder:"placeholder_29fe789285",multiline:"multiline_7e7af3863b"};!function(a){const e="s_id-34ea4bd39075_3_13_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".editableTypography_666c84aab4 {\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_666c84aab4 .input_8ab80e4773,\n.editableTypography_666c84aab4 .textarea_25794dc8df {\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_666c84aab4 .input_8ab80e4773:focus, .editableTypography_666c84aab4 .input_8ab80e4773:active,\n.editableTypography_666c84aab4 .textarea_25794dc8df:focus,\n.editableTypography_666c84aab4 .textarea_25794dc8df:active {\n  outline: none;\n}\n.editableTypography_666c84aab4 .textarea_25794dc8df {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_666c84aab4 .typography_3334a4300b {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_666c84aab4 .typography_3334a4300b:hover:not(.disabled_e873dd081f) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_666c84aab4 .typography_3334a4300b.hidden_5fbab1c1ac {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_666c84aab4 .typography_3334a4300b.placeholder_29fe789285 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_666c84aab4 .typography_3334a4300b.multiline_7e7af3863b {\n  white-space: pre-wrap;\n}");export{a as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_f2d72984dd",header:"header_460f78eef0","focus-visible":"focus-visible_d90c68aac7",headerContent:"headerContent_841318e81f",iconComponent:"iconComponent_a065f59a38",content:"content_855d746e3d",section:"section_1108f75132",hideBorder:"hideBorder_e08d6c55a7",hideBorderBottom:"hideBorderBottom_2cb2aff94a",showBorder:"showBorder_bbd9d78318",headerOpen:"headerOpen_02e7682af6",animateIconOpen:"animateIconOpen_68e0cf3646",animateIconClose:"animateIconClose_154d61a5da"};!function(n){const e="s_id-ca6f6158d39b_3_12_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_f2d72984dd {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_460f78eef0 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_460f78eef0:focus-visible, .header_460f78eef0.focus-visible_d90c68aac7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_460f78eef0:focus:not(.focus-visible_d90c68aac7) {\n  outline: none;\n}\n\n.header_460f78eef0:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_460f78eef0:active {\n  transform: scale(1);\n}\n\n.header_460f78eef0 .headerContent_841318e81f {\n  margin: 0;\n}\n\n.header_460f78eef0 .iconComponent_a065f59a38 {\n  color: var(--icon-color);\n}\n\n.content_855d746e3d {\n  padding: var(--spacing-medium);\n}\n\n.section_1108f75132 {\n  width: 100%;\n}\n\n.hideBorder_e08d6c55a7 {\n  border: none;\n}\n\n.hideBorderBottom_2cb2aff94a {\n  border-bottom: none;\n}\n\n.showBorder_bbd9d78318 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_bbd9d78318 .headerOpen_02e7682af6 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_68e0cf3646 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_154d61a5da {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var e={expandCollapse:"expandCollapse_2dd975f406",header:"header_02e11e66fe","focus-visible":"focus-visible_1eb8be9ed2",headerContent:"headerContent_9137c63d1a",iconComponent:"iconComponent_b7beec6c79",content:"content_03d6746e30",section:"section_5e73f7c55b",hideBorder:"hideBorder_baef9fa516",hideBorderBottom:"hideBorderBottom_766face336",showBorder:"showBorder_a5396c9f71",headerOpen:"headerOpen_787e95a9df",animateIconOpen:"animateIconOpen_b0a9f08a50",animateIconClose:"animateIconClose_9acdc36c33"};!function(e){const n="s_id-ca6f6158d39b_3_13_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".expandCollapse_2dd975f406 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_02e11e66fe {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_02e11e66fe:focus-visible, .header_02e11e66fe.focus-visible_1eb8be9ed2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_02e11e66fe:focus:not(.focus-visible_1eb8be9ed2) {\n  outline: none;\n}\n\n.header_02e11e66fe:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_02e11e66fe:active {\n  transform: scale(1);\n}\n\n.header_02e11e66fe .headerContent_9137c63d1a {\n  margin: 0;\n}\n\n.header_02e11e66fe .iconComponent_b7beec6c79 {\n  color: var(--icon-color);\n}\n\n.content_03d6746e30 {\n  padding: var(--spacing-medium);\n}\n\n.section_5e73f7c55b {\n  width: 100%;\n}\n\n.hideBorder_baef9fa516 {\n  border: none;\n}\n\n.hideBorderBottom_766face336 {\n  border-bottom: none;\n}\n\n.showBorder_a5396c9f71 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_a5396c9f71 .headerOpen_787e95a9df {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_b0a9f08a50 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_9acdc36c33 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_198bf6bc62",labelComponentIcon:"labelComponentIcon_794d558e78",labelComponentText:"labelComponentText_3017381241",required:"required_4f45b11fa2"};!function(e){const n="s_id-12dfba012dab_3_12_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_198bf6bc62 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_794d558e78 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_3017381241 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_4f45b11fa2 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_f145fcfadc",labelComponentIcon:"labelComponentIcon_55043f0437",labelComponentText:"labelComponentText_8819dbe45e",required:"required_c43df156a3"};!function(e){const n="s_id-12dfba012dab_3_13_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_f145fcfadc {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_55043f0437 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_8819dbe45e {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_c43df156a3 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_8f34da0f8f",justifyStart:"justifyStart_46dd139580",justifyEnd:"justifyEnd_f21d195874",justifyCenter:"justifyCenter_eaf8c6a866",justifySpaceBetween:"justifySpaceBetween_77fc8cf9cd",justifySpaceAround:"justifySpaceAround_8534ada5c7",justifyInital:"justifyInital_ec06b202f4",alignStart:"alignStart_4c7d00b80c",alignEnd:"alignEnd_760f8878ab",alignCenter:"alignCenter_eeb08769cc",alignStretch:"alignStretch_2cb8e4ae73",alignBaseline:"alignBaseline_fba7d34cf4",alignInitial:"alignInitial_471d9e4672",directionColumn:"directionColumn_e0dc325183",wrap:"wrap_a37ca724e1"};!function(n){const e="s_id-3ad7193e0a34_3_12_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_8f34da0f8f {\n  display: flex;\n  flex-direction: row;\n}\n.container_8f34da0f8f.justifyStart_46dd139580 {\n  justify-content: flex-start;\n}\n.container_8f34da0f8f.justifyEnd_f21d195874 {\n  justify-content: flex-end;\n}\n.container_8f34da0f8f.justifyCenter_eaf8c6a866 {\n  justify-content: center;\n}\n.container_8f34da0f8f.justifySpaceBetween_77fc8cf9cd {\n  justify-content: space-between;\n}\n.container_8f34da0f8f.justifySpaceAround_8534ada5c7 {\n  justify-content: space-around;\n}\n.container_8f34da0f8f.justifyInital_ec06b202f4 {\n  justify-content: initial;\n}\n.container_8f34da0f8f.alignStart_4c7d00b80c {\n  align-items: flex-start;\n}\n.container_8f34da0f8f.alignEnd_760f8878ab {\n  align-items: flex-end;\n}\n.container_8f34da0f8f.alignCenter_eeb08769cc {\n  align-items: center;\n}\n.container_8f34da0f8f.alignStretch_2cb8e4ae73 {\n  align-items: stretch;\n}\n.container_8f34da0f8f.alignBaseline_fba7d34cf4 {\n  align-items: baseline;\n}\n.container_8f34da0f8f.alignInitial_471d9e4672 {\n  align-items: initial;\n}\n.container_8f34da0f8f.directionColumn_e0dc325183 {\n  flex-direction: column;\n}\n.container_8f34da0f8f.wrap_a37ca724e1 {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_36886d572d",justifyStart:"justifyStart_b6ecb9d646",justifyEnd:"justifyEnd_25a298f195",justifyCenter:"justifyCenter_5f07b45645",justifySpaceBetween:"justifySpaceBetween_e0e5341244",justifySpaceAround:"justifySpaceAround_fb26d465a8",justifyInital:"justifyInital_086a4a0996",alignStart:"alignStart_a8a079d51e",alignEnd:"alignEnd_2dbd762f18",alignCenter:"alignCenter_7f60412777",alignStretch:"alignStretch_d6f8299911",alignBaseline:"alignBaseline_21d548d858",alignInitial:"alignInitial_05802bdc9a",directionColumn:"directionColumn_8963496e7b",wrap:"wrap_74b55b2258"};!function(n){const e="s_id-3ad7193e0a34_3_13_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)}(".container_36886d572d {\n  display: flex;\n  flex-direction: row;\n}\n.container_36886d572d.justifyStart_b6ecb9d646 {\n  justify-content: flex-start;\n}\n.container_36886d572d.justifyEnd_25a298f195 {\n  justify-content: flex-end;\n}\n.container_36886d572d.justifyCenter_5f07b45645 {\n  justify-content: center;\n}\n.container_36886d572d.justifySpaceBetween_e0e5341244 {\n  justify-content: space-between;\n}\n.container_36886d572d.justifySpaceAround_fb26d465a8 {\n  justify-content: space-around;\n}\n.container_36886d572d.justifyInital_086a4a0996 {\n  justify-content: initial;\n}\n.container_36886d572d.alignStart_a8a079d51e {\n  align-items: flex-start;\n}\n.container_36886d572d.alignEnd_2dbd762f18 {\n  align-items: flex-end;\n}\n.container_36886d572d.alignCenter_7f60412777 {\n  align-items: center;\n}\n.container_36886d572d.alignStretch_d6f8299911 {\n  align-items: stretch;\n}\n.container_36886d572d.alignBaseline_21d548d858 {\n  align-items: baseline;\n}\n.container_36886d572d.alignInitial_05802bdc9a {\n  align-items: initial;\n}\n.container_36886d572d.directionColumn_8963496e7b {\n  flex-direction: column;\n}\n.container_36886d572d.wrap_74b55b2258 {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_8fd10b739a",prefix:"prefix_12a46fc438",suffix:"suffix_12a46fc438"};!function(e){const n="s_id-d821b20045aa_3_12_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_8fd10b739a {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_12a46fc438 {\n  white-space: pre;\n}\n\n.suffix_12a46fc438 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_48e8f81ff5",prefix:"prefix_df3d159095",suffix:"suffix_df3d159095"};!function(e){const n="s_id-d821b20045aa_3_13_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_48e8f81ff5 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_df3d159095 {\n  white-space: pre;\n}\n\n.suffix_df3d159095 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_ea96c3da11",h1Medium:"h1Medium_db785ee2fc",h1Normal:"h1Normal_e1b68504eb",h1Light:"h1Light_660df4102b",h2Bold:"h2Bold_9e09d792c2",h2Medium:"h2Medium_3ec4e993c5",h2Normal:"h2Normal_23c9aece5d",h2Light:"h2Light_8b2602d969",h3Bold:"h3Bold_7a74d2059d",h3Medium:"h3Medium_e0c215be0c",h3Normal:"h3Normal_c140405048",h3Light:"h3Light_42a0c5adbd",heading:"heading_841318e81f"};!function(n){const o="s_id-7b3706ef5cf5_3_12_3";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_ea96c3da11 {\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_db785ee2fc {\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_e1b68504eb {\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_660df4102b {\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_9e09d792c2 {\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_3ec4e993c5 {\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_23c9aece5d {\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_8b2602d969 {\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_7a74d2059d {\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_e0c215be0c {\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_c140405048 {\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_42a0c5adbd {\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}\n\n.heading_841318e81f {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_7dcf2d40a5",h1Medium:"h1Medium_f660c1a136",h1Normal:"h1Normal_e541387e6d",h1Light:"h1Light_1e7080a580",h2Bold:"h2Bold_89f3e5e845",h2Medium:"h2Medium_c25e87af26",h2Normal:"h2Normal_dab3d27337",h2Light:"h2Light_f46a9a9e85",h3Bold:"h3Bold_1d2854f93d",h3Medium:"h3Medium_04a8c106db",h3Normal:"h3Normal_b3838975b3",h3Light:"h3Light_491676bfb1",heading:"heading_9137c63d1a"};!function(n){const o="s_id-7b3706ef5cf5_3_13_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_7dcf2d40a5 {\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_f660c1a136 {\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_e541387e6d {\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_1e7080a580 {\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_89f3e5e845 {\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_c25e87af26 {\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_dab3d27337 {\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_f46a9a9e85 {\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_1d2854f93d {\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_04a8c106db {\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_b3838975b3 {\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_491676bfb1 {\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}\n\n.heading_9137c63d1a {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map