@salutejs/plasma-new-hope 0.340.0-canary.2325.19232328937.0 → 0.340.0-canary.2326.19261364971.0

package/es/index.css

@@ -650,6 +650,25 @@
 .SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
 .SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
 
+
+.Item_styles_7nhjnm_swacibr__bb9b6d83{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+
+.Item_styles_7nhjnm_srzm47e__bb9b6d83{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
+.Item_styles_7nhjnm_s192qkx1__bb9b6d83{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1q9myss__bb9b6d83{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.Item_styles_7nhjnm_s1q9myss__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_7nhjnm_s10m1bkx__bb9b6d83{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_7nhjnm_s10m1bkx__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_7nhjnm_s1r53w2d__bb9b6d83{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
+.Item_styles_7nhjnm_d1v61vfm__bb9b6d83{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.Item_styles_7nhjnm_d1v61vfm__bb9b6d83:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.Item_styles_7nhjnm_i6hijvp__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1j1q6dk__bb9b6d83{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_7nhjnm_w1ftsp23__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:hover:not(.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsActive__bb9b6d83{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83{opacity:0.4;cursor:not-allowed;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:focus{outline:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsFocused__bb9b6d83:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_7nhjnm_omc64gp__bb9b6d83{width:calc(var(--omc64gp-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1auklgl_l1ob9zdf__e765a7ed{width:100%;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1auklgl_s189uhoe__e765a7ed{max-height:var(--s189uhoe-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Combobox_styles_261unw_lxiiees__2c339479{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Combobox_styles_261unw_u1veo3wn__2c339479{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_261unw_u1veo3wn__2c339479 .Combobox_styles_261unw_comboboxEmptyStateWrapper__2c339479{box-shadow:none;}
 .Combobox_styles_261unw_i1hxiinv__2c339479{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_261unw_i1hxiinv__2c339479 .Combobox_styles_261unw_arrowInverse__2c339479{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_261unw_i1hxiinv__2c339479:hover,.Combobox_styles_261unw_i1hxiinv__2c339479:active{color:var(--i1hxiinv-1);}
@@ -1205,3 +1224,32 @@
 .base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
 
 .base_zalfas_b13m44ib__f47929ae[readonly]{cursor:not-allowed;}
+
+.DateTimePicker_styles_x7parr_bqos4yo__23f9ee72{display:inline-block;}.DateTimePicker_styles_x7parr_bqos4yo__23f9ee72 .DateTimePicker_styles_x7parr_popoverWrapper__23f9ee72,.DateTimePicker_styles_x7parr_bqos4yo__23f9ee72 .DateTimePicker_styles_x7parr_popoverTarget__23f9ee72{width:inherit;}.DateTimePicker_styles_x7parr_bqos4yo__23f9ee72.DateTimePicker_styles_x7parr_plasma_dateTimePickerStretched__23f9ee72{width:100%;}.DateTimePicker_styles_x7parr_bqos4yo__23f9ee72.DateTimePicker_styles_x7parr_plasma_dateTimePickerStretched__23f9ee72 .DateTimePicker_styles_x7parr_popoverRoot__23f9ee72{width:100%;}
+.DateTimePicker_styles_x7parr_caucgf9__23f9ee72{position:absolute;inset:0;z-index:-1;}
+.DateTimePicker_styles_x7parr_l1wg33ap__23f9ee72{color:var(--plasma-date-time-picker__left-helper-color);}.DateTimePicker_styles_x7parr_l1wg33ap__23f9ee72.DateTimePicker_styles_x7parr_plasma_dateTimePickerError__23f9ee72{color:var(--plasma-date-time-picker__left-helper-color-error);}.DateTimePicker_styles_x7parr_l1wg33ap__23f9ee72.DateTimePicker_styles_x7parr_plasma_dateTimePickerSuccess__23f9ee72{color:var(--plasma-date-time-picker__left-helper-color-success);}
+
+.base_19i3bl1_b7u26hs__2341cf5f .base_19i3bl1_l1wg33ap__2341cf5f{margin:var(--plasma-date-time-picker__left-helper-offset);font-family:var(--plasma-date-time-picker__left-helper-font-family);font-size:var(--plasma-date-time-picker__left-helper-font-size);font-style:var(--plasma-date-time-picker__left-helper-font-style);font-weight:var(--plasma-date-time-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-time-picker__left-helper-letter-spacing);line-height:var(--plasma-date-time-picker__left-helper-line-height);}
+
+.base_1a1ebsk_br07j3b__3d7d866e .base_1a1ebsk_l1wg33ap__3d7d866e{color:var(--plasma-date-time-picker__left-helper-color);}
+
+.base_7ophop_b13mtqpk__6e501d68[disabled]{opacity:var(--plasma-date-time-picker-disabled-opacity);cursor:not-allowed;}
+
+.base_rrpgsr_b1ohdsnd__2917f543[readonly]{cursor:default;}.base_rrpgsr_b1ohdsnd__2917f543[readonly] .base_rrpgsr_l1wg33ap__2917f543{color:var(--plasma-date-time-picker__left-helper-color-readonly);}
+
+.Input_styles_1af0tdj_s1e5xwjo__550d91f1{width:100%;--plasma-textfield-color:var(--plasma-date-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-date-time-picker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-focus);--plasma-textfield-border-width:var(--plasma-date-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-time-picker-textfield-border-radius);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-time-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-time-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-time-picker-textfield-height);--plasma-textfield-padding:var(--plasma-date-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-time-picker-textfield__content-color,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-time-picker-textfield__content-right-color-hover);}.Input_styles_1af0tdj_s1e5xwjo__550d91f1.Input_styles_1af0tdj_plasma_dateTimePickerError__550d91f1{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-error-focus);}.Input_styles_1af0tdj_s1e5xwjo__550d91f1.Input_styles_1af0tdj_plasma_dateTimePickerSuccess__550d91f1{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-success-focus);}
+
+.CalendarGrid_styles_1yl3xrz_s1rkvk29__3f2ee134{-webkit-flex-shrink:var(--s1rkvk29-0);-ms-flex-negative:var(--s1rkvk29-0);flex-shrink:var(--s1rkvk29-0);width:var(--s1rkvk29-1);height:var(--s1rkvk29-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
+.CalendarGrid_styles_1yl3xrz_sqe6c9j__3f2ee134{--plasma_private-calendar-double-width:calc(var(--plasma-date-time-picker-calendar-width) * 2 + 2.063rem);-webkit-flex-shrink:var(--sqe6c9j-0);-ms-flex-negative:var(--sqe6c9j-0);flex-shrink:var(--sqe6c9j-0);width:var(--sqe6c9j-1);height:var(--sqe6c9j-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
+
+.TimeGrid_styles_31tnfx_s1za4gl__f13ae98e{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;--plasma-time-picker-grid-grid-width:var(--s1za4gl-0);--plasma-time-picker-grid-column-height:var(--s1za4gl-1);--plasma-time-picker-grid-item-height:var(--plasma-date-time-picker-grid-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-date-time-picker-grid-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-date-time-picker-grid-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-date-time-picker-grid-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-date-time-picker-grid-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-date-time-picker-grid-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-date-time-picker-grid-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-date-time-picker-grid-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-date-time-picker-grid-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-date-time-picker-grid-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-date-time-picker-grid-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-date-time-picker-grid-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-date-time-picker-grid-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-date-time-picker-grid-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-date-time-picker-grid-scrollbar-margin);--plasma-time-picker-grid-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);}
+
+.DateShortcutList_styles_pdofx1_srjhtf2__dcf80433{-webkit-order:var(--srjhtf2-0);-ms-flex-order:var(--srjhtf2-0);order:var(--srjhtf2-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--srjhtf2-1);-ms-flex-direction:var(--srjhtf2-1);flex-direction:var(--srjhtf2-1);gap:var(--plasma-date-time-picker-popover-gap);-webkit-flex-shrink:var(--srjhtf2-2);-ms-flex-negative:var(--srjhtf2-2);flex-shrink:var(--srjhtf2-2);overflow-y:hidden;height:var(--srjhtf2-3);}
+.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433{width:var(--s16rfxhh-0);list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433::-webkit-scrollbar{display:none;}
+.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433{padding:var(--plasma-date-time-picker-shortcut-item-padding);border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);position:relative;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:hover:not(.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433){cursor:pointer;background:var(--plasma-date-time-picker-shortcut-item-background-hover);}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433{opacity:--plasma-date-time-picker-disabled-opacity;cursor:not-allowed;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:focus{outline:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_focusVisible__dcf80433:focus::before,.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-date-time-picker-outline-focus);}
+.DateShortcutList_styles_pdofx1_ssgyi30__dcf80433{--plasma-cell-title-color:var(--plasma-date-time-picker-shortcut-item-color);--plasma-cell-padding:var(--plasma-date-time-picker-shortcut-item-padding);--plasma-cell-padding-content:var(--plasma-date-time-picker-shortcut-item-padding-content);--plasma-cell-padding-left-content:var(--plasma-date-time-picker-shortcut-item-padding-left-content);--plasma-cell-padding-right-content:var(--plasma-date-time-picker-shortcut-item-right-padding-content);--plasma-cell-gap:var(--plasma-date-time-picker-shortcut-item-gap);}
+.DateShortcutList_styles_pdofx1_st47490__dcf80433{display:grid;}
+.DateShortcutList_styles_pdofx1_s1j4i6d7__dcf80433{font-family:var(--plasma-date-time-picker-shortcut-item-font-family);font-size:var(--plasma-date-time-picker-shortcut-item-font-size);font-style:var(--plasma-date-time-picker-shortcut-item-font-style);font-weight:var(--plasma-date-time-picker-shortcut-item-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);line-height:var(--plasma-date-time-picker-shortcut-item-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
+.Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}

package/es/index.js

@@ -36,6 +36,7 @@ export { noop } from './utils/noop.js';
 export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
 export { createConditionalComponent } from './utils/createConditionalComponent.js';
 export { deepCopy } from './utils/deepCopy.js';
+export { isArraysEqual } from './utils/isArraysEqual.js';
 export { fixedForwardRef } from './utils/fixedForwardRef.js';
 export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
 export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
@@ -265,4 +266,6 @@ export { progressBarCircularConfig, progressBarCircularRoot } from './components
 export { tokens as progressBarCircularTokens } from './components/ProgressBarCircular/ProgressBarCircular.tokens.js';
 export { timePickerConfig, timePickerRoot } from './components/TimePicker/TimePicker.js';
 export { classes as timePickerClasses, tokens as timePickerTokens } from './components/TimePicker/TimePicker.tokens.js';
+export { dateTimePickerConfig, dateTimePickerRoot } from './components/DateTimePicker/DateTimePicker.js';
+export { classes as dateTimePickerClasses, tokens as dateTimePickerTokens } from './components/DateTimePicker/DateTimePicker.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\nexport { isArraysEqual } from './isArraysEqual';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAmBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/es/utils/isArraysEqual.js

@@ -0,0 +1,8 @@
+var isArraysEqual = function isArraysEqual(a, b) {
+  return a.length === b.length && a.every(function (val, i) {
+    return val === b[i];
+  });
+};
+
+export { isArraysEqual };
+//# sourceMappingURL=isArraysEqual.js.map

package/es/utils/isArraysEqual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isArraysEqual.js","sources":["../../src/utils/isArraysEqual.ts"],"sourcesContent":["export const isArraysEqual = (a: any[], b: any[]) => {\n    return a.length === b.length && a.every((val, i) => val === b[i]);\n};\n"],"names":["isArraysEqual","a","b","length","every","val","i"],"mappings":"AAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAAQ,EAAEC,CAAQ,EAAK;AACjD,EAAA,OAAOD,CAAC,CAACE,MAAM,KAAKD,CAAC,CAACC,MAAM,IAAIF,CAAC,CAACG,KAAK,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,IAAA,OAAKD,GAAG,KAAKH,CAAC,CAACI,CAAC,CAAC,CAAA;GAAC,CAAA,CAAA;AACrE;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.340.0-canary.2325.19232328937.0",
+  "version": "0.340.0-canary.2326.19261364971.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "c36c6025bcaec8914bf91e21d3928e4aa9b1aa0b"
+  "gitHead": "cfa6be16a3d7134ff710883bd8da7abce2f91ba1"
 }

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -217,6 +217,12 @@ var calendarBaseRoot = function(Root) {
         var innerRootRef = (0, _plasmacore.useForkRef)(rootRef, outerRootRef);
         var min = minDate && new Date(minDate);
         var max = maxDate && new Date(maxDate);
+        if (min) {
+            min.setHours(0, 0, 0);
+        }
+        if (max) {
+            max.setHours(23, 59, 59);
+        }
         var renderFrom = renderFromDate && new Date(renderFromDate);
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, renderFrom, type)), 2), state = _useReducer[0], dispatch = _useReducer[1];
         var date = state.date, calendarState = state.calendarState, startYear = state.startYear, size = state.size;

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -218,6 +218,12 @@ var calendarDoubleRoot = function(Root) {
         var innerRootRef = (0, _plasmacore.useForkRef)(rootRef, outerRootRef);
         var min = minDate && new Date(minDate);
         var max = maxDate && new Date(maxDate);
+        if (min) {
+            min.setHours(0, 0, 0);
+        }
+        if (max) {
+            max.setHours(23, 59, 59);
+        }
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, renderFromDate, type, true)), 2), state = _useReducer[0], dispatch = _useReducer[1];
         var date = state.date, calendarState = state.calendarState, startYear = state.startYear, size = state.size;
         var _useState5 = _sliced_to_array((0, _react.useState)(date), 2), firstDate = _useState5[0], setFirstDate = _useState5[1];

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var comboboxRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
-        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
+        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
@@ -216,6 +216,8 @@ var comboboxRoot = function(Root) {
             "isTargetAmount",
             "targetAmount",
             "items",
+            "treeView",
+            "arrowPlacement",
             "placement",
             "label",
             "placeholder",
@@ -264,8 +266,10 @@ var comboboxRoot = function(Root) {
             return (0, _getPathMaps.getTreeMaps)(transformedItems);
         }, [
             items
-        ]), 2), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1];
-        var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
+        ]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], valueToPathMap = _useMemo[2];
+        // Состояние поля поиска в target
+        var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValueState = _useState[1];
+        // Внутреннее состояние выбранных элементов
         var _useState1 = _sliced_to_array((0, _react.useState)(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
         var rootRef = (0, _react.useRef)(null);
@@ -274,12 +278,14 @@ var comboboxRoot = function(Root) {
         var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
         var listWrapperRef = (0, _react.useRef)(null);
         var treeId = (0, _utils.safeUseId)();
+        var filterCb = filter || _utils2.defaultFilter;
         var filteredItems = (0, _react.useMemo)(function() {
             return (0, _utils2.filterItems)(transformedItems, textValue, (0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue), filter);
         }, [
             transformedItems,
             textValue,
-            filter
+            filter,
+            value
         ]);
         var _useMemo1 = _sliced_to_array((0, _react.useMemo)(function() {
             return (0, _getPathMaps.getPathMap)(filteredItems);
@@ -294,17 +300,22 @@ var comboboxRoot = function(Root) {
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducers.pathReducer, initialPath), 2), path = _useReducer[0], dispatchPath = _useReducer[1];
         var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
         var _useState2 = _sliced_to_array((0, _react.useState)(valueToCheckedMap), 2), checked = _useState2[0], setChecked = _useState2[1];
+        var _useReducer2 = _sliced_to_array((0, _react.useReducer)(_reducers.treePathReducer, {}), 2), treePath = _useReducer2[0], dispatchTreePath = _useReducer2[1];
         var isCurrentListOpen = Boolean(path[0]);
         var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
         var withArrowInverse = isCurrentListOpen ? _Comboboxtokens.classes.arrowInverse : undefined;
         var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
+        var setTextValue = function(newTextValue) {
+            setTextValueState(newTextValue);
+            if (onChangeValue) {
+                onChangeValue(newTextValue);
+            }
+        };
         /* Логика работы при клике за пределами выпадающего списка */ (0, _hooks.useOutsideClick)(function() {
             if (!isCurrentListOpen || alwaysOpened) {
                 return;
             }
             handleListToggle(false);
-            // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
-            setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
         }, [
             floatingPopoverRef,
             listWrapperRef
@@ -381,6 +392,11 @@ var comboboxRoot = function(Root) {
                 dispatchPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
+                // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
+                setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
                 // Скроллим чипы к левому краю при закрытии компонента
                 var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
                 if (multiple && value.length > 0 && el) {
@@ -444,6 +460,9 @@ var comboboxRoot = function(Root) {
                 dispatchFocusedPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
             }
             if (onChange) {
                 onChange(newValues, item);
@@ -469,6 +488,9 @@ var comboboxRoot = function(Root) {
                 dispatchFocusedPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
             }
             // Закрываем список, если элемент уже выбран.
             if (mode === 'radio' && isCurrentChecked) {
@@ -537,7 +559,12 @@ var comboboxRoot = function(Root) {
             multiple: multiple,
             value: value,
             textValue: textValue,
-            valueToItemMap: valueToItemMap
+            valueToItemMap: valueToItemMap,
+            treePath: treePath,
+            dispatchTreePath: dispatchTreePath,
+            treeView: treeView,
+            valueToPathMap: valueToPathMap,
+            items: filteredItems
         }).onKeyDown;
         // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
         // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
@@ -599,6 +626,30 @@ var comboboxRoot = function(Root) {
         }, [
             defaultValue
         ]);
+        // Эффект для раскрытия дерева при поиске.
+        (0, _react.useLayoutEffect)(function() {
+            if (treeView) {
+                // Если поле ввода стало пустым или если пользователь выбирает элемент,
+                // то скрываем все узлы дерева и выходим из эффекта.
+                if (textValue === '' || textValue === (0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue)) {
+                    dispatchTreePath({
+                        type: 'reset'
+                    });
+                    return;
+                }
+                // Иначе раскрываем все узлы, когда пользователь начинает вводить текст в поле ввода.
+                dispatchTreePath({
+                    type: 'expand_by_key',
+                    value: {
+                        filteredItems: filteredItems,
+                        filterCb: filterCb,
+                        textValue: textValue
+                    }
+                });
+            }
+        }, [
+            textValue
+        ]);
         return /*#__PURE__*/ _react.default.createElement(Root, {
             size: size,
             view: view,
@@ -631,7 +682,11 @@ var comboboxRoot = function(Root) {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 // eslint-disable-next-line no-underscore-dangle
-                _checkboxAppearance: rest._checkboxAppearance
+                _checkboxAppearance: rest._checkboxAppearance,
+                treePath: treePath,
+                dispatchTreePath: dispatchTreePath,
+                arrowPlacement: arrowPlacement,
+                valueToPathMap: valueToPathMap
             }
         }, /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
             ref: floatingPopoverRef,
@@ -697,7 +752,18 @@ var comboboxRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly,
             name: name
-        }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.ListWrapper, {
+        }, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
+            className: _Comboboxtokens.classes.emptyStateWrapper,
+            size: size,
+            description: emptyStateDescription || 'Ничего не найдено'
+        }) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, treeView ? /*#__PURE__*/ _react.default.createElement(_ui.TreeList, {
+            items: filteredItems,
+            listMaxHeight: listMaxHeight || listHeight,
+            onScroll: virtual ? undefined : onScroll,
+            virtual: virtual,
+            beforeList: beforeList,
+            afterList: afterList
+        }) : /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.ListWrapper, {
             ref: listWrapperRef,
             listWidth: listWidth
         }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.Ul, {
@@ -707,11 +773,7 @@ var comboboxRoot = function(Root) {
             listMaxHeight: listMaxHeight || listHeight,
             virtual: virtual,
             onScroll: virtual ? undefined : onScroll
-        }, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
-            className: _Comboboxtokens.classes.emptyStateWrapper,
-            size: size,
-            description: emptyStateDescription || 'Ничего не найдено'
-        }) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, props.multiple && props.selectAllOptions && // TODO: #2004
+        }, beforeList, props.multiple && props.selectAllOptions && // TODO: #2004
         /*#__PURE__*/ _react.default.createElement(_ui.SelectAll, {
             selectAllOptions: props.selectAllOptions,
             variant: variant
@@ -730,7 +792,7 @@ var comboboxRoot = function(Root) {
                 listWidth: listWidth,
                 portal: listWrapperRef
             });
-        })), afterList)))))));
+        }), afterList))))))));
     });
 };
 var comboboxConfig = {

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -54,6 +54,8 @@ var tokens = {
     itemIconMargin: '--plasma-combobox-item-icon-margin',
     itemBackgroundHover: '--plasma-combobox-item-background-hover',
     itemIconColor: '--plasma-combobox-item-icon-color',
+    itemGap: '--plasma-select-item-gap',
+    itemTreeOffsetWidth: '--plasma-select-item-tree-offset-width',
     cellPadding: '--plasma-combobox-cell-padding',
     cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
     cellPaddingContent: '--plasma-combobox-cell-padding-content',

package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -17,6 +17,31 @@ _export(exports, {
     }
 });
 var _utils = require("../../../../utils");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var getPathMap = function(items) {
     var pathMap = new Map();
     var focusedToValueMap = new Map();
@@ -42,22 +67,29 @@ var getPathMap = function(items) {
 var getTreeMaps = function(items) {
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
+    var valueToPathMap = new Map();
     var rec = function(items) {
-        var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
+        var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '', path = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
             var value = item.value, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             valueToCheckedMap.set(value, false);
+            valueToPathMap.set(value.toString(), _to_consumable_array(path).concat([
+                value.toString()
+            ]));
             if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
             } else {
-                rec(innerItems, currIndex);
+                rec(innerItems, currIndex, _to_consumable_array(path).concat([
+                    value.toString()
+                ]));
             }
         });
     };
     rec(items);
     return [
         valueToCheckedMap,
-        valueToItemMap
+        valueToItemMap,
+        valueToPathMap
     ];
 };