@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/css/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -6,6 +6,7 @@ import { getGapWidth } from '../utils/getGapWidth.js';
 import { getCalculatedPos } from '../utils/getCalculatedPos.js';
 import { getClosestIndex } from '../utils/getClosestIndex.js';
 
+var AXIS_LOCK_THRESHOLD = 8;
 // Хук инкапсулирует scroll, swipe и виртуализацию трека карусели.
 var useCarousel = function useCarousel(_ref) {
   var _virtualItems$0$start, _virtualItems$, _virtualItems$end, _virtualItems;
@@ -246,8 +247,10 @@ var useCarousel = function useCarousel(_ref) {
       return;
     }
     var startX = 0;
+    var startY = 0;
     var startScrollLeft = 0;
     var activePointerId = null;
+    var axisLocked = false;
     var initialScrollBehavior = '';
     var initialScrollSnapType = '';
 
@@ -260,6 +263,7 @@ var useCarousel = function useCarousel(_ref) {
     // Сбрасывает служебное состояние drag/swipe.
     var resetInteraction = function resetInteraction() {
       activePointerId = null;
+      axisLocked = false;
       isInteracting.current = false;
       restoreScrollBehavior();
     };
@@ -290,10 +294,8 @@ var useCarousel = function useCarousel(_ref) {
       onChangeIndex(nextIndex);
     };
 
-    // Запоминает стартовую точку drag и временно отключает smooth/snap на время жеста.
-    var startInteraction = function startInteraction(_ref2) {
-      var clientX = _ref2.clientX;
-      startX = clientX;
+    // Временно отключает smooth/snap после того, как жест признан горизонтальным.
+    var startInteraction = function startInteraction() {
       startScrollLeft = scrollElement.scrollLeft;
       initialScrollBehavior = scrollElement.style.scrollBehavior;
       initialScrollSnapType = scrollElement.style.scrollSnapType;
@@ -303,8 +305,8 @@ var useCarousel = function useCarousel(_ref) {
     };
 
     // Сдвигает scrollLeft в соответствии с текущим смещением указателя.
-    var moveInteraction = function moveInteraction(_ref3) {
-      var clientX = _ref3.clientX;
+    var moveInteraction = function moveInteraction(_ref2) {
+      var clientX = _ref2.clientX;
       if (activePointerId === null) {
         return;
       }
@@ -317,6 +319,25 @@ var useCarousel = function useCarousel(_ref) {
       if (event.pointerId !== activePointerId) {
         return;
       }
+      if (!axisLocked) {
+        var diffX = event.clientX - startX;
+        var diffY = event.clientY - startY;
+        if (Math.hypot(diffX, diffY) < AXIS_LOCK_THRESHOLD) {
+          return;
+        }
+
+        // Вертикальный жест отдаём странице: без preventDefault скролл не блокируется.
+        if (Math.abs(diffY) > Math.abs(diffX)) {
+          if (scrollElement.hasPointerCapture(event.pointerId)) {
+            scrollElement.releasePointerCapture(event.pointerId);
+          }
+          activePointerId = null;
+          return;
+        }
+        axisLocked = true;
+        startInteraction();
+        scrollElement.setPointerCapture(event.pointerId);
+      }
       moveInteraction({
         clientX: event.clientX
       });
@@ -333,19 +354,28 @@ var useCarousel = function useCarousel(_ref) {
       if (scrollElement.hasPointerCapture(event.pointerId)) {
         scrollElement.releasePointerCapture(event.pointerId);
       }
+      if (!axisLocked) {
+        activePointerId = null;
+        return;
+      }
       finishInteraction();
     };
 
-    // Стартует drag только для допустимых primary-pointer событий.
+    // Запоминает старт жеста. Drag включается только после горизонтального порога.
     var onPointerDown = function onPointerDown(event) {
       if (!swipeEnabled || !event.isPrimary || event.pointerType === 'mouse' && event.button !== 0) {
         return;
       }
       activePointerId = event.pointerId;
-      startInteraction({
-        clientX: event.clientX
-      });
-      scrollElement.setPointerCapture(event.pointerId);
+      startX = event.clientX;
+      startY = event.clientY;
+      axisLocked = false;
+
+      // Мышь захватываем сразу, чтобы pointerup за пределами карусели сбросил жест.
+      // Тач не захватываем: иначе вертикальный скролл страницы блокируется.
+      if (event.pointerType === 'mouse') {
+        scrollElement.setPointerCapture(event.pointerId);
+      }
     };
     if (swipeEnabled) {
       scrollElement.addEventListener('pointerdown', onPointerDown);

package/dist/css/es/components/Combobox/Combobox.css

@@ -1,6 +1,6 @@
 .base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_i1eth5mm__1e6f79b8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:var(--plasma-textfield-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ihsgvbx__1e6f79b8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8:after{border-radius:var(--plasma-textfield-border-radius);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8.base_1rva5kh_hasChips__1e6f79b8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8.base_1rva5kh_hasChips__1e6f79b8 .base_1rva5kh_ihsgvbx__1e6f79b8{display:var(--plasma-textfield__input-container-display,flex);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8.base_1rva5kh_hasEmptyContentLeft__1e6f79b8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_ib21kyq__1e6f79b8.base_1rva5kh_hasEmptyContentRight__1e6f79b8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_lk515tj__1e6f79b8,.base_1rva5kh_b2n15lm__1e6f79b8:not(.base_1rva5kh_labelPlacementInner__1e6f79b8) .base_1rva5kh_s1fjhio3__1e6f79b8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s1bjol95__1e6f79b8{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_h1xuzkt5__1e6f79b8{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_tsasqg5__1e6f79b8{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s1woncfk__1e6f79b8{padding:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s1ggd2l2__1e6f79b8{padding:var(--plasma-textfield__right-helper-offset);font-family:var(--plasma-textfield__right-helper-font-family);font-size:var(--plasma-textfield__right-helper-font-size);font-style:var(--plasma-textfield__right-helper-font-style);font-weight:var(--plasma-textfield__right-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__right-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__right-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__right-helper-letter-spacing);letter-spacing:var(--plasma-textfield__right-helper-letter-spacing);line-height:var(--plasma-textfield__right-helper-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s1w5u5es__1e6f79b8,.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s17meze7__1e6f79b8{-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s1w5u5es__1e6f79b8{margin:var(--plasma-textfield__before-text-margin);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_s17meze7__1e6f79b8{margin:var(--plasma-textfield__after-text-margin);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_sde9qgt__1e6f79b8.base_1rva5kh_textfieldContentRightCompensationMargin__1e6f79b8{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_1rva5kh_b2n15lm__1e6f79b8 .base_1rva5kh_sde9qgt__1e6f79b8.base_1rva5kh_textfieldContentRightCompensationMargin__1e6f79b8 .base_1rva5kh_s1q4408c__1e6f79b8{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
-.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_ib21kyq__8f3786e2{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}@media (hover:hover) and (pointer:fine){.base_1lkpxfg_b1xy3jpj__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:hover:not(:has(.base_1lkpxfg_s1bjol95__8f3786e2:hover)):not(:focus-within){--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_i1eth5mm__8f3786e2{color:var(--plasma-textfield-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_idleox9__8f3786e2{color:var(--plasma-textfield__placeholder-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1lkpxfg_b1xy3jpj__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within:after{box-shadow:var(--plasma-textfield-box-shadow-secondary,inset 0 0 0 0 transparent);}.base_1lkpxfg_b1xy3jpj__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within .base_1lkpxfg_i1eth5mm__8f3786e2{color:var(--plasma-textfield-color-focus);}.base_1lkpxfg_b1xy3jpj__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within .base_1lkpxfg_idleox9__8f3786e2{color:var(--plasma-textfield__placeholder-color-focus);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_tsasqg5__8f3786e2{color:var(--plasma-textfield__title-caption-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s1w5u5es__8f3786e2{color:var(--plasma-textfield__before-text-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s17meze7__8f3786e2{color:var(--plasma-textfield__after-text-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s1orllbx__8f3786e2 .base_1lkpxfg_s1woncfk__8f3786e2{color:var(--plasma-textfield__left-helper-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s1orllbx__8f3786e2 .base_1lkpxfg_s1ggd2l2__8f3786e2{color:var(--plasma-textfield__right-helper-color);}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s1orllbx__8f3786e2.base_1lkpxfg_hasFocus__8f3786e2 .base_1lkpxfg_s1woncfk__8f3786e2{color:var(--plasma-textfield__left-helper-color-focus,var(--plasma-textfield__left-helper-color));}.base_1lkpxfg_b1xy3jpj__8f3786e2 .base_1lkpxfg_s1orllbx__8f3786e2.base_1lkpxfg_hasFocus__8f3786e2 .base_1lkpxfg_s1ggd2l2__8f3786e2{color:var(--plasma-textfield__right-helper-color-focus,var(--plasma-textfield__right-helper-color));}.base_1lkpxfg_b1xy3jpj__8f3786e2.base_1lkpxfg_textfieldHasDivider__8f3786e2 .base_1lkpxfg_ib21kyq__8f3786e2{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_1lkpxfg_b1xy3jpj__8f3786e2.base_1lkpxfg_textfieldHasDivider__8f3786e2 .base_1lkpxfg_ib21kyq__8f3786e2:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}@media (hover:hover) and (pointer:fine){.base_1lkpxfg_b1xy3jpj__8f3786e2.base_1lkpxfg_textfieldHasDivider__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:hover:not(:has(.base_1lkpxfg_s1bjol95__8f3786e2:hover)):not(:focus-within){--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}}.base_1lkpxfg_b1xy3jpj__8f3786e2.base_1lkpxfg_textfieldHasDivider__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1lkpxfg_b1xy3jpj__8f3786e2.base_1lkpxfg_textfieldHasDivider__8f3786e2:not([readonly]) .base_1lkpxfg_ib21kyq__8f3786e2:focus-within .base_1lkpxfg_idleox9__8f3786e2{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_ib21kyq__2627b7d9{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}@media (hover:hover) and (pointer:fine){.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:hover:not(:has(.base_18m3w81_s1bjol95__2627b7d9:hover)):not(:focus-within){--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:hover:not(:has(.base_18m3w81_s1bjol95__2627b7d9:hover)):not(:focus-within) .base_18m3w81_idleox9__2627b7d9{color:var(--plasma-textfield__placeholder-color-hover,var(--plasma-textfield__placeholder-color));}}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_i1eth5mm__2627b7d9{color:var(--plasma-textfield-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_idleox9__2627b7d9{color:var(--plasma-textfield__placeholder-color);}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within:after{box-shadow:var(--plasma-textfield-box-shadow-secondary,inset 0 0 0 0 transparent);}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within .base_18m3w81_i1eth5mm__2627b7d9{color:var(--plasma-textfield-color-focus);}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within .base_18m3w81_idleox9__2627b7d9{color:var(--plasma-textfield__placeholder-color-focus);}.base_18m3w81_b1xy3jpj__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within .base_18m3w81_sksog6b__2627b7d9{color:var(--plasma-textfield-content-slot-color-focus,var(--plasma-textfield-content-slot-color));}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_tsasqg5__2627b7d9{color:var(--plasma-textfield__title-caption-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s1w5u5es__2627b7d9{color:var(--plasma-textfield__before-text-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s17meze7__2627b7d9{color:var(--plasma-textfield__after-text-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s1orllbx__2627b7d9 .base_18m3w81_s1woncfk__2627b7d9{color:var(--plasma-textfield__left-helper-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s1orllbx__2627b7d9 .base_18m3w81_s1ggd2l2__2627b7d9{color:var(--plasma-textfield__right-helper-color);}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s1orllbx__2627b7d9.base_18m3w81_hasFocus__2627b7d9 .base_18m3w81_s1woncfk__2627b7d9{color:var(--plasma-textfield__left-helper-color-focus,var(--plasma-textfield__left-helper-color));}.base_18m3w81_b1xy3jpj__2627b7d9 .base_18m3w81_s1orllbx__2627b7d9.base_18m3w81_hasFocus__2627b7d9 .base_18m3w81_s1ggd2l2__2627b7d9{color:var(--plasma-textfield__right-helper-color-focus,var(--plasma-textfield__right-helper-color));}.base_18m3w81_b1xy3jpj__2627b7d9.base_18m3w81_textfieldHasDivider__2627b7d9 .base_18m3w81_ib21kyq__2627b7d9{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_18m3w81_b1xy3jpj__2627b7d9.base_18m3w81_textfieldHasDivider__2627b7d9 .base_18m3w81_ib21kyq__2627b7d9:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}@media (hover:hover) and (pointer:fine){.base_18m3w81_b1xy3jpj__2627b7d9.base_18m3w81_textfieldHasDivider__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:hover:not(:has(.base_18m3w81_s1bjol95__2627b7d9:hover)):not(:focus-within){--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}}.base_18m3w81_b1xy3jpj__2627b7d9.base_18m3w81_textfieldHasDivider__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_18m3w81_b1xy3jpj__2627b7d9.base_18m3w81_textfieldHasDivider__2627b7d9:not([readonly]) .base_18m3w81_ib21kyq__2627b7d9:focus-within .base_18m3w81_idleox9__2627b7d9{color:var(--plasma-textfield__clear-placeholder-color-focus,var(--plasma-textfield__placeholder-color-focus));}
 
 .base_1uvrxps_b1rdcp9z__04458c7a[disabled]{cursor:not-allowed;}.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s1bjol95__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s1p8sbat__04458c7a{cursor:default;}.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_lk515tj__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s1fjhio3__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_tsasqg5__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s1orllbx__04458c7a{cursor:not-allowed;opacity:var(--plasma-textfield-disabled-opacity,1);}.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_ib21kyq__04458c7a{pointer-events:none;opacity:var(--plasma-textfield-disabled-background-opacity,var(--plasma-textfield-disabled-opacity));}.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_sksog6b__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s1q4408c__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_i1eth5mm__04458c7a,.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_s15z9hl__04458c7a{opacity:var(--plasma-textfield-disabled-inner-content-opacity,1);}.base_1uvrxps_b1rdcp9z__04458c7a[disabled] .base_1uvrxps_i1eth5mm__04458c7a{min-width:unset;}
 
@@ -24,31 +24,31 @@
 
 .Tooltip_1mkjdyq_swn233w__2a2aa1cf{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1moa1rk_ib21kyq__4eb07914{position:relative;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;box-sizing:border-box;}.TextField_styles_1moa1rk_ib21kyq__4eb07914:after{content:'';position:absolute;z-index:-2;inset:0;}
-.TextField_styles_1moa1rk_i1tk1s6u__4eb07914{-webkit-flex:1;-ms-flex:1;flex:1;overflow-x:var(--plasma-textfield__scrollable-wrapper-overflow,scroll);position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-ms-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.TextField_styles_1moa1rk_i1tk1s6u__4eb07914::-webkit-scrollbar{display:none;}.TextField_styles_1moa1rk_i1tk1s6u__4eb07914.TextField_styles_1moa1rk_hasChips__4eb07914{height:var(--plasma-textfield__scrollable-wrapper-height,var(--plasma-textfield__chip-height));border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1moa1rk_s15z9hl__4eb07914{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-ms-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1moa1rk_i1eth5mm__4eb07914{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(--plasma-textfield-sizing,fixed);z-index:1;}.TextField_styles_1moa1rk_i1eth5mm__4eb07914.TextField_styles_1moa1rk_textfieldInputTextEllipsis__4eb07914{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1moa1rk_i1eth5mm__4eb07914::-webkit-input-placeholder{opacity:0;}.TextField_styles_1moa1rk_i1eth5mm__4eb07914::-moz-placeholder{opacity:0;}.TextField_styles_1moa1rk_i1eth5mm__4eb07914:-ms-input-placeholder{opacity:0;}.TextField_styles_1moa1rk_i1eth5mm__4eb07914::placeholder{opacity:0;}
-.TextField_styles_1moa1rk_ihsgvbx__4eb07914{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--ihsgvbx-0);}.TextField_styles_1moa1rk_ihsgvbx__4eb07914 .TextField_styles_1moa1rk_i1eth5mm__4eb07914{max-width:var(--ihsgvbx-1);margin-right:var(--ihsgvbx-2);}
-.TextField_styles_1moa1rk_idleox9__4eb07914{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--idleox9-0);}
-.TextField_styles_1moa1rk_i1wb3lrr__4eb07914.TextField_styles_1moa1rk_textfieldInputTextEllipsis__4eb07914{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_1moa1rk_o1pcskg1__4eb07914{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;margin-bottom:var(--o1pcskg1-0);padding:var(--o1pcskg1-1);white-space:var(--o1pcskg1-2);}
-.TextField_styles_1moa1rk_tsasqg5__4eb07914{display:inline-block;margin-left:auto;margin-top:var(--tsasqg5-0);}
-.TextField_styles_1moa1rk_s178x8c6__4eb07914{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1moa1rk_lk515tj__4eb07914{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1moa1rk_sksog6b__4eb07914{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1moa1rk_sksog6b__4eb07914:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1moa1rk_sksog6b__4eb07914:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_1moa1rk_sde9qgt__4eb07914{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;}
-.TextField_styles_1moa1rk_s1q4408c__4eb07914{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1moa1rk_s1q4408c__4eb07914:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1moa1rk_s1q4408c__4eb07914:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_1moa1rk_s1orllbx__4eb07914{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
-
-.TextField_styles_1moa1rk_s1ggd2l2__4eb07914{margin-left:auto;}
-.TextField_styles_1moa1rk_s1w5u5es__4eb07914{visibility:var(--s1w5u5es-0);}
-
-.TextField_styles_1moa1rk_s1fjhio3__4eb07914{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1moa1rk_s1bjol95__4eb07914{display:inline-block;line-height:0;}.TextField_styles_1moa1rk_s1bjol95__4eb07914.TextField_styles_1moa1rk_labelPlacementInner__4eb07914{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1moa1rk_h1xuzkt5__4eb07914{color:var(--plasma-textfield__hint-icon-color);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;}
-.TextField_styles_1moa1rk_hxak1qg__4eb07914 .TextField_styles_1moa1rk_h1xuzkt5__4eb07914 .TextField_styles_1moa1rk_popoverRoot__4eb07914{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1moa1rk_hyon82h__4eb07914{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1moa1rk_s1p8sbat__4eb07914{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1moa1rk_s1p8sbat__4eb07914.TextField_styles_1moa1rk_labelPlacementOuter__4eb07914{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1moa1rk_s1p8sbat__4eb07914.TextField_styles_1moa1rk_labelPlacementOuter__4eb07914.TextField_styles_1moa1rk_requiredAlignRight__4eb07914{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1moa1rk_s1p8sbat__4eb07914.TextField_styles_1moa1rk_labelPlacementOuter__4eb07914.TextField_styles_1moa1rk_requiredAlignRight__4eb07914.TextField_styles_1moa1rk_textfieldHasHint__4eb07914{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1moa1rk_s1p8sbat__4eb07914.TextField_styles_1moa1rk_labelPlacementInner__4eb07914{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1moa1rk_s1p8sbat__4eb07914.TextField_styles_1moa1rk_labelPlacementInner__4eb07914.TextField_styles_1moa1rk_requiredAlignRight__4eb07914{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1f01db8_ib21kyq__82c0ed72{position:relative;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;box-sizing:border-box;}.TextField_styles_1f01db8_ib21kyq__82c0ed72::after{content:'';position:absolute;z-index:-2;inset:0;}
+.TextField_styles_1f01db8_i1tk1s6u__82c0ed72{-webkit-flex:1;-ms-flex:1;flex:1;overflow-x:var(--plasma-textfield__scrollable-wrapper-overflow,scroll);position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-ms-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.TextField_styles_1f01db8_i1tk1s6u__82c0ed72::-webkit-scrollbar{display:none;}.TextField_styles_1f01db8_i1tk1s6u__82c0ed72.TextField_styles_1f01db8_hasChips__82c0ed72{height:var(--plasma-textfield__scrollable-wrapper-height,var(--plasma-textfield__chip-height));border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1f01db8_s15z9hl__82c0ed72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);-ms-flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);flex-wrap:var(--plasma-textfield__chips-flex-wrap,nowrap);gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1f01db8_i1eth5mm__82c0ed72{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(--plasma-textfield-sizing,fixed);z-index:1;}.TextField_styles_1f01db8_i1eth5mm__82c0ed72.TextField_styles_1f01db8_textfieldInputTextEllipsis__82c0ed72{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1f01db8_i1eth5mm__82c0ed72::-webkit-input-placeholder{opacity:0;}.TextField_styles_1f01db8_i1eth5mm__82c0ed72::-moz-placeholder{opacity:0;}.TextField_styles_1f01db8_i1eth5mm__82c0ed72:-ms-input-placeholder{opacity:0;}.TextField_styles_1f01db8_i1eth5mm__82c0ed72::placeholder{opacity:0;}
+.TextField_styles_1f01db8_ihsgvbx__82c0ed72{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--ihsgvbx-0);}.TextField_styles_1f01db8_ihsgvbx__82c0ed72 .TextField_styles_1f01db8_i1eth5mm__82c0ed72{max-width:var(--ihsgvbx-1);margin-right:var(--ihsgvbx-2);}
+.TextField_styles_1f01db8_idleox9__82c0ed72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--idleox9-0);}
+.TextField_styles_1f01db8_i1wb3lrr__82c0ed72.TextField_styles_1f01db8_textfieldInputTextEllipsis__82c0ed72{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_1f01db8_o1pcskg1__82c0ed72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-bottom:var(--o1pcskg1-0);padding:var(--o1pcskg1-1);white-space:var(--o1pcskg1-2);}
+.TextField_styles_1f01db8_tsasqg5__82c0ed72{display:inline-block;margin-left:auto;margin-top:var(--plasma-textfield__title-caption-margin,0);}
+.TextField_styles_1f01db8_s178x8c6__82c0ed72{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1f01db8_lk515tj__82c0ed72{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1f01db8_sksog6b__82c0ed72{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1f01db8_sksog6b__82c0ed72:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1f01db8_sksog6b__82c0ed72:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_1f01db8_sde9qgt__82c0ed72{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;}
+.TextField_styles_1f01db8_s1q4408c__82c0ed72{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1f01db8_s1q4408c__82c0ed72:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1f01db8_s1q4408c__82c0ed72:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_1f01db8_s1orllbx__82c0ed72{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+
+.TextField_styles_1f01db8_s1ggd2l2__82c0ed72{margin-left:auto;}
+.TextField_styles_1f01db8_s1w5u5es__82c0ed72{visibility:var(--s1w5u5es-0);}
+
+.TextField_styles_1f01db8_s1fjhio3__82c0ed72{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1f01db8_s1bjol95__82c0ed72{display:inline-block;line-height:0;}.TextField_styles_1f01db8_s1bjol95__82c0ed72.TextField_styles_1f01db8_labelPlacementInner__82c0ed72{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1f01db8_h1xuzkt5__82c0ed72{color:var(--plasma-textfield__hint-icon-color);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;}
+.TextField_styles_1f01db8_hxak1qg__82c0ed72 .TextField_styles_1f01db8_h1xuzkt5__82c0ed72 .TextField_styles_1f01db8_popoverRoot__82c0ed72{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1f01db8_hyon82h__82c0ed72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1f01db8_s1p8sbat__82c0ed72{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1f01db8_s1p8sbat__82c0ed72.TextField_styles_1f01db8_labelPlacementOuter__82c0ed72{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1f01db8_s1p8sbat__82c0ed72.TextField_styles_1f01db8_labelPlacementOuter__82c0ed72.TextField_styles_1f01db8_requiredAlignRight__82c0ed72{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1f01db8_s1p8sbat__82c0ed72.TextField_styles_1f01db8_labelPlacementOuter__82c0ed72.TextField_styles_1f01db8_requiredAlignRight__82c0ed72.TextField_styles_1f01db8_textfieldHasHint__82c0ed72{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1f01db8_s1p8sbat__82c0ed72.TextField_styles_1f01db8_labelPlacementInner__82c0ed72{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1f01db8_s1p8sbat__82c0ed72.TextField_styles_1f01db8_labelPlacementInner__82c0ed72.TextField_styles_1f01db8_requiredAlignRight__82c0ed72{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_n1egh2_b6qchnw__1fab4bbe{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}@media (hover:hover) and (pointer:fine){.base_n1egh2_b6qchnw__1fab4bbe:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}}.base_n1egh2_b6qchnw__1fab4bbe:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 
@@ -174,12 +174,12 @@
 
 .IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
 
-.Combobox_styles_1c0rg9i_l2r9bk2__7f328c48{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_1c0rg9i_uju9j58__7f328c48{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_1c0rg9i_uju9j58__7f328c48 .Combobox_styles_1c0rg9i_comboboxEmptyStateWrapper__7f328c48{box-shadow:none;}
-.Combobox_styles_1c0rg9i_i3q81ym__7f328c48{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48 .Combobox_styles_1c0rg9i_arrowInverse__7f328c48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:hover,.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:active{color:var(--i3q81ym-1);}
-.Combobox_styles_1c0rg9i_stl1mou__7f328c48{width:var(--stl1mou-0);height:var(--stl1mou-0);}
-
-.Combobox_styles_1c0rg9i_s1398zez__7f328c48{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
-.Combobox_styles_1c0rg9i_sz5ez20__7f328c48{margin:0;padding:0;}
+.Combobox_styles_188jk3l_l2r9bk2__2f3edfc8{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_188jk3l_uju9j58__2f3edfc8{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_188jk3l_uju9j58__2f3edfc8 .Combobox_styles_188jk3l_comboboxEmptyStateWrapper__2f3edfc8{box-shadow:none;}
+.Combobox_styles_188jk3l_i3q81ym__2f3edfc8{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8 .Combobox_styles_188jk3l_arrowInverse__2f3edfc8{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:hover,.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:active{color:var(--i3q81ym-1);}
+.Combobox_styles_188jk3l_stl1mou__2f3edfc8{width:var(--stl1mou-0);height:var(--stl1mou-0);}
+.Combobox_styles_188jk3l_b1xd63c2__2f3edfc8{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;}
+.Combobox_styles_188jk3l_s1398zez__2f3edfc8{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
+.Combobox_styles_188jk3l_sz5ez20__2f3edfc8{margin:0;padding:0;}
 
 .SelectNative_styles_1xlt28y_s16h65bl__3ad91dcd{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/dist/css/es/components/Combobox/Combobox.js

@@ -402,11 +402,10 @@ var comboboxRoot = function comboboxRoot(Root) {
       listWidth: listWidth,
       offset: _offset,
       target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement("div", {
-          onClick: handleTargetClick
-        }, /*#__PURE__*/React.createElement(StyledTextField, _extends({
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StyledTextField, _extends({
           ref: name ? inputRef : inputForkRef,
           inputWrapperRef: referenceRef,
+          _onFieldClick: handleTargetClick,
           opened: isListOpened,
           value: textValue,
           onChange: handleTextValueChange,

package/dist/css/es/components/Combobox/Combobox.styles.js

@@ -1,4 +1,4 @@
-import './Combobox.styles_1c0rg9i.css';
+import './Combobox.styles_188jk3l.css';
 import { styled } from '@linaria/react';
 import { IconDisclosureDownCentered } from '../_Icon/Icons/IconDisclosureDownCentered.js';
 import { tokens } from './Combobox.tokens.js';
@@ -90,6 +90,9 @@ var StyledArrow = /*#__PURE__*/styled(_exp17())({
     "stl1mou-0": [/*#__PURE__*/_exp19()]
   }
 });
+
+// Чипы не сжимаются и раздувают min-content, из-за этого Combobox вылезает из grid/flex.
+// minmax(0, 1fr) и min-width: 0 позволяют сжаться и корню, и внешней ячейке, не обрезая список.
 var base = "b1xd63c2";
 var _exp20 = function _exp20() {
   return EmptyState;

package/dist/css/{cjs/components/Combobox/Combobox.styles_1c0rg9i.css → es/components/Combobox/Combobox.styles_188jk3l.css}

@@ -2,6 +2,6 @@
 .uju9j58{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.uju9j58 .combobox-empty-state-wrapper{box-shadow:none;}
 .i3q81ym{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.i3q81ym .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i3q81ym:hover,.i3q81ym:active{color:var(--i3q81ym-1);}
 .stl1mou{width:var(--stl1mou-0);height:var(--stl1mou-0);}
-
+.b1xd63c2{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;}
 .s1398zez{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
 .sz5ez20{margin:0;padding:0;}

package/dist/css/es/components/Combobox/ui/Inner/Inner.css

@@ -32,13 +32,13 @@
 
 .IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
 
-.Combobox_styles_1c0rg9i_l2r9bk2__7f328c48{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_1c0rg9i_uju9j58__7f328c48{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_1c0rg9i_uju9j58__7f328c48 .Combobox_styles_1c0rg9i_comboboxEmptyStateWrapper__7f328c48{box-shadow:none;}
-.Combobox_styles_1c0rg9i_i3q81ym__7f328c48{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48 .Combobox_styles_1c0rg9i_arrowInverse__7f328c48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:hover,.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:active{color:var(--i3q81ym-1);}
-.Combobox_styles_1c0rg9i_stl1mou__7f328c48{width:var(--stl1mou-0);height:var(--stl1mou-0);}
-
-.Combobox_styles_1c0rg9i_s1398zez__7f328c48{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
-.Combobox_styles_1c0rg9i_sz5ez20__7f328c48{margin:0;padding:0;}
+.Combobox_styles_188jk3l_l2r9bk2__2f3edfc8{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_188jk3l_uju9j58__2f3edfc8{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_188jk3l_uju9j58__2f3edfc8 .Combobox_styles_188jk3l_comboboxEmptyStateWrapper__2f3edfc8{box-shadow:none;}
+.Combobox_styles_188jk3l_i3q81ym__2f3edfc8{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8 .Combobox_styles_188jk3l_arrowInverse__2f3edfc8{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:hover,.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:active{color:var(--i3q81ym-1);}
+.Combobox_styles_188jk3l_stl1mou__2f3edfc8{width:var(--stl1mou-0);height:var(--stl1mou-0);}
+.Combobox_styles_188jk3l_b1xd63c2__2f3edfc8{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;}
+.Combobox_styles_188jk3l_s1398zez__2f3edfc8{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
+.Combobox_styles_188jk3l_sz5ez20__2f3edfc8{margin:0;padding:0;}
 
 .base_12q9azf_b10qf1gn__ad3b7707 input[type='checkbox']:indeterminate + .base_12q9azf_s1buagxb__ad3b7707 .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_12q9azf_b10qf1gn__ad3b7707 input:checked + .base_12q9azf_s1buagxb__ad3b7707 .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}@media (hover:hover) and (pointer:fine){.base_12q9azf_b10qf1gn__ad3b7707 input[type='checkbox']:indeterminate:not(:disabled) + .base_12q9azf_s1buagxb__ad3b7707:hover .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color-hover,var(--plasma-checkbox-fill-color));}.base_12q9azf_b10qf1gn__ad3b7707 input:checked:not(:disabled) + .base_12q9azf_s1buagxb__ad3b7707:hover .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color-hover,var(--plasma-checkbox-fill-color));}}
 

package/dist/css/es/components/Combobox/ui/TreeList/TreeList.css

@@ -32,13 +32,13 @@
 
 .IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
 
-.Combobox_styles_1c0rg9i_l2r9bk2__7f328c48{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_1c0rg9i_uju9j58__7f328c48{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_1c0rg9i_uju9j58__7f328c48 .Combobox_styles_1c0rg9i_comboboxEmptyStateWrapper__7f328c48{box-shadow:none;}
-.Combobox_styles_1c0rg9i_i3q81ym__7f328c48{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48 .Combobox_styles_1c0rg9i_arrowInverse__7f328c48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:hover,.Combobox_styles_1c0rg9i_i3q81ym__7f328c48:active{color:var(--i3q81ym-1);}
-.Combobox_styles_1c0rg9i_stl1mou__7f328c48{width:var(--stl1mou-0);height:var(--stl1mou-0);}
-
-.Combobox_styles_1c0rg9i_s1398zez__7f328c48{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
-.Combobox_styles_1c0rg9i_sz5ez20__7f328c48{margin:0;padding:0;}
+.Combobox_styles_188jk3l_l2r9bk2__2f3edfc8{width:var(--l2r9bk2-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(--plasma-combobox-dropdown-background-color,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_188jk3l_uju9j58__2f3edfc8{max-height:var(--uju9j58-0);overflow-x:hidden;overflow-y:var(--uju9j58-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_188jk3l_uju9j58__2f3edfc8 .Combobox_styles_188jk3l_comboboxEmptyStateWrapper__2f3edfc8{box-shadow:none;}
+.Combobox_styles_188jk3l_i3q81ym__2f3edfc8{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i3q81ym-0);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8 .Combobox_styles_188jk3l_arrowInverse__2f3edfc8{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:hover,.Combobox_styles_188jk3l_i3q81ym__2f3edfc8:active{color:var(--i3q81ym-1);}
+.Combobox_styles_188jk3l_stl1mou__2f3edfc8{width:var(--stl1mou-0);height:var(--stl1mou-0);}
+.Combobox_styles_188jk3l_b1xd63c2__2f3edfc8{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;}
+.Combobox_styles_188jk3l_s1398zez__2f3edfc8{--plasma-empty-state-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-empty-state-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-empty-state-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-empty-state-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-empty-state-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-empty-state-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-empty-state-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-empty-state-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
+.Combobox_styles_188jk3l_sz5ez20__2f3edfc8{margin:0;padding:0;}
 
 .base_12q9azf_b10qf1gn__ad3b7707 input[type='checkbox']:indeterminate + .base_12q9azf_s1buagxb__ad3b7707 .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_12q9azf_b10qf1gn__ad3b7707 input:checked + .base_12q9azf_s1buagxb__ad3b7707 .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}@media (hover:hover) and (pointer:fine){.base_12q9azf_b10qf1gn__ad3b7707 input[type='checkbox']:indeterminate:not(:disabled) + .base_12q9azf_s1buagxb__ad3b7707:hover .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color-hover,var(--plasma-checkbox-fill-color));}.base_12q9azf_b10qf1gn__ad3b7707 input:checked:not(:disabled) + .base_12q9azf_s1buagxb__ad3b7707:hover .base_12q9azf_s15b8dkp__ad3b7707{background:var(--plasma-checkbox-fill-color-hover,var(--plasma-checkbox-fill-color));}}
 

package/dist/css/es/components/DatePicker/DatePicker.tokens.js

@@ -110,6 +110,7 @@ var tokens = {
   leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
   leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
   titleCaptionOffset: '--plasma-date-picker-title-caption-offset',
+  titleCaptionMargin: '--plasma-date-picker-title-caption-margin',
   titleCaptionColor: '--plasma-date-picker-title-caption-color',
   titleCaptionFontFamily: '--plasma-date-picker-title-caption-font-family',
   titleCaptionFontStyle: '--plasma-date-picker-title-caption-font-style',

package/dist/css/es/components/DatePicker/FloatingPopover.css

@@ -29,15 +29,15 @@
 
 .IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) 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;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.CalendarHeader_styles_1dozbwl_sgksorr__8dba704a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;padding:var(--plasma-calendar-header-wrapper-padding);}
-.CalendarHeader_styles_1dozbwl_sn4om16__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);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);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;position:relative;}.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a:hover,.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1dozbwl_sn4om16__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_sn4om16__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
-.CalendarHeader_styles_1dozbwl_sisr05v__8dba704a{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;pointer-events:none;}
-.CalendarHeader_styles_1dozbwl_s1gqwiu3__8dba704a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
-.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a{cursor:not-allowed;opacity:0.4;}.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a:hover,.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a:active{color:var(--plasma-calendar-icon-button-color);}
-.CalendarHeader_styles_1dozbwl_sbe9n1__8dba704a{width:100%;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;}
-.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a .CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{grid-area:a;}.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a.CalendarHeader_styles_1dozbwl_doubleHeader_LastDateWrapper__8dba704a .CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{grid-area:c;}
-.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);}
+.CalendarHeader_styles_g8s515_sgksorr__3043c940{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;padding:var(--plasma-calendar-header-wrapper-padding);}
+.CalendarHeader_styles_g8s515_sn4om16__3043c940{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);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);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;position:relative;}var(--sn4om16-0) .CalendarHeader_styles_g8s515_sn4om16__3043c940:hover,.CalendarHeader_styles_g8s515_sn4om16__3043c940:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_g8s515_sn4om16__3043c940::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_g8s515_sn4om16__3043c940.CalendarHeader_styles_g8s515_focusVisible__3043c940:focus::before,.CalendarHeader_styles_g8s515_sn4om16__3043c940[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_g8s515_sisr05v__3043c940{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;pointer-events:none;}
+.CalendarHeader_styles_g8s515_s1gqwiu3__3043c940{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
+.CalendarHeader_styles_g8s515_s1aivv2y__3043c940{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940{cursor:not-allowed;opacity:0.4;}.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940:hover,.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940:active{color:var(--plasma-calendar-icon-button-color);}
+.CalendarHeader_styles_g8s515_sbe9n1__3043c940{width:100%;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;}
+.CalendarHeader_styles_g8s515_s3twpj3__3043c940{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_g8s515_s3twpj3__3043c940 .CalendarHeader_styles_g8s515_s1aivv2y__3043c940{grid-area:a;}.CalendarHeader_styles_g8s515_s3twpj3__3043c940.CalendarHeader_styles_g8s515_doubleHeader_LastDateWrapper__3043c940 .CalendarHeader_styles_g8s515_s1aivv2y__3043c940{grid-area:c;}
+.CalendarHeader_styles_g8s515_s7edshx__3043c940{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_g8s515_s7edshx__3043c940::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_g8s515_s7edshx__3043c940.CalendarHeader_styles_g8s515_focusVisible__3043c940:focus::before,.CalendarHeader_styles_g8s515_s7edshx__3043c940[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_g8s515_sw3ytaj__3043c940{color:var(--plasma-calendar-header-arrow-color);}
 
 .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%;}

package/dist/css/es/components/DatePicker/FloatingPopover.js

@@ -44,9 +44,6 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     innerHeight = _ref.innerHeight,
     stretchHeight = _ref.stretchHeight;
   var _useFloating = useFloating({
-      elements: referenceRef !== null && referenceRef !== void 0 && referenceRef.current ? {
-        reference: referenceRef.current
-      } : undefined,
       whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
         return autoUpdate(referenceEl, floatingEl, update, {
           ancestorScroll: false,
@@ -84,14 +81,11 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     getReferenceProps = _useInteractions.getReferenceProps,
     getFloatingProps = _useInteractions.getFloatingProps;
   useLayoutEffect(function () {
-    if (referenceRef !== null && referenceRef !== void 0 && referenceRef.current) {
-      refs.setReference(referenceRef.current);
-    }
+    var _referenceRef$current;
+    // Активный инпут задаёт положение календаря; весь target остаётся областью взаимодействия.
+    refs.setPositionReference((_referenceRef$current = referenceRef === null || referenceRef === void 0 ? void 0 : referenceRef.current) !== null && _referenceRef$current !== void 0 ? _referenceRef$current : refs.domReference.current);
   }, [referenceRef, refs]);
   var wrappedId = safeUseId();
-  var handleClick = function handleClick(event) {
-    onToggle(!opened, event);
-  };
 
   // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
   // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
@@ -103,9 +97,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: wrappedId
   }, /*#__PURE__*/React.createElement(FloatingTarget, _extends({
     ref: isTargetAsFunction ? undefined : refs.setReference
-  }, getReferenceProps({
-    onClick: handleClick
-  })), typeof target === 'function' ? target(refs.setReference) : target), opened && /*#__PURE__*/React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement(FloatingContent, _extends({
+  }, getReferenceProps()), typeof target === 'function' ? target(refs.setReference) : target), opened && /*#__PURE__*/React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement(FloatingContent, _extends({
     ref: refs.setFloating,
     style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
       zIndex: zIndex || 1000