npm - @salutejs/plasma-new-hope - Versions diffs - 0.377.0 → 0.377.1-dev.0 - Mend

@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

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

Files changed (639) hide show

package/dist/css/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css CHANGED Viewed

@@ -1,6 +1,6 @@
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarQuarters_styles_17e5mxo_sleg2hi__15bab98d{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;}

package/dist/css/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css CHANGED Viewed

@@ -1,6 +1,6 @@
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarYears_styles_1oc2mv8_s1x07r8k__ad09a80b{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;}

package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}

package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./DateStructureItem.styles_xtwy39.css');
+require('./DateStructureItem.styles_89vxxx.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -26,7 +26,7 @@ var _exp17 = function _exp17() {
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryColor, ")");
   };
 };
-var _exp32 = function _exp32() {
+var _exp33 = function _exp33() {
   return function (_ref3) {
     var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryDisabledColor, ")");
@@ -38,7 +38,7 @@ var StyledItemRoot = /*#__PURE__*/react.styled('div')({
   propsAsIs: false,
   vars: {
     "s12s50dy-0": [/*#__PURE__*/_exp17()],
-    "s12s50dy-1": [/*#__PURE__*/_exp32()]
+    "s12s50dy-1": [/*#__PURE__*/_exp33()]
   }
 });
 var StyledEvents = /*#__PURE__*/react.styled('div')({
@@ -46,7 +46,7 @@ var StyledEvents = /*#__PURE__*/react.styled('div')({
   "class": "s1bjn1j9",
   propsAsIs: false
 });
-var _exp41 = function _exp41() {
+var _exp42 = function _exp42() {
   return function (_ref4) {
     var _ref4$color = _ref4.color,
       color = _ref4$color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _ref4$color;
@@ -58,7 +58,7 @@ var StyledEvent = /*#__PURE__*/react.styled('div')({
   "class": "s5fr8wv",
   propsAsIs: false,
   vars: {
-    "s5fr8wv-0": [/*#__PURE__*/_exp41()]
+    "s5fr8wv-0": [/*#__PURE__*/_exp42()]
   }
 });

package/dist/css/{es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_xtwy39.css → cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_89vxxx.css} RENAMED Viewed

@@ -1,4 +1,4 @@
 .stjjgaf{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.stjjgaf.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.stjjgaf.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.stjjgaf.item-side-left:before{left:var(--stjjgaf-0);}.stjjgaf.item-side-right:before{right:var(--stjjgaf-0);}
-.s12s50dy{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.s12s50dy.item-selectable{outline:none;cursor:pointer;position:relative;}.s12s50dy.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s12s50dy.item-selectable.item-hovered,.s12s50dy.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s12s50dy.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s12s50dy.item-selectable::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s12s50dy.item-selectable.focus-visible:focus::before,.s12s50dy.item-selectable[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.s12s50dy.item-selectable.item-current{position:relative;}.s12s50dy.item-selectable.item-current::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s12s50dy.item-selectable.item-current.focus-visible:focus::before,.s12s50dy.item-selectable.item-current[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.s12s50dy.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s12s50dy.item-disabled{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s12s50dy.item-disabled-current{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s12s50dy.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s12s50dy.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s12s50dy.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}.s12s50dy .popover-wrapper.popover-target-as-ref{z-index:-1;width:100%;}
+.s12s50dy{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.s12s50dy.item-selectable{outline:none;cursor:pointer;position:relative;}.s12s50dy.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s12s50dy.item-selectable.item-hovered,.s12s50dy.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s12s50dy.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s12s50dy.item-selectable::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s12s50dy.item-selectable.focus-visible:focus::before,.s12s50dy.item-selectable[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.s12s50dy.item-selectable.item-current{position:relative;}.s12s50dy.item-selectable.item-current::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s12s50dy.item-selectable.item-current.focus-visible:focus::before,.s12s50dy.item-selectable.item-current[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.s12s50dy.day-in-current-month:not(.item-disabled):not(.item-disabled-current):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s12s50dy.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s12s50dy.item-disabled{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s12s50dy.item-disabled-current{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s12s50dy.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s12s50dy.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s12s50dy.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}.s12s50dy .popover-wrapper.popover-target-as-ref{z-index:-1;width:100%;}
 .s1bjn1j9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
 .s5fr8wv{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}

package/dist/css/cjs/components/Combobox/Combobox.js CHANGED Viewed

@@ -144,8 +144,7 @@ var comboboxRoot = function comboboxRoot(Root) {
         multiple: multiple,
         nativeMode: nativeMode,
         valueToItemMap: valueToItemMap,
-        renderValue: renderValue,
-        onChangeValue: onChangeValue
+        renderValue: renderValue
       }),
       value = _useValue.value,
       handleChange = _useValue.handleChange,
@@ -229,6 +228,9 @@ var comboboxRoot = function comboboxRoot(Root) {
     var handleTextValueChange = function handleTextValueChange(e) {
       if (!filterValue || filterValue(e.target.value)) {
         setTextValue(e.target.value);
+        if (onChangeValue) {
+          onChangeValue(e.target.value);
+        }
       }
       dispatchPath({
         type: 'opened_first_level'

package/dist/css/cjs/components/Combobox/hooks/useValue.js CHANGED Viewed

@@ -22,8 +22,7 @@ var useValue = function useValue(_ref2) {
     multiple = _ref2.multiple,
     nativeMode = _ref2.nativeMode,
     valueToItemMap = _ref2.valueToItemMap,
-    renderValue = _ref2.renderValue,
-    onChangeValue = _ref2.onChangeValue;
+    renderValue = _ref2.renderValue;
   // Внутреннее состояние для корректной работы в uncontrolled-режиме.
   var _useState = React.useState(getInitialValue({
       defaultValue: defaultValue,
@@ -46,7 +45,6 @@ var useValue = function useValue(_ref2) {
       return;
     }
     setTextValueState(newTextValue);
-    onChangeValue === null || onChangeValue === void 0 || onChangeValue(newTextValue);
   };
   var handleChange = function handleChange(newValue, item) {
     setInternalValue(newValue);

package/dist/css/cjs/components/DatePicker/FloatingPopover.css CHANGED Viewed

@@ -39,10 +39,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/cjs/components/DatePicker/FloatingPopover.js CHANGED Viewed

@@ -37,6 +37,7 @@ var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId)
 var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _offset$, _offset$2;
   var target = _ref.target,
+    referenceRef = _ref.referenceRef,
     children = _ref.children,
     opened = _ref.opened,
     onToggle = _ref.onToggle,
@@ -51,6 +52,9 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     innerHeight = _ref.innerHeight,
     stretchHeight = _ref.stretchHeight;
   var _useFloating = react.useFloating({
+      elements: referenceRef !== null && referenceRef !== void 0 && referenceRef.current ? {
+        reference: referenceRef.current
+      } : undefined,
       whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
         return react.autoUpdate(referenceEl, floatingEl, update, {
           ancestorScroll: false,
@@ -87,6 +91,11 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useInteractions = react.useInteractions([dismiss]),
     getReferenceProps = _useInteractions.getReferenceProps,
     getFloatingProps = _useInteractions.getFloatingProps;
+  React.useLayoutEffect(function () {
+    if (referenceRef !== null && referenceRef !== void 0 && referenceRef.current) {
+      refs.setReference(referenceRef.current);
+    }
+  }, [referenceRef, refs]);
   var wrappedId = react$1.safeUseId();
   var handleClick = function handleClick(event) {
     onToggle(!opened, event);

package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css CHANGED Viewed

@@ -12,10 +12,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.js CHANGED Viewed

@@ -30,7 +30,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
-var _excluded = ["className", "name", "autoComplete", "isDoubleCalendar", "opened", "value", "defaultFirstDate", "defaultSecondDate", "preserveInvalidOnBlur", "view", "size", "readOnly", "disabled", "appearance", "hasClearDivider", "stretched", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstValueEdited", "secondValueEdited", "required", "requiredPlacement", "hasRequiredIndicator", "label", "titleCaption", "leftHelper", "contentLeft", "contentRight", "dividerVariant", "dividerIcon", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "frame", "usePortal", "zIndex", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "disableFlip", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "calendarContainerWidth", "calendarContainerHeight", "dateShortcuts", "dateShortcutsPlacement", "dateShortcutsWidth", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onChangeVisibleDate", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "name", "autoComplete", "isDoubleCalendar", "isCalendarPositionedByInput", "opened", "value", "defaultFirstDate", "defaultSecondDate", "preserveInvalidOnBlur", "view", "size", "readOnly", "disabled", "appearance", "hasClearDivider", "stretched", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstValueEdited", "secondValueEdited", "required", "requiredPlacement", "hasRequiredIndicator", "label", "titleCaption", "leftHelper", "contentLeft", "contentRight", "dividerVariant", "dividerIcon", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "frame", "usePortal", "zIndex", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "disableFlip", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "calendarContainerWidth", "calendarContainerHeight", "dateShortcuts", "dateShortcutsPlacement", "dateShortcutsWidth", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onChangeVisibleDate", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 var datePickerRangeRoot = function datePickerRangeRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _rangeRef$current, _rangeRef$current2, _outerValue$, _outerValue$2;
@@ -39,6 +39,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       autoComplete = _ref.autoComplete,
       _ref$isDoubleCalendar = _ref.isDoubleCalendar,
       isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
+      _ref$isCalendarPositi = _ref.isCalendarPositionedByInput,
+      isCalendarPositionedByInput = _ref$isCalendarPositi === void 0 ? false : _ref$isCalendarPositi,
       outerOpened = _ref.opened,
       outerValue = _ref.value,
       _ref$defaultFirstDate = _ref.defaultFirstDate,
@@ -159,6 +161,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     var rootRef = React.useRef(null);
     var innerRefFirst = React.useRef(null);
     var innerRefSecond = React.useRef(null);
+    var firstTextfieldInputWrapperRef = React.useRef(null);
+    var secondTextfieldInputWrapperRef = React.useRef(null);
     var _useState = React.useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       firstInputRef = _useState2[0],
@@ -224,6 +228,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
       secondTextFieldClicked = _useState14[0],
       setSecondTextFieldClicked = _useState14[1];
+    var shouldPositionCalendarByInput = isCalendarPositionedByInput && !isDoubleCalendar;
+    var activeInputWrapperRef = secondTextFieldClicked ? secondTextfieldInputWrapperRef : firstTextfieldInputWrapperRef;
     var isSameMonth = Boolean(fullDateEntered && datejs.customDayjs(calendarFirstValue).isSame(calendarSecondValue, 'month'));
     var calendarFocusedDate = calendarFirstValue;
     if (secondTextFieldClicked && calendarSecondValue) {
@@ -497,7 +503,9 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(RangeDate_styles.StyledRange, {
         size: size,
         ref: rangeRef,
-        inputWrapperRef: inputWrapperRef,
+        inputWrapperRef: shouldPositionCalendarByInput ? undefined : inputWrapperRef,
+        firstTextfieldInputWrapperRef: shouldPositionCalendarByInput ? firstTextfieldInputWrapperRef : undefined,
+        secondTextfieldInputWrapperRef: shouldPositionCalendarByInput ? secondTextfieldInputWrapperRef : undefined,
         autoComplete: autoComplete,
         dividerIcon: dividerIcon,
         dividerVariant: dividerVariant,
@@ -617,6 +625,7 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       calendarValue: [calendarFirstValue, calendarSecondValue],
       calendarFocusedDate: calendarFocusedDate,
       target: renderRange,
+      referenceRef: shouldPositionCalendarByInput ? activeInputWrapperRef : undefined,
       opened: openedValue,
       includeEdgeDates: includeEdgeDates,
       eventTooltipOptions: eventTooltipOptions,

package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css CHANGED Viewed

@@ -156,10 +156,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js CHANGED Viewed

@@ -20,6 +20,7 @@ var cls__default = /*#__PURE__*/_interopDefault(cls);
 var RangeDatePopover = function RangeDatePopover(_ref) {
   var Root = _ref.rootWrapper,
     target = _ref.target,
+    referenceRef = _ref.referenceRef,
     opened = _ref.opened,
     isDoubleCalendar = _ref.isDoubleCalendar,
     calendarValue = _ref.calendarValue,
@@ -104,6 +105,7 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
       closeOnEsc: closeOnEsc,
       portal: usePortal ? frame : undefined,
       target: target,
+      referenceRef: referenceRef,
       innerWidth: calendarContainerWidthValue,
       innerHeight: calendarContainerHeightValue,
       stretchHeight: isCalendarHeightStretched
@@ -160,6 +162,7 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
     closeOnEsc: closeOnEsc,
     portal: usePortal ? frame : undefined,
     target: target,
+    referenceRef: referenceRef,
     innerWidth: calendarContainerWidthValue,
     innerHeight: calendarContainerHeightValue,
     stretchHeight: isCalendarHeightStretched