npm - @vibe/core - Versions diffs - 3.83.1 → 3.83.3 - Mend

@vibe/core 3.83.1 → 3.83.3

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 (380) hide show

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_33f450c44c",disabled:"disabled_dd1f5f504f",selected:"selected_b3a52c7f10",active:"active_9c18ae40a5",activeOutline:"activeOutline_4955f1248c",optionLabel:"optionLabel_6dddb77fb8",optionIcon:"optionIcon_60580c7be9",left:"left_c0d9b0bb65"};!function(o){const e="s_id-cc5db5fd586e_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_33f450c44c {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_33f450c44c.disabled_dd1f5f504f {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_33f450c44c.disabled_dd1f5f504f:hover {\n  background-color: transparent;\n}\n.comboboxOption_33f450c44c.selected_b3a52c7f10 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_33f450c44c:hover:not(.disabled_dd1f5f504f):not(.selected_b3a52c7f10),\n.comboboxOption_33f450c44c.active_9c18ae40a5 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_33f450c44c.activeOutline_4955f1248c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_33f450c44c .optionLabel_6dddb77fb8 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_33f450c44c .optionIcon_60580c7be9 {\n  flex: 0 0 auto;\n}\n.comboboxOption_33f450c44c .optionIcon_60580c7be9.left_c0d9b0bb65 {\n  margin-right: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_0259865e07",disabled:"disabled_7848fa54fe",selected:"selected_20c0491fae",active:"active_5ee06db9b2",activeOutline:"activeOutline_9cab7829f9",optionLabel:"optionLabel_d22f99b610",optionIcon:"optionIcon_3fbc13d7b0",left:"left_175ec3ed67"};!function(e){const o="s_id-cc5db5fd586e_3_83_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_0259865e07 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_0259865e07.disabled_7848fa54fe {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_0259865e07.disabled_7848fa54fe:hover {\n  background-color: transparent;\n}\n.comboboxOption_0259865e07.selected_20c0491fae {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_0259865e07:hover:not(.disabled_7848fa54fe):not(.selected_20c0491fae),\n.comboboxOption_0259865e07.active_5ee06db9b2 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_0259865e07.activeOutline_9cab7829f9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_0259865e07 .optionLabel_d22f99b610 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_0259865e07 .optionIcon_3fbc13d7b0 {\n  flex: 0 0 auto;\n}\n.comboboxOption_0259865e07 .optionIcon_3fbc13d7b0.left_175ec3ed67 {\n  margin-right: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_74f3fab766"};!function(e){const t="s_id-f549b49034f1_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_74f3fab766 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_7e07f5770c"};!function(e){const t="s_id-f549b49034f1_3_83_2";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)}(".stickyCategoryHeader_7e07f5770c {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_d3f6211a41",withAnimation:"withAnimation_a3ef8b790f",counterPopElastic:"counterPopElastic_d66bfcc9f2",sizeXs:"sizeXs_0b5027cd13",sizeSmall:"sizeSmall_1421ffeea4",sizeLarge:"sizeLarge_e2a333c2bf",kindFill:"kindFill_eaa8df7c9b",colorPrimary:"colorPrimary_c7ef52cfce",colorDark:"colorDark_87d9c1cac3",colorNegative:"colorNegative_9b18069df4",colorLight:"colorLight_31c144dee6",kindLine:"kindLine_f0d7c86dea",fadeEnter:"fadeEnter_cbdab9d773",fadeEnterActive:"fadeEnterActive_26c7b591e7",fadeExit:"fadeExit_e02aa17fed",fadeExitActive:"fadeExitActive_03f544863c","counter-pop-elastic":"counter-pop-elastic_d89753dc91"};!function(n){const o="s_id-51f4f5079107_3_83_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_d3f6211a41 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_d89753dc91 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_a3ef8b790f {\n  animation: counterPopElastic_d66bfcc9f2 var(--motion-expressive-short);\n}\n.sizeXs_0b5027cd13 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_1421ffeea4 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_e2a333c2bf {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_eaa8df7c9b.colorPrimary_c7ef52cfce {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_eaa8df7c9b.colorDark_87d9c1cac3 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_eaa8df7c9b.colorNegative_9b18069df4 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_eaa8df7c9b.colorLight_31c144dee6 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_f0d7c86dea {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_f0d7c86dea.colorPrimary_c7ef52cfce {\n  color: var(--primary-color);\n}\n.kindLine_f0d7c86dea.colorDark_87d9c1cac3 {\n  color: var(--inverted-color-background);\n}\n.kindLine_f0d7c86dea.colorNegative_9b18069df4 {\n  color: var(--negative-color);\n}\n.kindLine_f0d7c86dea.colorLight_31c144dee6 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_cbdab9d773 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_26c7b591e7 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_e02aa17fed {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_03f544863c {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_eddeb3ee78",withAnimation:"withAnimation_824fb56050",counterPopElastic:"counterPopElastic_7ad4b21aa0",sizeXs:"sizeXs_e6493abec0",sizeSmall:"sizeSmall_4bf5e07c4b",sizeLarge:"sizeLarge_d9ea2df6b5",kindFill:"kindFill_5146e5a7c3",colorPrimary:"colorPrimary_344752c6ca",colorDark:"colorDark_e1d6290e1d",colorNegative:"colorNegative_c7c7a33c4e",colorLight:"colorLight_b585f22b49",kindLine:"kindLine_b91b2b09fb",fadeEnter:"fadeEnter_6fe61b12a6",fadeEnterActive:"fadeEnterActive_cd2bfd642f",fadeExit:"fadeExit_6eb0bf453c",fadeExitActive:"fadeExitActive_ba891d86cc","counter-pop-elastic":"counter-pop-elastic_88ebd866b5"};!function(n){const o="s_id-51f4f5079107_3_83_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_eddeb3ee78 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_88ebd866b5 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_824fb56050 {\n  animation: counterPopElastic_7ad4b21aa0 var(--motion-expressive-short);\n}\n.sizeXs_e6493abec0 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_4bf5e07c4b {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_d9ea2df6b5 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_5146e5a7c3.colorPrimary_344752c6ca {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_5146e5a7c3.colorDark_e1d6290e1d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_5146e5a7c3.colorNegative_c7c7a33c4e {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_5146e5a7c3.colorLight_b585f22b49 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_b91b2b09fb {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_b91b2b09fb.colorPrimary_344752c6ca {\n  color: var(--primary-color);\n}\n.kindLine_b91b2b09fb.colorDark_e1d6290e1d {\n  color: var(--inverted-color-background);\n}\n.kindLine_b91b2b09fb.colorNegative_c7c7a33c4e {\n  color: var(--negative-color);\n}\n.kindLine_b91b2b09fb.colorLight_b585f22b49 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_6fe61b12a6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_cd2bfd642f {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_6eb0bf453c {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_ba891d86cc {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_456874098b"};!function(e){const n="s_id-84193b4fa4fe_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_456874098b {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer_c4017171f9"};!function(e){const n="s_id-84193b4fa4fe_3_83_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_c4017171f9 {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as n,useState as r,useCallback as i}from"react";import o from"classnames";import s from"moment";import"react-dates/initialize.js";import{DayPickerRangeController as d,DayPickerSingleDateController as l}from"react-dates";import{DayPickerPhrases as c}from"react-dates/lib/defaultPhrases.js";import m from"./DatePickerHeader/DatePickerHeader.js";import u from"./DateNavigationItem/DateNavigationItem.js";import f from"./YearPicker/YearPicker.js";import{WEEK_FIRST_DAY as D,DAY_SIZE as v}from"./constants.js";import{FocusInput as h,Direction as p}from"./types.js";import{getTestId as E}from"../../tests/testIds.js";import{ComponentDefaultTestId as k,ComponentVibeId as y}from"../../tests/constants.js";import{NOOP as g}from"../../utils/function-utils.js";import b from"./DatePicker.module.scss.js";import"./external_datepicker.scss.js";var P=n((function(n,P){var j=n.id,O=n.className,N=n.firstDayOfWeek,C=void 0===N?D:N,M=n.daySize,I=void 0===M?v:M,S=n.range,Y=void 0!==S&&S,K=n.shouldBlockDay,R=n.shouldBlockYear,W=n.numberOfMonths,A=void 0===W?1:W,B=n.hideNavigationKeys,T=void 0!==B&&B,_=n.date,x=n.endDate,z=n.onPickDate,H=void 0===z?g:z,F=n.enableOutsideDays,w=void 0!==F&&F,V=n.showWeekNumber,L=void 0!==V&&V,q=n.shouldBlockRange,G=n["data-testid"],J=n.phrases,Q=r(h.startDate),U=e(Q,2),X=U[0],Z=U[1],$=r(!1),ee=e($,2),te=ee[0],ae=ee[1],ne=r(null),re=e(ne,2),ie=re[0],oe=re[1],se=r(null),de=e(se,2),le=de[0],ce=de[1],me=i((function(e){var t=e.month,n=e.onYearSelect;return!le&&n&&ce((function(){return n})),a.createElement(m,{"data-testid":G||E(k.DATEPICKER_HEADER,j),currentDate:t||s(),isMonthYearSelection:te,onToggleMonthYearPicker:function(){return ae((function(e){return!e}))},hideNavigationKeys:T})}),[te,G,j,T,le]),ue=i((function(e){var t=0===C?e.clone().add(1,"d").isoWeek():e.isoWeek();return a.createElement(a.Fragment,null,a.createElement("span",{className:b.calendarDayWeekNumber},t)," ",e.format("D"))}),[C]),fe=i((function(e){var t=ie||_;oe(e),ae(!1),le(t,s(e).year())}),[ie,_,le]),De=i((function(){return a.createElement(f,{"data-testid":G||E(k.DATEPICKER_YEAR_SELECTION,j),selectedDate:_,isYearBlocked:R,changeCurrentDate:fe})}),[G,j,ie,_,R,fe]),ve=i((function(e){H&&H(X===h.startDate?Object.assign(Object.assign({},e),{endDate:null}):e)}),[X,H]),he=i((function(e){Z(e||h.startDate)}),[]),pe=Object.assign(Object.assign({},c),J),Ee=!T&&!te;return a.createElement("div",{"data-testid":G||E(k.DATEPICKER,j),ref:P,id:j,className:o(b.datepickerContainer,O,t(t(t({},b.withWeekNumber,L),b.rangePickerMode,Y),b.monthYearSelection,te)),"data-vibe":y.DATE_PICKER},Y?a.createElement(d,{phrases:pe,renderDayContents:L?ue:void 0,firstDayOfWeek:C,hideKeyboardShortcutsPanel:!0,startDate:_,endDate:x,onDatesChange:ve,focusedInput:X,minimumNights:0,onFocusChange:he,navPrev:Ee?a.createElement(u,{kind:p.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:p.next}):a.createElement("div",null),daySize:I,isOutsideRange:q,isDayBlocked:K,renderMonthElement:me,enableOutsideDays:w||L,numberOfMonths:A,initialVisibleMonth:function(){return ie||_||s()}}):a.createElement(l,{phrases:pe,renderDayContents:L?ue:void 0,firstDayOfWeek:C,hideKeyboardShortcutsPanel:!0,onFocusChange:g,numberOfMonths:A,date:_,onDateChange:function(e){return H(e)},navPrev:Ee?a.createElement(u,{kind:p.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:p.next}):a.createElement("div",null),focused:!0,renderMonthElement:me,enableOutsideDays:w||L,daySize:I,isDayBlocked:K,initialVisibleMonth:function(){return ie||_||s()}}),te&&De())}));export{P as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as n,useState as r,useCallback as i}from"react";import o from"classnames";import s from"moment";import"react-dates/initialize.js";import{DayPickerRangeController as d,DayPickerSingleDateController as c}from"react-dates";import{DayPickerPhrases as l}from"react-dates/lib/defaultPhrases.js";import m from"./DatePickerHeader/DatePickerHeader.js";import u from"./DateNavigationItem/DateNavigationItem.js";import f from"./YearPicker/YearPicker.js";import{WEEK_FIRST_DAY as v,DAY_SIZE as D}from"./constants.js";import{FocusInput as p,Direction as h}from"./types.js";import{getTestId as k}from"../../tests/testIds.js";import{ComponentDefaultTestId as E,ComponentVibeId as g}from"../../tests/constants.js";import{NOOP as y}from"../../utils/function-utils.js";import{useWarnDeprecated as b}from"../../utils/warn-deprecated.js";import P from"./DatePicker.module.scss.js";import"./external_datepicker.scss.js";var j=n((function(n,j){var O=n.id,N=n.className,C=n.firstDayOfWeek,M=void 0===C?v:C,I=n.daySize,S=void 0===I?D:I,Y=n.range,x=void 0!==Y&&Y,K=n.shouldBlockDay,R=n.shouldBlockYear,T=n.numberOfMonths,W=void 0===T?1:T,A=n.hideNavigationKeys,B=void 0!==A&&A,_=n.date,w=n.endDate,z=n.onPickDate,H=void 0===z?y:z,F=n.enableOutsideDays,V=void 0!==F&&F,L=n.showWeekNumber,q=void 0!==L&&L,G=n.shouldBlockRange,J=n["data-testid"],Q=n.phrases;b({component:"DatePicker",message:"This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead."});var U=r(p.startDate),X=e(U,2),Z=X[0],$=X[1],ee=r(!1),te=e(ee,2),ae=te[0],ne=te[1],re=r(null),ie=e(re,2),oe=ie[0],se=ie[1],de=r(null),ce=e(de,2),le=ce[0],me=ce[1],ue=i((function(e){var t=e.month,n=e.onYearSelect;return!le&&n&&me((function(){return n})),a.createElement(m,{"data-testid":J||k(E.DATEPICKER_HEADER,O),currentDate:t||s(),isMonthYearSelection:ae,onToggleMonthYearPicker:function(){return ne((function(e){return!e}))},hideNavigationKeys:B})}),[ae,J,O,B,le]),fe=i((function(e){var t=0===M?e.clone().add(1,"d").isoWeek():e.isoWeek();return a.createElement(a.Fragment,null,a.createElement("span",{className:P.calendarDayWeekNumber},t)," ",e.format("D"))}),[M]),ve=i((function(e){var t=oe||_;se(e),ne(!1),le(t,s(e).year())}),[oe,_,le]),De=i((function(){return a.createElement(f,{"data-testid":J||k(E.DATEPICKER_YEAR_SELECTION,O),selectedDate:_,isYearBlocked:R,changeCurrentDate:ve})}),[J,O,oe,_,R,ve]),pe=i((function(e){H&&H(Z===p.startDate?Object.assign(Object.assign({},e),{endDate:null}):e)}),[Z,H]),he=i((function(e){$(e||p.startDate)}),[]),ke=Object.assign(Object.assign({},l),Q),Ee=!B&&!ae;return a.createElement("div",{"data-testid":J||k(E.DATEPICKER,O),ref:j,id:O,className:o(P.datepickerContainer,N,t(t(t({},P.withWeekNumber,q),P.rangePickerMode,x),P.monthYearSelection,ae)),"data-vibe":g.DATE_PICKER},x?a.createElement(d,{phrases:ke,renderDayContents:q?fe:void 0,firstDayOfWeek:M,hideKeyboardShortcutsPanel:!0,startDate:_,endDate:w,onDatesChange:pe,focusedInput:Z,minimumNights:0,onFocusChange:he,navPrev:Ee?a.createElement(u,{kind:h.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:h.next}):a.createElement("div",null),daySize:S,isOutsideRange:G,isDayBlocked:K,renderMonthElement:ue,enableOutsideDays:V||q,numberOfMonths:W,initialVisibleMonth:function(){return oe||_||s()}}):a.createElement(c,{phrases:ke,renderDayContents:q?fe:void 0,firstDayOfWeek:M,hideKeyboardShortcutsPanel:!0,onFocusChange:y,numberOfMonths:W,date:_,onDateChange:function(e){return H(e)},navPrev:Ee?a.createElement(u,{kind:h.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:h.next}):a.createElement("div",null),focused:!0,renderMonthElement:ue,enableOutsideDays:V||q,daySize:S,isDayBlocked:K,initialVisibleMonth:function(){return oe||_||s()}}),ae&&De())}));export{j as default};
 //# sourceMappingURL=DatePicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\nimport \"react-dates/initialize.js\";\nimport {\n type DayOfWeekShape,\n DayPickerRangeController,\n DayPickerSingleDateController,\n type DayPickerPhrases\n} from \"react-dates\";\n/** @ts-expect-error this is exported, but not typed /\nimport { DayPickerPhrases as defaultPhrases } from \"react-dates/lib/defaultPhrases.js\";\nimport DatePickerHeaderComponent from \"./DatePickerHeader/DatePickerHeader\";\nimport DateNavigationItem from \"./DateNavigationItem/DateNavigationItem\";\nimport YearPicker from \"./YearPicker/YearPicker\";\nimport { DAY_SIZE, WEEK_FIRST_DAY } from \"./constants\";\nimport { Direction, FocusInput, type Moment, type RangeDate } from \"./types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport styles from \"./DatePicker.module.scss\";\n// Make sure to update when upgrading react-dates\nimport \"./external_datepicker.scss\";\n\nexport interface DatePickerProps extends VibeComponentProps {\n /\n The first day of the week to display.\n /\n firstDayOfWeek?: DayOfWeekShape;\n /\n The currently selected date.\n /\n date?: Moment;\n /\n The end date for range selection mode.\n /\n endDate?: Moment;\n /\n Callback fired when a date is selected.\n /\n onPickDate?: (date: Moment \| RangeDate) => void;\n /\n If true, hides the navigation buttons.\n /\n hideNavigationKeys?: boolean;\n /\n If true, allows selecting days outside the current month.\n /\n enableOutsideDays?: boolean;\n /\n If true, displays a column with week numbers.\n /\n showWeekNumber?: boolean;\n /\n The size of a single day cell.\n /\n daySize?: number;\n /\n Function to determine if a specific day should be disabled.\n /\n shouldBlockDay?: (date: Moment) => boolean;\n /\n If true, enables date range selection mode.\n /\n range?: boolean;\n /\n Custom phrases for accessibility and aria-labels.\n /\n phrases?: DayPickerPhrases;\n /\n The number of months displayed in the calendar.\n /\n numberOfMonths?: number;\n /\n Function to determine if a specific year should be disabled.\n /\n shouldBlockYear?: (year: number) => boolean;\n /\n Function to determine if a specific date range should be disabled.\n */\n shouldBlockRange?: (date: Moment) => boolean;\n}\n\nconst DatePicker = forwardRef(\n (\n {\n id,\n className,\n firstDayOfWeek = WEEK_FIRST_DAY,\n daySize = DAY_SIZE,\n range = false,\n shouldBlockDay,\n shouldBlockYear,\n numberOfMonths = 1,\n hideNavigationKeys = false,\n date,\n endDate,\n onPickDate = NOOP,\n enableOutsideDays = false,\n showWeekNumber = false,\n shouldBlockRange,\n \"data-testid\": dataTestId,\n phrases\n }: DatePickerProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);\n const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown\n const [overrideDateForView, setOverrideDateForView] = useState<Moment \| null>(null);\n const [yearFunc, setYearFunc] = useState(null);\n\n const renderMonth = useCallback(\n ({\n month,\n onYearSelect\n }: {\n month: moment.Moment;\n onYearSelect: (currentMonth: moment.Moment, newMonthVal: string) => void;\n }) => {\n if (!yearFunc && onYearSelect) {\n setYearFunc(() => onYearSelect);\n }\n return (\n <DatePickerHeaderComponent\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER_HEADER, id)}\n currentDate={month \|\| moment()}\n isMonthYearSelection={isMonthYearSelection}\n onToggleMonthYearPicker={() => setIsMonthYearSelection(val => !val)}\n hideNavigationKeys={hideNavigationKeys}\n />\n );\n },\n [isMonthYearSelection, dataTestId, id, hideNavigationKeys, yearFunc]\n );\n\n const renderDay = useCallback(\n (day: Moment) => {\n const weekNumber = firstDayOfWeek === 0 ? day.clone().add(1, \"d\").isoWeek() : day.isoWeek();\n return (\n <>\n <span className={styles.calendarDayWeekNumber}>{weekNumber}</span> {day.format(\"D\")}\n </>\n );\n },\n [firstDayOfWeek]\n );\n\n const changeCurrentDateFromMonthYearView = useCallback(\n (newDate: Moment \| null) => {\n const oldDate = overrideDateForView \|\| date;\n setOverrideDateForView(newDate);\n setIsMonthYearSelection(false);\n yearFunc(oldDate, moment(newDate).year());\n },\n [overrideDateForView, date, yearFunc]\n );\n\n const renderMonthYearSelection = useCallback(() => {\n return (\n <YearPicker\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER_YEAR_SELECTION, id)}\n selectedDate={date}\n isYearBlocked={shouldBlockYear}\n changeCurrentDate={changeCurrentDateFromMonthYearView}\n />\n );\n }, [dataTestId, id, overrideDateForView, date, shouldBlockYear, changeCurrentDateFromMonthYearView]);\n\n const onDateRangeChange = useCallback(\n (date: RangeDate) => {\n if (!onPickDate) return;\n if (focusedInput === FocusInput.startDate) {\n onPickDate({ ...date, endDate: null });\n } else {\n onPickDate(date);\n }\n },\n [focusedInput, onPickDate]\n );\n\n const onFocusChange = useCallback((focusedInput: FocusInput) => {\n setFocusedInput(focusedInput \|\| FocusInput.startDate);\n }, []);\n\n const mergedPhrases = { ...defaultPhrases, ...phrases };\n\n const shouldShowNav = !hideNavigationKeys && !isMonthYearSelection;\n return (\n <div\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER, id)}\n ref={ref}\n id={id}\n className={cx(styles.datepickerContainer, className, {\n [styles.withWeekNumber]: showWeekNumber,\n [styles.rangePickerMode]: range,\n [styles.monthYearSelection]: isMonthYearSelection\n })}\n data-vibe={ComponentVibeId.DATE_PICKER}\n >\n {range ? (\n <DayPickerRangeController\n phrases={mergedPhrases}\n renderDayContents={showWeekNumber ? renderDay : undefined}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel\n startDate={date}\n endDate={endDate}\n onDatesChange={onDateRangeChange}\n focusedInput={focusedInput}\n minimumNights={0}\n onFocusChange={onFocusChange}\n navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n daySize={daySize}\n isOutsideRange={shouldBlockRange}\n isDayBlocked={shouldBlockDay}\n renderMonthElement={renderMonth}\n enableOutsideDays={enableOutsideDays \|\| showWeekNumber}\n numberOfMonths={numberOfMonths}\n initialVisibleMonth={() => overrideDateForView \|\| date \|\| moment()}\n />\n ) : (\n <DayPickerSingleDateController\n phrases={mergedPhrases}\n renderDayContents={showWeekNumber ? renderDay : undefined}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel\n onFocusChange={NOOP}\n numberOfMonths={numberOfMonths}\n date={date}\n onDateChange={(date: Moment) => onPickDate(date)}\n navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n focused={true}\n renderMonthElement={renderMonth}\n enableOutsideDays={enableOutsideDays \|\| showWeekNumber}\n daySize={daySize}\n isDayBlocked={shouldBlockDay}\n initialVisibleMonth={() => overrideDateForView \|\| date \|\| moment()}\n />\n )}\n {isMonthYearSelection && renderMonthYearSelection()}\n </div>\n );\n }\n);\n\nexport default DatePicker;\n"],"names":["DatePicker","forwardRef","_ref","ref","id","className","_ref$firstDayOfWeek","firstDayOfWeek","WEEK_FIRST_DAY","_ref$daySize","daySize","DAY_SIZE","_ref$range","range","shouldBlockDay","shouldBlockYear","_ref$numberOfMonths","numberOfMonths","_ref$hideNavigationKe","hideNavigationKeys","date","endDate","_ref$onPickDate","onPickDate","NOOP","_ref$enableOutsideDay","enableOutsideDays","_ref$showWeekNumber","showWeekNumber","shouldBlockRange","dataTestId","phrases","_useState","useState","FocusInput","startDate","_useState2","_slicedToArray","focusedInput","setFocusedInput","_useState3","_useState4","isMonthYearSelection","setIsMonthYearSelection","_useState5","_useState6","overrideDateForView","setOverrideDateForView","_useState7","_useState8","yearFunc","setYearFunc","renderMonth","useCallback","_ref2","month","onYearSelect","React","DatePickerHeaderComponent","getTestId","ComponentDefaultTestId","DATEPICKER_HEADER","currentDate","moment","onToggleMonthYearPicker","val","renderDay","day","weekNumber","clone","add","isoWeek","createElement","Fragment","styles","calendarDayWeekNumber","format","changeCurrentDateFromMonthYearView","newDate","oldDate","year","renderMonthYearSelection","YearPicker","DATEPICKER_YEAR_SELECTION","selectedDate","isYearBlocked","changeCurrentDate","onDateRangeChange","onFocusChange","mergedPhrases","Object","assign","defaultPhrases","shouldShowNav","DATEPICKER","cx","datepickerContainer","_defineProperty","withWeekNumber","rangePickerMode","monthYearSelection","ComponentVibeId","DATE_PICKER","DayPickerRangeController","renderDayContents","undefined","hideKeyboardShortcutsPanel","onDatesChange","minimumNights","navPrev","DateNavigationItem","kind","Direction","prev","navNext","next","isOutsideRange","isDayBlocked","renderMonthElement","initialVisibleMonth","DayPickerSingleDateController","onDateChange","focused"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\nimport \"react-dates/initialize.js\";\nimport {\n type DayOfWeekShape,\n DayPickerRangeController,\n DayPickerSingleDateController,\n type DayPickerPhrases\n} from \"react-dates\";\n/** @ts-expect-error this is exported, but not typed /\nimport { DayPickerPhrases as defaultPhrases } from \"react-dates/lib/defaultPhrases.js\";\nimport DatePickerHeaderComponent from \"./DatePickerHeader/DatePickerHeader\";\nimport DateNavigationItem from \"./DateNavigationItem/DateNavigationItem\";\nimport YearPicker from \"./YearPicker/YearPicker\";\nimport { DAY_SIZE, WEEK_FIRST_DAY } from \"./constants\";\nimport { Direction, FocusInput, type Moment, type RangeDate } from \"./types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport styles from \"./DatePicker.module.scss\";\n// Make sure to update when upgrading react-dates\nimport \"./external_datepicker.scss\";\n\nexport interface DatePickerProps extends VibeComponentProps {\n /\n The first day of the week to display.\n /\n firstDayOfWeek?: DayOfWeekShape;\n /\n The currently selected date.\n /\n date?: Moment;\n /\n The end date for range selection mode.\n /\n endDate?: Moment;\n /\n Callback fired when a date is selected.\n /\n onPickDate?: (date: Moment \| RangeDate) => void;\n /\n If true, hides the navigation buttons.\n /\n hideNavigationKeys?: boolean;\n /\n If true, allows selecting days outside the current month.\n /\n enableOutsideDays?: boolean;\n /\n If true, displays a column with week numbers.\n /\n showWeekNumber?: boolean;\n /\n The size of a single day cell.\n /\n daySize?: number;\n /\n Function to determine if a specific day should be disabled.\n /\n shouldBlockDay?: (date: Moment) => boolean;\n /\n If true, enables date range selection mode.\n /\n range?: boolean;\n /\n Custom phrases for accessibility and aria-labels.\n /\n phrases?: DayPickerPhrases;\n /\n The number of months displayed in the calendar.\n /\n numberOfMonths?: number;\n /\n Function to determine if a specific year should be disabled.\n /\n shouldBlockYear?: (year: number) => boolean;\n /\n Function to determine if a specific date range should be disabled.\n */\n shouldBlockRange?: (date: Moment) => boolean;\n}\n\nconst DatePicker = forwardRef(\n (\n {\n id,\n className,\n firstDayOfWeek = WEEK_FIRST_DAY,\n daySize = DAY_SIZE,\n range = false,\n shouldBlockDay,\n shouldBlockYear,\n numberOfMonths = 1,\n hideNavigationKeys = false,\n date,\n endDate,\n onPickDate = NOOP,\n enableOutsideDays = false,\n showWeekNumber = false,\n shouldBlockRange,\n \"data-testid\": dataTestId,\n phrases\n }: DatePickerProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n useWarnDeprecated({\n component: \"DatePicker\",\n message:\n \"This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead.\"\n });\n\n const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);\n const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown\n const [overrideDateForView, setOverrideDateForView] = useState<Moment \| null>(null);\n const [yearFunc, setYearFunc] = useState(null);\n\n const renderMonth = useCallback(\n ({\n month,\n onYearSelect\n }: {\n month: moment.Moment;\n onYearSelect: (currentMonth: moment.Moment, newMonthVal: string) => void;\n }) => {\n if (!yearFunc && onYearSelect) {\n setYearFunc(() => onYearSelect);\n }\n return (\n <DatePickerHeaderComponent\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER_HEADER, id)}\n currentDate={month \|\| moment()}\n isMonthYearSelection={isMonthYearSelection}\n onToggleMonthYearPicker={() => setIsMonthYearSelection(val => !val)}\n hideNavigationKeys={hideNavigationKeys}\n />\n );\n },\n [isMonthYearSelection, dataTestId, id, hideNavigationKeys, yearFunc]\n );\n\n const renderDay = useCallback(\n (day: Moment) => {\n const weekNumber = firstDayOfWeek === 0 ? day.clone().add(1, \"d\").isoWeek() : day.isoWeek();\n return (\n <>\n <span className={styles.calendarDayWeekNumber}>{weekNumber}</span> {day.format(\"D\")}\n </>\n );\n },\n [firstDayOfWeek]\n );\n\n const changeCurrentDateFromMonthYearView = useCallback(\n (newDate: Moment \| null) => {\n const oldDate = overrideDateForView \|\| date;\n setOverrideDateForView(newDate);\n setIsMonthYearSelection(false);\n yearFunc(oldDate, moment(newDate).year());\n },\n [overrideDateForView, date, yearFunc]\n );\n\n const renderMonthYearSelection = useCallback(() => {\n return (\n <YearPicker\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER_YEAR_SELECTION, id)}\n selectedDate={date}\n isYearBlocked={shouldBlockYear}\n changeCurrentDate={changeCurrentDateFromMonthYearView}\n />\n );\n }, [dataTestId, id, overrideDateForView, date, shouldBlockYear, changeCurrentDateFromMonthYearView]);\n\n const onDateRangeChange = useCallback(\n (date: RangeDate) => {\n if (!onPickDate) return;\n if (focusedInput === FocusInput.startDate) {\n onPickDate({ ...date, endDate: null });\n } else {\n onPickDate(date);\n }\n },\n [focusedInput, onPickDate]\n );\n\n const onFocusChange = useCallback((focusedInput: FocusInput) => {\n setFocusedInput(focusedInput \|\| FocusInput.startDate);\n }, []);\n\n const mergedPhrases = { ...defaultPhrases, ...phrases };\n\n const shouldShowNav = !hideNavigationKeys && !isMonthYearSelection;\n return (\n <div\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DATEPICKER, id)}\n ref={ref}\n id={id}\n className={cx(styles.datepickerContainer, className, {\n [styles.withWeekNumber]: showWeekNumber,\n [styles.rangePickerMode]: range,\n [styles.monthYearSelection]: isMonthYearSelection\n })}\n data-vibe={ComponentVibeId.DATE_PICKER}\n >\n {range ? (\n <DayPickerRangeController\n phrases={mergedPhrases}\n renderDayContents={showWeekNumber ? renderDay : undefined}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel\n startDate={date}\n endDate={endDate}\n onDatesChange={onDateRangeChange}\n focusedInput={focusedInput}\n minimumNights={0}\n onFocusChange={onFocusChange}\n navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n daySize={daySize}\n isOutsideRange={shouldBlockRange}\n isDayBlocked={shouldBlockDay}\n renderMonthElement={renderMonth}\n enableOutsideDays={enableOutsideDays \|\| showWeekNumber}\n numberOfMonths={numberOfMonths}\n initialVisibleMonth={() => overrideDateForView \|\| date \|\| moment()}\n />\n ) : (\n <DayPickerSingleDateController\n phrases={mergedPhrases}\n renderDayContents={showWeekNumber ? renderDay : undefined}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel\n onFocusChange={NOOP}\n numberOfMonths={numberOfMonths}\n date={date}\n onDateChange={(date: Moment) => onPickDate(date)}\n navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n focused={true}\n renderMonthElement={renderMonth}\n enableOutsideDays={enableOutsideDays \|\| showWeekNumber}\n daySize={daySize}\n isDayBlocked={shouldBlockDay}\n initialVisibleMonth={() => overrideDateForView \|\| date \|\| moment()}\n />\n )}\n {isMonthYearSelection && renderMonthYearSelection()}\n </div>\n );\n }\n);\n\nexport default DatePicker;\n"],"names":["DatePicker","forwardRef","_ref","ref","id","className","_ref$firstDayOfWeek","firstDayOfWeek","WEEK_FIRST_DAY","_ref$daySize","daySize","DAY_SIZE","_ref$range","range","shouldBlockDay","shouldBlockYear","_ref$numberOfMonths","numberOfMonths","_ref$hideNavigationKe","hideNavigationKeys","date","endDate","_ref$onPickDate","onPickDate","NOOP","_ref$enableOutsideDay","enableOutsideDays","_ref$showWeekNumber","showWeekNumber","shouldBlockRange","dataTestId","phrases","useWarnDeprecated","component","message","_useState","useState","FocusInput","startDate","_useState2","_slicedToArray","focusedInput","setFocusedInput","_useState3","_useState4","isMonthYearSelection","setIsMonthYearSelection","_useState5","_useState6","overrideDateForView","setOverrideDateForView","_useState7","_useState8","yearFunc","setYearFunc","renderMonth","useCallback","_ref2","month","onYearSelect","React","DatePickerHeaderComponent","getTestId","ComponentDefaultTestId","DATEPICKER_HEADER","currentDate","moment","onToggleMonthYearPicker","val","renderDay","day","weekNumber","clone","add","isoWeek","createElement","Fragment","styles","calendarDayWeekNumber","format","changeCurrentDateFromMonthYearView","newDate","oldDate","year","renderMonthYearSelection","YearPicker","DATEPICKER_YEAR_SELECTION","selectedDate","isYearBlocked","changeCurrentDate","onDateRangeChange","onFocusChange","mergedPhrases","Object","assign","defaultPhrases","shouldShowNav","DATEPICKER","cx","datepickerContainer","_defineProperty","withWeekNumber","rangePickerMode","monthYearSelection","ComponentVibeId","DATE_PICKER","DayPickerRangeController","renderDayContents","undefined","hideKeyboardShortcutsPanel","onDatesChange","minimumNights","navPrev","DateNavigationItem","kind","Direction","prev","navNext","next","isOutsideRange","isDayBlocked","renderMonthElement","initialVisibleMonth","DayPickerSingleDateController","onDateChange","focused"],"mappings":"2/BAqFMA,IAAAA,EAAaC,GACjB,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,eAAAA,OAAiBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAP,EAC/BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAV,EAClBW,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAAcZ,EAAdY,eACAC,EAAeb,EAAfa,gBAAeC,EAAAd,EACfe,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAAAE,EAAAhB,EAClBiB,mBAAAA,OAAqB,IAAHD,GAAQA,EAC1BE,EAAIlB,EAAJkB,KACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAvB,EACjBwB,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAAzB,EACzB0B,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAgB3B,EAAhB2B,iBACeC,EAAU5B,EAAzB,eACA6B,EAAO7B,EAAP6B,QAIFC,EAAkB,CAChBC,UAAW,aACXC,QACE,oIAGJ,IAAAC,EAAwCC,EAASC,EAAWC,WAAUC,EAAAC,EAAAL,EAAA,GAA/DM,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,GAAwDP,GAAS,GAAMQ,GAAAJ,EAAAG,GAAA,GAAhEE,GAAoBD,GAAA,GAAEE,GAAuBF,GAAA,GACpDG,GAAsDX,EAAwB,MAAKY,GAAAR,EAAAO,GAAA,GAA5EE,GAAmBD,GAAA,GAAEE,GAAsBF,GAAA,GAClDG,GAAgCf,EAAS,MAAKgB,GAAAZ,EAAAW,GAAA,GAAvCE,GAAQD,GAAA,GAAEE,GAAWF,GAAA,GAEtBG,GAAcC,GAClB,SAAAC,GAMK,IALHC,EAAKD,EAALC,MACAC,EAAYF,EAAZE,aAQA,OAHKN,IAAYM,GACfL,IAAY,WAAA,OAAMK,KAGlBC,gBAACC,EAAyB,CAAA,cACX/B,GAAcgC,EAAUC,EAAuBC,kBAAmB5D,GAC/E6D,YAAaP,GAASQ,IACtBrB,qBAAsBA,GACtBsB,wBAAyB,WAAA,OAAMrB,IAAwB,SAAAsB,GAAG,OAAKA,IAAI,EACnEjD,mBAAoBA,GAG1B,GACA,CAAC0B,GAAsBf,EAAY1B,EAAIe,EAAoBkC,KAGvDgB,GAAYb,GAChB,SAACc,GACC,IAAMC,EAAgC,IAAnBhE,EAAuB+D,EAAIE,QAAQC,IAAI,EAAG,KAAKC,UAAYJ,EAAII,UAClF,OACEd,EAAAe,cAAAf,EAAAgB,SAAA,KACEhB,EAAAe,cAAA,OAAA,CAAMtE,UAAWwE,EAAOC,uBAAwBP,OAAoBD,EAAIS,OAAO,KAGrF,GACA,CAACxE,IAGGyE,GAAqCxB,GACzC,SAACyB,GACC,IAAMC,EAAUjC,IAAuB7B,EACvC8B,GAAuB+B,GACvBnC,IAAwB,GACxBO,GAAS6B,EAAShB,EAAOe,GAASE,OACnC,GACD,CAAClC,GAAqB7B,EAAMiC,KAGxB+B,GAA2B5B,GAAY,WAC3C,OACEI,EAAAe,cAACU,EAAU,CAAA,cACIvD,GAAcgC,EAAUC,EAAuBuB,0BAA2BlF,GACvFmF,aAAcnE,EACdoE,cAAezE,EACf0E,kBAAmBT,IAGzB,GAAG,CAAClD,EAAY1B,EAAI6C,GAAqB7B,EAAML,EAAiBiE,KAE1DU,GAAoBlC,GACxB,SAACpC,GACMG,GAEHA,EADEkB,IAAiBJ,EAAWC,yCACdlB,GAAI,CAAEC,QAAS,OAEpBD,EAEf,GACA,CAACqB,EAAclB,IAGXoE,GAAgBnC,GAAY,SAACf,GACjCC,EAAgBD,GAAgBJ,EAAWC,UAC5C,GAAE,IAEGsD,GAAqBC,OAAAC,OAAAD,OAAAC,OAAA,GAAAC,GAAmBhE,GAExCiE,IAAiB7E,IAAuB0B,GAC9C,OACEe,EAAAe,cAAA,MAAA,CAAA,cACe7C,GAAcgC,EAAUC,EAAuBkC,WAAY7F,GACxED,IAAKA,EACLC,GAAIA,EACJC,UAAW6F,EAAGrB,EAAOsB,oBAAqB9F,EAAS+F,EAAAA,EAAAA,EAChDvB,GAAAA,EAAOwB,eAAiBzE,GACxBiD,EAAOyB,gBAAkBzF,GACzBgE,EAAO0B,mBAAqB1D,KAC7B,YACS2D,EAAgBC,aAE1B5F,EACC+C,EAACe,cAAA+B,EACC,CAAA3E,QAAS6D,GACTe,kBAAmB/E,EAAiByC,QAAYuC,EAChDrG,eAAgBA,EAChBsG,4BACA,EAAAvE,UAAWlB,EACXC,QAASA,EACTyF,cAAepB,GACfjD,aAAcA,EACdsE,cAAe,EACfpB,cAAeA,GACfqB,QAAShB,GAAgBpC,EAAAe,cAACsC,EAAmB,CAAAC,KAAMC,EAAUC,OAAWxD,EAAOe,cAAA,MAAA,MAC/E0C,QAASrB,GAAgBpC,EAACe,cAAAsC,EAAmB,CAAAC,KAAMC,EAAUG,OAAW1D,EAAOe,cAAA,MAAA,MAC/EjE,QAASA,EACT6G,eAAgB1F,EAChB2F,aAAc1G,EACd2G,mBAAoBlE,GACpB7B,kBAAmBA,GAAqBE,EACxCX,eAAgBA,EAChByG,oBAAqB,WAAA,OAAMzE,IAAuB7B,GAAQ8C,GAAQ,IAGpEN,EAAAe,cAACgD,EAA6B,CAC5B5F,QAAS6D,GACTe,kBAAmB/E,EAAiByC,QAAYuC,EAChDrG,eAAgBA,EAChBsG,4BACA,EAAAlB,cAAenE,EACfP,eAAgBA,EAChBG,KAAMA,EACNwG,aAAc,SAACxG,GAAY,OAAKG,EAAWH,EAAK,EAChD4F,QAAShB,GAAgBpC,EAAAe,cAACsC,EAAmB,CAAAC,KAAMC,EAAUC,OAAWxD,EAAOe,cAAA,MAAA,MAC/E0C,QAASrB,GAAgBpC,EAACe,cAAAsC,EAAmB,CAAAC,KAAMC,EAAUG,OAAW1D,EAAOe,cAAA,MAAA,MAC/EkD,SAAS,EACTJ,mBAAoBlE,GACpB7B,kBAAmBA,GAAqBE,EACxClB,QAASA,EACT8G,aAAc1G,EACd4G,oBAAqB,WAAA,OAAMzE,IAAuB7B,GAAQ8C,GAAQ,IAGrErB,IAAwBuC,KAG/B"}

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_a720d145a7",monthYearSelection:"monthYearSelection_0ab8b1af53",rangePickerMode:"rangePickerMode_fd54ccbe22",withWeekNumber:"withWeekNumber_7d5ad1b667",calendarDayWeekNumber:"calendarDayWeekNumber_695993e46e"};!function(e){const n="s_id-5bf64d458e6b_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_a720d145a7 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_a720d145a7 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_a720d145a7 td {\n  border: none;\n}\n.datepickerContainer_a720d145a7.monthYearSelection_0ab8b1af53 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_a720d145a7.monthYearSelection_0ab8b1af53 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_a720d145a7 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a720d145a7 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a720d145a7 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a720d145a7 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_a720d145a7 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a720d145a7 .CalendarDay__blocked_calendar, .datepickerContainer_a720d145a7 .CalendarDay__blocked_calendar:active, .datepickerContainer_a720d145a7 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_a720d145a7 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_a720d145a7 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_a720d145a7 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_a720d145a7 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_a720d145a7 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__hovered_span, .datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__hovered_span:hover::before, .datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a720d145a7.rangePickerMode_fd54ccbe22.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .CalendarDay .calendarDayWeekNumber_695993e46e {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_695993e46e {\n  display: flex;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_695993e46e {\n  display: none;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_a720d145a7.withWeekNumber_7d5ad1b667 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_a1df3c51d9",monthYearSelection:"monthYearSelection_42a19d47c2",rangePickerMode:"rangePickerMode_13dddbc7d9",withWeekNumber:"withWeekNumber_429ad57257",calendarDayWeekNumber:"calendarDayWeekNumber_e87063a9bf"};!function(e){const n="s_id-5bf64d458e6b_3_83_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_a1df3c51d9 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_a1df3c51d9 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_a1df3c51d9 td {\n  border: none;\n}\n.datepickerContainer_a1df3c51d9.monthYearSelection_42a19d47c2 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_a1df3c51d9.monthYearSelection_42a19d47c2 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_a1df3c51d9 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a1df3c51d9 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a1df3c51d9 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9 .CalendarDay__blocked_calendar, .datepickerContainer_a1df3c51d9 .CalendarDay__blocked_calendar:active, .datepickerContainer_a1df3c51d9 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_a1df3c51d9 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_a1df3c51d9 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_a1df3c51d9 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_a1df3c51d9 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_a1df3c51d9 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__hovered_span, .datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__hovered_span:hover::before, .datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a1df3c51d9.rangePickerMode_13dddbc7d9.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .CalendarDay .calendarDayWeekNumber_e87063a9bf {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_e87063a9bf {\n  display: flex;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_e87063a9bf {\n  display: none;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_a1df3c51d9.withWeekNumber_429ad57257 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_74cc66fa5a",button:"button_ca526c433c",buttonContent:"buttonContent_d7f17d41c5"};!function(e){const n="s_id-89778422f1e0_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_74cc66fa5a {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_74cc66fa5a .button_ca526c433c {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_74cc66fa5a .button_ca526c433c .buttonContent_d7f17d41c5 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_74cc66fa5a .button_ca526c433c .buttonContent_d7f17d41c5:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_51fb7e1aba",button:"button_0b72b04c7e",buttonContent:"buttonContent_7cc45d99f0"};!function(e){const n="s_id-89778422f1e0_3_83_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_51fb7e1aba {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_51fb7e1aba .button_0b72b04c7e {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_51fb7e1aba .button_0b72b04c7e .buttonContent_7cc45d99f0 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_51fb7e1aba .button_0b72b04c7e .buttonContent_7cc45d99f0:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_de44dc7f78",navigationWrapper:"navigationWrapper_06e7e47cbb",navigationLeft:"navigationLeft_24ff1872e8",navigationRight:"navigationRight_589e7f0fa8",pickerOptions:"pickerOptions_4bb32c0ea0",pickerOption:"pickerOption_a56f001055"};!function(e){const n="s_id-dcd379d5f457_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_de44dc7f78 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_de44dc7f78 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_de44dc7f78 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_de44dc7f78 .navigationWrapper_06e7e47cbb {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_de44dc7f78 .navigationWrapper_06e7e47cbb.navigationLeft_24ff1872e8 {\n  left: 21px;\n}\n.monthYearPicker_de44dc7f78 .navigationWrapper_06e7e47cbb.navigationRight_589e7f0fa8 {\n  right: 21px;\n}\n.monthYearPicker_de44dc7f78 .pickerOptions_4bb32c0ea0 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_de44dc7f78 .pickerOptions_4bb32c0ea0 .pickerOption_a56f001055 {\n  min-width: 66px;\n}\n.monthYearPicker_de44dc7f78 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_0a211c8c63",navigationWrapper:"navigationWrapper_4003e0efb6",navigationLeft:"navigationLeft_2977adb18e",navigationRight:"navigationRight_564e1b0d1b",pickerOptions:"pickerOptions_73c2fb7be1",pickerOption:"pickerOption_22ff9faa8e"};!function(e){const n="s_id-dcd379d5f457_3_83_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_0a211c8c63 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_0a211c8c63 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_0a211c8c63 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_0a211c8c63 .navigationWrapper_4003e0efb6 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_0a211c8c63 .navigationWrapper_4003e0efb6.navigationLeft_2977adb18e {\n  left: 21px;\n}\n.monthYearPicker_0a211c8c63 .navigationWrapper_4003e0efb6.navigationRight_564e1b0d1b {\n  right: 21px;\n}\n.monthYearPicker_0a211c8c63 .pickerOptions_73c2fb7be1 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_0a211c8c63 .pickerOptions_73c2fb7be1 .pickerOption_22ff9faa8e {\n  min-width: 66px;\n}\n.monthYearPicker_0a211c8c63 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_c8c5ab4f81",withoutMargin:"withoutMargin_cfcc67f415",horizontal:"horizontal_d3c653cb89",vertical:"vertical_c41c2d3eef"};!function(e){const n="s_id-290500f5721e_3_83_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_c8c5ab4f81 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_c8c5ab4f81.withoutMargin_cfcc67f415 {\n  margin: 0;\n}\n\n.horizontal_d3c653cb89 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_c41c2d3eef {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_524eaa750c",withoutMargin:"withoutMargin_3f090b2e75",horizontal:"horizontal_ad57a8848a",vertical:"vertical_737129a213"};!function(e){const n="s_id-290500f5721e_3_83_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_524eaa750c {\n  background-color: var(--layout-border-color);\n}\n\n.divider_524eaa750c.withoutMargin_3f090b2e75 {\n  margin: 0;\n}\n\n.horizontal_ad57a8848a {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_737129a213 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as u,useContext as c,useMemo as d,useState as p,useEffect as m,useCallback as f}from"react";import v,{createFilter as O,components as b}from"react-select";import g from"react-select/async";import j from"react-select/base";import{noop as C}from"es-toolkit";import y from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import h from"./components/option/option.js";import w from"./components/singleValue/singleValue.js";import S from"./components/ClearIndicator/ClearIndicator.js";import I from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as D}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as V,DROPDOWN_MENU_PLACEMENT as P,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as L,defaultCustomStyles as x,DROPDOWN_ID as E,DROPDOWN_MENU_ID as N,DROPDOWN_MENU_ARIA_LABEL as W,DROPDOWN_INPUT_ARIA_LABEL as A}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import B from"./components/menu/menu.module.scss.js";import k from"./Dropdown.module.scss.js";import{withStaticProps as q}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as H}from"../../tests/constants.js";import _ from"../../../components/layer/dist/LayerProvider/LayerContext.js";import G from"../../../components/typography/dist/Text/Text.js";var K=q(l((function(a,l){var O=a.className,V=a.optionWrapperClassName,P=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,q=a.placeholder,K=void 0===q?"":q,J=a.allowPlaceholderEllipsis,Q=a.disabled,U=void 0!==Q&&Q,X=a.readOnly,Y=void 0!==X&&X,Z=a.onMenuOpen,$=void 0===Z?C:Z,ee=a.onMenuClose,ne=void 0===ee?C:ee,oe=a.onFocus,te=void 0===oe?C:oe,re=a.onBlur,ie=void 0===re?C:re,ae=a.onScroll,se=void 0===ae?C:ae,le=a.onMenuScrollToBottom,ue=void 0===le?C:le,ce=a.onChange,de=void 0===ce?C:ce,pe=a.searchable,me=void 0===pe||pe,fe=a.captureMenuScroll,ve=void 0!==fe&&fe,Oe=a.options,be=void 0===Oe?[]:Oe,ge=a.defaultValue,je=a.value,Ce=a.noOptionsMessage,ye=a.openMenuOnFocus,Me=a.openMenuOnClick,he=a.clearable,we=void 0===he||he,Se=a.OptionRenderer,Ie=a.optionRenderer,De=a.ValueRenderer,Ve=a.valueRenderer,Pe=a.menuRenderer,Re=a.menuPlacement,Le=void 0===Re?"bottom":Re,xe=a.rtl,Ee=a.size,Ne=void 0===Ee?"medium":Ee,We=a.asyncOptions,Ae=a.cacheOptions,Te=a.defaultOptions,ze=a.isVirtualized,Fe=a.menuPortalTarget,Be=a.extraStyles,ke=void 0===Be?x:Be,qe=a.maxMenuHeight,He=a.menuIsOpen,_e=a.tabIndex,Ge=void 0===_e?"0":_e,Ke=a.id,Je=void 0===Ke?E:Ke,Qe=a.menuId,Ue=void 0===Qe?N:Qe,Xe=a.menuAriaLabel,Ye=void 0===Xe?W:Xe,Ze=a.inputAriaLabel,$e=void 0===Ze?A:Ze,en=a.autoFocus,nn=void 0!==en&&en,on=a.multi,tn=void 0!==on&&on,rn=a.multiline,an=void 0!==rn&&rn,sn=a.onOptionRemove,ln=a.onOptionSelect,un=a.onClear,cn=a.onInputChange,dn=void 0===cn?C:cn,pn=a.closeMenuOnSelect,mn=void 0===pn?!tn:pn,fn=a.closeMenuOnScroll,vn=void 0!==fn&&fn,On=a.withMandatoryDefaultOptions,bn=void 0!==On&&On,gn=a.isOptionSelected,jn=a.insideOverflowContainer,Cn=void 0!==jn&&jn,yn=a.insideOverflowWithTransformContainer,Mn=void 0!==yn&&yn,hn=a.insideLayerContext,wn=void 0!==hn&&hn,Sn=a.tooltipContent,In=void 0===Sn?"":Sn,Dn=a.onKeyDown,Vn=void 0===Dn?C:Dn,Pn=a.isLoading,Rn=void 0!==Pn&&Pn,Ln=a.loadingMessage,xn=a.ariaLabel,En=a.tabSelectsValue,Nn=void 0===En||En,Wn=a.popupsContainerSelector,An=a.filterOption,Tn=a.menuPosition,zn=void 0===Tn?"absolute":Tn,Fn=a["data-testid"],Bn=a.withGroupDivider,kn=void 0!==Bn&&Bn,qn=a.inputValue,Hn=a.blurInputOnSelect,_n=a.multiValueDialogClassName,Gn=u(),Kn=c(_).layerRef,Jn=wn&&(null==Kn?void 0:Kn.current)||Fe||Wn&&document.querySelector(Wn),Qn=d((function(){return ge?Array.isArray(ge)?ge.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},ge),{isMandatory:!0}):ge}),[ge]);j.prototype.renderLiveRegion=function(){return null};var Un=p(null),Xn=e(Un,2),Yn=Xn[0],Zn=Xn[1];m((function(){D()&&(!function(){try{return"function"==typeof require&&"undefined"!=typeof module&&"undefined"!=typeof process&&"test"===process.env.NODE_ENV}catch(e){return!1}}()?import("react-windowed-select").then((function(e){Zn((function(){return e.WindowedMenuList}))})):Zn((function(){return require("react-windowed-select").WindowedMenuList})))}),[]);var $n=p(Qn||[]),eo=e($n,2),no=eo[0],oo=eo[1],to=p(""),ro=e(to,2),io=ro[0],ao=ro[1],so=Ie||Se,lo=Ve||De,uo=!!je,co=null!=je?je:no,po=d((function(){return Array.isArray(co)?co.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[co]),mo=d((function(){return xn||"".concat(Y?"Readonly ":""," ").concat(In," ").concat(Array.isArray(co)?"Selected: ".concat(co.map((function(e){return e.label})).join(", ")):"Select")}),[xn,Y,co,In]),fo=tn?co:je,vo=d((function(){var o=T({size:Ne,rtl:xe,insideOverflowContainer:Cn,controlRef:Gn,insideOverflowWithTransformContainer:Mn,withGroupDivider:kn,searchable:me,allowPlaceholderEllipsis:J}),t=ke(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(tn){an&&L.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ne,xe,Cn,Mn,J,ke,tn,an]),Oo=f((function(e){return s.createElement(y,Object.assign({},e,{id:Ue,ariaLabel:Ye,Renderer:Pe,dropdownMenuWrapperClassName:R,onScroll:se}))}),[R,Pe,Ue,Ye,se]),bo=f((function(e){return s.createElement(M,Object.assign({},e,{size:Ne}))}),[Ne]),go=f((function(e){return s.createElement(h,Object.assign({setFocusedOptionId:ao},e,{Renderer:so,optionWrapperClassName:V}))}),[so,V,ao]),jo=f((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(b.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Y&&t,"aria-label":$e,"aria-controls":Ue,readOnly:!me||void 0}))}),[Ue,Y]),Co=f((function(e){return s.createElement(w,Object.assign({},e,{readOnly:Y,Renderer:lo,selectedOption:co[0],singleValueWrapperClassName:P}))}),[lo,Y,co,P]),yo=f((function(e){return s.createElement(S,Object.assign({},e,{size:Ne}))}),[Ne]),Mo=d((function(){return function(e,n){sn&&sn(po[e]);var o=Array.isArray(co)?co.filter((function(n){return n.value!==e})):co;de&&de(o,n),oo(o)}}),[de,sn,co,po]),ho=d((function(){return{selectedOptions:co,onSelectedDelete:Mo,isMultiline:an,insideOverflowContainer:Cn,insideOverflowWithTransformContainer:Mn,controlRef:Gn,tooltipContent:In,popupsContainerSelector:wn?null==Kn?void 0:Kn.current:Wn,size:Ne,dialogClassName:_n}}),[co,Mo,an,Cn,Mn,In,Kn,Wn,wn,Ne,_n]),wo=We?g:v;wo=wo.default||wo;var So=Object.assign({},We&&Object.assign({loadOptions:We,cacheOptions:Ae},Te&&{defaultOptions:Te})),Io=Object.assign(Object.assign({},!We&&{options:be}),tn&&{isMulti:!0}),Do=f((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(B.dropdownMenuWrapper))&&(vn||Cn||Mn)}),[Cn,Mn,vn]),Vo=d((function(){return J?s.createElement(G,{type:"text2",color:"inherit"},K):K}),[J,K]);return s.createElement(wo,Object.assign({className:i(k.dropdown,O),selectProps:ho,components:Object.assign(Object.assign({DropdownIndicator:bo,Menu:Oo,ClearIndicator:yo,Input:jo,Option:go,Control:F,SingleValue:Co},tn&&{MultiValue:C,ValueContainer:I}),ze&&Yn&&{MenuList:Yn}),closeMenuOnScroll:Do,size:Ne,noOptionsMessage:Ce,placeholder:Vo,isDisabled:U,isClearable:!Y&&we,isSearchable:!Y,readOnly:Y,"aria-readonly":Y,"aria-label":mo,"aria-details":In,"aria-haspopup":"listbox",defaultValue:ge,value:fo,onMenuOpen:$,onMenuClose:ne,onFocus:te,onBlur:ie,onMenuScrollToBottom:ue,captureMenuScroll:ve,onChange:function(e,n){switch(de&&de(e,n),n.action){case"select-option":var t=tn?n.option:e;ln&&ln(t),uo||oo([].concat(o(co),[t]));break;case"clear":un&&un(),uo||oo(bn?Qn:[])}},onKeyDown:Vn,onInputChange:dn,openMenuOnFocus:ye,openMenuOnClick:Me,focusedOptionId:io,isRtl:xe,styles:vo,theme:z,maxMenuHeight:qe,menuPortalTarget:Jn,menuPlacement:Le,menuPosition:zn,menuIsOpen:!Y&&He,tabIndex:Ge,id:Je,"data-testid":Fn||t(r.DROPDOWN,Je),"data-vibe":H.DROPDOWN,autoFocus:nn,closeMenuOnSelect:mn,ref:l,withMandatoryDefaultOptions:bn,isOptionSelected:gn,isLoading:Rn,loadingMessage:Ln,tabSelectsValue:Nn,filterOption:An,inputValue:qn,blurInputOnSelect:Hn},So,Io))})),{sizes:a,chipColors:V,menuPlacements:P,menuPositions:R,createFilter:O});export{K as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useContext as u,useMemo as d,useState as p,useEffect as m,useCallback as f}from"react";import v,{createFilter as O,components as b}from"react-select";import g from"react-select/async";import j from"react-select/base";import{noop as C}from"es-toolkit";import y from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import h from"./components/option/option.js";import w from"./components/singleValue/singleValue.js";import S from"./components/ClearIndicator/ClearIndicator.js";import D from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as P,DROPDOWN_MENU_PLACEMENT as V,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as x,defaultCustomStyles as L,DROPDOWN_ID as E,DROPDOWN_MENU_ID as N,DROPDOWN_MENU_ARIA_LABEL as W,DROPDOWN_INPUT_ARIA_LABEL as A}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import{useWarnDeprecated as B}from"../../utils/warn-deprecated.js";import k from"./components/menu/menu.module.scss.js";import q from"./Dropdown.module.scss.js";import{withStaticProps as H}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as _}from"../../tests/constants.js";import G from"../../../components/layer/dist/LayerProvider/LayerContext.js";import K from"../../../components/typography/dist/Text/Text.js";var J=H(l((function(a,l){var O=a.className,P=a.optionWrapperClassName,V=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,H=a.placeholder,J=void 0===H?"":H,Q=a.allowPlaceholderEllipsis,U=a.disabled,X=void 0!==U&&U,Y=a.readOnly,Z=void 0!==Y&&Y,$=a.onMenuOpen,ee=void 0===$?C:$,ne=a.onMenuClose,oe=void 0===ne?C:ne,te=a.onFocus,re=void 0===te?C:te,ie=a.onBlur,ae=void 0===ie?C:ie,se=a.onScroll,le=void 0===se?C:se,ce=a.onMenuScrollToBottom,ue=void 0===ce?C:ce,de=a.onChange,pe=void 0===de?C:de,me=a.searchable,fe=void 0===me||me,ve=a.captureMenuScroll,Oe=void 0!==ve&&ve,be=a.options,ge=void 0===be?[]:be,je=a.defaultValue,Ce=a.value,ye=a.noOptionsMessage,Me=a.openMenuOnFocus,he=a.openMenuOnClick,we=a.clearable,Se=void 0===we||we,De=a.OptionRenderer,Ie=a.optionRenderer,Pe=a.ValueRenderer,Ve=a.valueRenderer,Re=a.menuRenderer,xe=a.menuPlacement,Le=void 0===xe?"bottom":xe,Ee=a.rtl,Ne=a.size,We=void 0===Ne?"medium":Ne,Ae=a.asyncOptions,Te=a.cacheOptions,ze=a.defaultOptions,Fe=a.isVirtualized,Be=a.menuPortalTarget,ke=a.extraStyles,qe=void 0===ke?L:ke,He=a.maxMenuHeight,_e=a.menuIsOpen,Ge=a.tabIndex,Ke=void 0===Ge?"0":Ge,Je=a.id,Qe=void 0===Je?E:Je,Ue=a.menuId,Xe=void 0===Ue?N:Ue,Ye=a.menuAriaLabel,Ze=void 0===Ye?W:Ye,$e=a.inputAriaLabel,en=void 0===$e?A:$e,nn=a.autoFocus,on=void 0!==nn&&nn,tn=a.multi,rn=void 0!==tn&&tn,an=a.multiline,sn=void 0!==an&&an,ln=a.onOptionRemove,cn=a.onOptionSelect,un=a.onClear,dn=a.onInputChange,pn=void 0===dn?C:dn,mn=a.closeMenuOnSelect,fn=void 0===mn?!rn:mn,vn=a.closeMenuOnScroll,On=void 0!==vn&&vn,bn=a.withMandatoryDefaultOptions,gn=void 0!==bn&&bn,jn=a.isOptionSelected,Cn=a.insideOverflowContainer,yn=void 0!==Cn&&Cn,Mn=a.insideOverflowWithTransformContainer,hn=void 0!==Mn&&Mn,wn=a.insideLayerContext,Sn=void 0!==wn&&wn,Dn=a.tooltipContent,In=void 0===Dn?"":Dn,Pn=a.onKeyDown,Vn=void 0===Pn?C:Pn,Rn=a.isLoading,xn=void 0!==Rn&&Rn,Ln=a.loadingMessage,En=a.ariaLabel,Nn=a.tabSelectsValue,Wn=void 0===Nn||Nn,An=a.popupsContainerSelector,Tn=a.filterOption,zn=a.menuPosition,Fn=void 0===zn?"absolute":zn,Bn=a["data-testid"],kn=a.withGroupDivider,qn=void 0!==kn&&kn,Hn=a.inputValue,_n=a.blurInputOnSelect,Gn=a.multiValueDialogClassName;B({component:"Dropdown",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead."});var Kn=c(),Jn=u(G).layerRef,Qn=Sn&&(null==Jn?void 0:Jn.current)||Be||An&&document.querySelector(An),Un=d((function(){return je?Array.isArray(je)?je.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},je),{isMandatory:!0}):je}),[je]);j.prototype.renderLiveRegion=function(){return null};var Xn=p(null),Yn=e(Xn,2),Zn=Yn[0],$n=Yn[1];m((function(){I()&&(!function(){try{return"function"==typeof require&&"undefined"!=typeof module&&"undefined"!=typeof process&&"test"===process.env.NODE_ENV}catch(e){return!1}}()?import("react-windowed-select").then((function(e){$n((function(){return e.WindowedMenuList}))})):$n((function(){return require("react-windowed-select").WindowedMenuList})))}),[]);var eo=p(Un||[]),no=e(eo,2),oo=no[0],to=no[1],ro=p(""),io=e(ro,2),ao=io[0],so=io[1],lo=Ie||De,co=Ve||Pe,uo=!!Ce,po=null!=Ce?Ce:oo,mo=d((function(){return Array.isArray(po)?po.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[po]),fo=d((function(){return En||"".concat(Z?"Readonly ":""," ").concat(In," ").concat(Array.isArray(po)?"Selected: ".concat(po.map((function(e){return e.label})).join(", ")):"Select")}),[En,Z,po,In]),vo=rn?po:Ce,Oo=d((function(){var o=T({size:We,rtl:Ee,insideOverflowContainer:yn,controlRef:Kn,insideOverflowWithTransformContainer:hn,withGroupDivider:qn,searchable:fe,allowPlaceholderEllipsis:Q}),t=qe(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(rn){sn&&x.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[We,Ee,yn,hn,Q,qe,rn,sn]),bo=f((function(e){return s.createElement(y,Object.assign({},e,{id:Xe,ariaLabel:Ze,Renderer:Re,dropdownMenuWrapperClassName:R,onScroll:le}))}),[R,Re,Xe,Ze,le]),go=f((function(e){return s.createElement(M,Object.assign({},e,{size:We}))}),[We]),jo=f((function(e){return s.createElement(h,Object.assign({setFocusedOptionId:so},e,{Renderer:lo,optionWrapperClassName:P}))}),[lo,P,so]),Co=f((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(b.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Z&&t,"aria-label":en,"aria-controls":Xe,readOnly:!fe||void 0}))}),[Xe,Z]),yo=f((function(e){return s.createElement(w,Object.assign({},e,{readOnly:Z,Renderer:co,selectedOption:po[0],singleValueWrapperClassName:V}))}),[co,Z,po,V]),Mo=f((function(e){return s.createElement(S,Object.assign({},e,{size:We}))}),[We]),ho=d((function(){return function(e,n){ln&&ln(mo[e]);var o=Array.isArray(po)?po.filter((function(n){return n.value!==e})):po;pe&&pe(o,n),to(o)}}),[pe,ln,po,mo]),wo=d((function(){return{selectedOptions:po,onSelectedDelete:ho,isMultiline:sn,insideOverflowContainer:yn,insideOverflowWithTransformContainer:hn,controlRef:Kn,tooltipContent:In,popupsContainerSelector:Sn?null==Jn?void 0:Jn.current:An,size:We,dialogClassName:Gn}}),[po,ho,sn,yn,hn,In,Jn,An,Sn,We,Gn]),So=Ae?g:v;So=So.default||So;var Do=Object.assign({},Ae&&Object.assign({loadOptions:Ae,cacheOptions:Te},ze&&{defaultOptions:ze})),Io=Object.assign(Object.assign({},!Ae&&{options:ge}),rn&&{isMulti:!0}),Po=f((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(k.dropdownMenuWrapper))&&(On||yn||hn)}),[yn,hn,On]),Vo=d((function(){return Q?s.createElement(K,{type:"text2",color:"inherit"},J):J}),[Q,J]);return s.createElement(So,Object.assign({className:i(q.dropdown,O),selectProps:wo,components:Object.assign(Object.assign({DropdownIndicator:go,Menu:bo,ClearIndicator:Mo,Input:Co,Option:jo,Control:F,SingleValue:yo},rn&&{MultiValue:C,ValueContainer:D}),Fe&&Zn&&{MenuList:Zn}),closeMenuOnScroll:Po,size:We,noOptionsMessage:ye,placeholder:Vo,isDisabled:X,isClearable:!Z&&Se,isSearchable:!Z,readOnly:Z,"aria-readonly":Z,"aria-label":fo,"aria-details":In,"aria-haspopup":"listbox",defaultValue:je,value:vo,onMenuOpen:ee,onMenuClose:oe,onFocus:re,onBlur:ae,onMenuScrollToBottom:ue,captureMenuScroll:Oe,onChange:function(e,n){switch(pe&&pe(e,n),n.action){case"select-option":var t=rn?n.option:e;cn&&cn(t),uo||to([].concat(o(po),[t]));break;case"clear":un&&un(),uo||to(gn?Un:[])}},onKeyDown:Vn,onInputChange:pn,openMenuOnFocus:Me,openMenuOnClick:he,focusedOptionId:ao,isRtl:Ee,styles:Oo,theme:z,maxMenuHeight:He,menuPortalTarget:Qn,menuPlacement:Le,menuPosition:Fn,menuIsOpen:!Z&&_e,tabIndex:Ke,id:Qe,"data-testid":Bn||t(r.DROPDOWN,Qe),"data-vibe":_.DROPDOWN,autoFocus:on,closeMenuOnSelect:fn,ref:l,withMandatoryDefaultOptions:gn,isOptionSelected:jn,isLoading:xn,loadingMessage:Ln,tabSelectsValue:Wn,filterOption:Tn,inputValue:Hn,blurInputOnSelect:_n},Do,Io))})),{sizes:a,chipColors:P,menuPlacements:V,menuPositions:R,createFilter:O});export{J as default};
 //# sourceMappingURL=Dropdown.js.map