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

package/dist/css/es/plasmaCore/utils/utils/setRef.js

@@ -0,0 +1,9 @@
+var setRef = function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+};
+
+export { setRef };

package/dist/css/es/plasmaCore/utils/utils/tabbable.js

@@ -0,0 +1,42 @@
+var tabbableNode = /input|select|textarea|button|object/;
+var focusSelector = /*#__PURE__*/['input', 'select', 'textarea', 'a', 'button', 'object', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
+var isHidden = function isHidden(el) {
+  return el.offsetWidth <= 0 && el.offsetHeight <= 0 || el.style.display === 'none' || el.style.visibility === 'hidden' || el.style.opacity === '0';
+};
+var isVisible = function isVisible(element, parentContainer) {
+  var parentElement = element;
+  while (parentElement) {
+    if (parentElement === parentContainer || parentElement === document.body) {
+      break;
+    }
+    if (isHidden(parentElement)) {
+      return false;
+    }
+    parentElement = parentElement.parentNode;
+  }
+  return true;
+};
+var getElementTabIndex = function getElementTabIndex(element) {
+  var tabIndex = element.getAttribute('tabindex');
+  return tabIndex === null ? NaN : parseInt(tabIndex, 10);
+};
+var isFocusable = function isFocusable(element, parentContainer) {
+  var nodeName = element.nodeName.toLowerCase();
+  var isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
+  var res = tabbableNode.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
+  return Boolean(res) && isVisible(element, parentContainer);
+};
+var isTabble = function isTabble(element, parentContainer) {
+  var tabIndex = getElementTabIndex(element);
+  var isTabIndexNaN = Number.isNaN(tabIndex);
+  return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);
+};
+
+// Все элементы внутри данной ноды, до которых можно добраться табом
+var findTabbableDescendants = function findTabbableDescendants(element) {
+  return Array.from(element.querySelectorAll(focusSelector)).filter(function (el) {
+    return isTabble(el, element);
+  });
+};
+
+export { findTabbableDescendants, focusSelector, isFocusable, isTabble, isVisible };

package/dist/css/es/plasmaCore/utils/utils/toCssSize.js

@@ -0,0 +1,8 @@
+/**
+ * Добавит ед./изм. value + px, если передан number
+ */
+var toCssSize = function toCssSize(value) {
+  return typeof value === 'number' ? "".concat(value, "px") : value;
+};
+
+export { toCssSize };

package/dist/css/es/plasmaCore/utils/utils/transformStyles.js

@@ -0,0 +1,27 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var uppercaseCheck = /([A-Z])/;
+var uppercasePattern = /([A-Z])/g;
+var prefixAndLowerCase = function prefixAndLowerCase(_char) {
+  return "-".concat(_char.toLowerCase());
+};
+var hyphenate = function hyphenate(str) {
+  return uppercaseCheck.test(str) ? str.replace(uppercasePattern, prefixAndLowerCase) : str;
+};
+
+/**
+ * Транформирует объект стилей,
+ * оставляя значения как есть (например, не добавляя "px" к числам),
+ * а ключи переводя в kebab-case.
+ * Подходит для подготовки типографической темы.
+ */
+var transformStyles = function transformStyles(styles) {
+  return Object.entries(styles).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return "".concat(hyphenate(key), ": ").concat(value);
+  }).join(';');
+};
+
+export { transformStyles };

package/dist/emotion/cjs/components/Attach/Attach.js

@@ -311,7 +311,7 @@ const attachRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, outerRef
             customIcon: customIcon,
             handleClear: handleClear,
             ...dropdownOptions,
-            placement: dropdownOptions?.placement ?? 'bottom'
+            placement: dropdownOptions?.placement ?? 'bottom-start'
         }), multiple && flow === 'horizontal' && /*#__PURE__*/ _react.default.createElement(_components.HiddenWidthHelper, {
             ref: fileWrapperWidthRef,
             hasHiddenFiles: hasHiddenFiles,

package/dist/emotion/cjs/components/Autocomplete/Autocomplete.js

@@ -65,7 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const autocompleteRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ value: outerValue, defaultValue, onChange, suggestions, view, size, labelPlacement, keepPlaceholder, disabled, readOnly, label, leftHelper, contentLeft, contentRight, textBefore, textAfter, onScroll, onBlur, onFocus, listMaxHeight = '25rem', listWidth, portal, zIndex, filter, onSuggestionSelect, threshold = 2, renderList, renderListEnd, renderItem, onSearch, hintText, hintView = 'default', hintSize = 'm', beforeList, afterList, virtual = false, flip = false, rootClassName, rootStyle, // @ts-ignore
+const autocompleteRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ value: outerValue, defaultValue, onChange, suggestions, appearance, hasDivider, view, size, labelPlacement, keepPlaceholder, disabled, readOnly, label, titleCaption, leftHelper, contentLeft, contentRight, textBefore, textAfter, onScroll, onBlur, onFocus, listMaxHeight = '25rem', listWidth, portal, zIndex, filter, onSuggestionSelect, threshold = 2, renderList, renderListEnd, renderItem, onSearch, hintText, hintView = 'default', hintSize = 'm', beforeList, afterList, virtual = false, flip = false, rootClassName, rootStyle, // @ts-ignore
     _offset, ...rest }, ref)=>{
         const [focused, dispatchFocused] = (0, _react.useReducer)(_focusedReducer.focusedReducer, null);
         const [innerValue, setInnerValue] = (0, _react.useState)(defaultValue || '');
@@ -175,9 +175,12 @@ const autocompleteRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ value:
                     onSearch: focused === null ? onSearch : undefined,
                     size: size,
                     view: view,
+                    appearance: appearance,
+                    hasDivider: hasDivider,
                     disabled: disabled,
                     readOnly: readOnly,
                     label: label,
+                    titleCaption: titleCaption,
                     contentLeft: contentLeft,
                     contentRight: contentRight,
                     textBefore: textBefore,

package/dist/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js

@@ -23,6 +23,7 @@ const tokens = {
     // Токены для TextField
     textFieldColor: '--plasma-autocomplete-textfield-color',
     textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',
+    textFieldColorFocus: '--plasma-autocomplete-textfield-color-focus',
     textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
     textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
     textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
@@ -32,6 +33,7 @@ const tokens = {
     textFieldDividerColor: '--plasma-autocomplete-textfield-divider-color',
     textFieldDividerColorHover: '--plasma-autocomplete-textfield-divider-color-hover',
     textFieldDividerColorFocus: '--plasma-autocomplete-textfield-divider-color-focus',
+    textFieldDividerWidth: '--plasma-autocomplete-textfield-divider-width',
     textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
     textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
     textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
@@ -39,6 +41,7 @@ const tokens = {
     textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',
     textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
     textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
+    textFieldPlaceholderColorHover: '--plasma-autocomplete-textfield-placeholder-color-hover',
     textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield-placeholder-color-focus',
     textFieldClearPlaceholderColor: '--plasma-autocomplete-textfield-clear-placeholder-color',
     textFieldClearPlaceholderColorFocus: '--plasma-autocomplete-textfield-clear-placeholder-color-focus',
@@ -61,6 +64,7 @@ const tokens = {
     textFieldContentSlotColor: '--plasma-autocomplete-textfield-content-slot-color',
     textFieldContentSlotColorHover: '--plasma-autocomplete-textfield-content-slot-color-hover',
     textFieldContentSlotColorActive: '--plasma-autocomplete-textfield-content-slot-color-active',
+    textFieldContentSlotColorFocus: '--plasma-autocomplete-textfield-content-slot-color-focus',
     textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color',
     textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover',
     textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
@@ -76,6 +80,15 @@ const tokens = {
     textFieldLabelFontWeight: '--plasma-autocomplete-textfield-label-font-weight',
     textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield-label-letter-spacing',
     textFieldLabelLineHeight: '--plasma-autocomplete-textfield-label-line-height',
+    textFieldTitleCaptionMargin: '--plasma-autocomplete-textfield-title-caption-margin',
+    textFieldTitleCaptionColor: '--plasma-autocomplete-textfield-title-caption-color',
+    textFieldTitleCaptionColorReadOnly: '--plasma-autocomplete-textfield-title-caption-color-readonly',
+    textFieldTitleCaptionFontFamily: '--plasma-autocomplete-textfield-title-caption-font-family',
+    textFieldTitleCaptionFontStyle: '--plasma-autocomplete-textfield-title-caption-font-style',
+    textFieldTitleCaptionFontSize: '--plasma-autocomplete-textfield-title-caption-font-size',
+    textFieldTitleCaptionFontWeight: '--plasma-autocomplete-textfield-title-caption-font-weight',
+    textFieldTitleCaptionLetterSpacing: '--plasma-autocomplete-textfield-title-caption-letter-spacing',
+    textFieldTitleCaptionLineHeight: '--plasma-autocomplete-textfield-title-caption-line-height',
     textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement-inner-label-font-family',
     textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement-inner-label-font-style',
     textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement-inner-label-font-size',

package/dist/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -20,6 +20,6 @@ function _interop_require_default(obj) {
 const mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 const TextField = (0, _engines.component)(mergedConfig);
 const StyledTextField = /*#__PURE__*/ (0, _styled.default)(TextField, {
-    target: "eass0vc0",
+    target: "e1kyzdlg0",
     label: "StyledTextField"
-})(_TextField.textFieldTokens.color, ":var(", _Autocompletetokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.clearColor, ":var(", _Autocompletetokens.tokens.textFieldClearColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.clearPlaceholderColor, ":var(", _Autocompletetokens.tokens.textFieldClearPlaceholderColor, ");", _TextField.textFieldTokens.clearPlaceholderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, ");", _TextField.textFieldTokens.optionalColor, ":var(", _Autocompletetokens.tokens.textFieldOptionalColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _Autocompletetokens.tokens.textFieldBorderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _Autocompletetokens.tokens.textFieldBorderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldBorderColorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _Autocompletetokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _Autocompletetokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _Autocompletetokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _Autocompletetokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.caretColor, ":var(", _Autocompletetokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.height, ":var(", _Autocompletetokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _Autocompletetokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _Autocompletetokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _Autocompletetokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _Autocompletetokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _Autocompletetokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _Autocompletetokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontStyle, ":var(", _Autocompletetokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontSize, ":var(", _Autocompletetokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontWeight, ":var(", _Autocompletetokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _Autocompletetokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.labelColor, ":var(", _Autocompletetokens.tokens.textFieldLabelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldLabelColorReadOnly, ");", _TextField.textFieldTokens.labelOffset, ":var(", _Autocompletetokens.tokens.textFieldLabelOffset, ");", _TextField.textFieldTokens.clearLabelOffset, ":var(", _Autocompletetokens.tokens.textFieldClearLabelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLabelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLabelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _Autocompletetokens.tokens.textFieldLabelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLabelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLabelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLabelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, ");", _TextField.textFieldTokens.leftHelperColor, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColor, ");", _TextField.textFieldTokens.leftHelperColorFocus, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColorFocus, ");", _TextField.textFieldTokens.leftHelperColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, ");", _TextField.textFieldTokens.leftHelperOffset, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperOffset, ");", _TextField.textFieldTokens.leftHelperFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, ");", _TextField.textFieldTokens.leftHelperFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, ");", _TextField.textFieldTokens.leftHelperFontSize, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontSize, ");", _TextField.textFieldTokens.leftHelperFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, ");", _TextField.textFieldTokens.leftHelperLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, ");", _TextField.textFieldTokens.leftHelperLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _Autocompletetokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _Autocompletetokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _Autocompletetokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _Autocompletetokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledInnerContentOpacity, ");", _TextField.textFieldTokens.focusColor, ":var(", _Autocompletetokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColor, ");", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColorHover, ");", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColorActive, ");", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColor, ");", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, ");", _TextField.textFieldTokens.contentSlotRightColorActive, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, ");", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _Autocompletetokens.tokens.textFieldIndicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _Autocompletetokens.tokens.textFieldIndicatorSizeInner, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, ");", _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, ");", _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, ");", _TextField.textFieldTokens.clearIndicatorHintInnerRight, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, ");", _TextField.textFieldTokens.boxShadow, ":var(", _Autocompletetokens.tokens.textFieldBoxShadow, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _Autocompletetokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _Autocompletetokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintMargin, ":var(", _Autocompletetokens.tokens.textFieldHintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _Autocompletetokens.tokens.textFieldHintTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _Autocompletetokens.tokens.textFieldHintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, ":var(", _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _Autocompletetokens.tokens.textFieldTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _Autocompletetokens.tokens.textFieldTooltipColor, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _Autocompletetokens.tokens.textFieldTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowBackground, ");");
+})(_TextField.textFieldTokens.color, ":var(", _Autocompletetokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.clearColor, ":var(", _Autocompletetokens.tokens.textFieldClearColor, ");", _TextField.textFieldTokens.colorFocus, ":var(", _Autocompletetokens.tokens.textFieldColorFocus, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorHover, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColorHover, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.clearPlaceholderColor, ":var(", _Autocompletetokens.tokens.textFieldClearPlaceholderColor, ");", _TextField.textFieldTokens.clearPlaceholderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, ");", _TextField.textFieldTokens.optionalColor, ":var(", _Autocompletetokens.tokens.textFieldOptionalColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _Autocompletetokens.tokens.textFieldBorderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _Autocompletetokens.tokens.textFieldBorderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _Autocompletetokens.tokens.textFieldBorderColorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _Autocompletetokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _Autocompletetokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _Autocompletetokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerWidth, ":var(", _Autocompletetokens.tokens.textFieldDividerWidth, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _Autocompletetokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.caretColor, ":var(", _Autocompletetokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.height, ":var(", _Autocompletetokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _Autocompletetokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _Autocompletetokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _Autocompletetokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _Autocompletetokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _Autocompletetokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _Autocompletetokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontStyle, ":var(", _Autocompletetokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontSize, ":var(", _Autocompletetokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontWeight, ":var(", _Autocompletetokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _Autocompletetokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.labelColor, ":var(", _Autocompletetokens.tokens.textFieldLabelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldLabelColorReadOnly, ");", _TextField.textFieldTokens.labelOffset, ":var(", _Autocompletetokens.tokens.textFieldLabelOffset, ");", _TextField.textFieldTokens.clearLabelOffset, ":var(", _Autocompletetokens.tokens.textFieldClearLabelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLabelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLabelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _Autocompletetokens.tokens.textFieldLabelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLabelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLabelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLabelLineHeight, ");", _TextField.textFieldTokens.titleCaptionMargin, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionMargin, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionColorReadOnly, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _Autocompletetokens.tokens.textFieldTitleCaptionLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _Autocompletetokens.tokens.textFieldLabelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, ");", _TextField.textFieldTokens.leftHelperColor, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColor, ");", _TextField.textFieldTokens.leftHelperColorFocus, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColorFocus, ");", _TextField.textFieldTokens.leftHelperColorReadOnly, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, ");", _TextField.textFieldTokens.leftHelperOffset, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperOffset, ");", _TextField.textFieldTokens.leftHelperFontFamily, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, ");", _TextField.textFieldTokens.leftHelperFontStyle, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, ");", _TextField.textFieldTokens.leftHelperFontSize, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontSize, ");", _TextField.textFieldTokens.leftHelperFontWeight, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, ");", _TextField.textFieldTokens.leftHelperLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, ");", _TextField.textFieldTokens.leftHelperLineHeight, ":var(", _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _Autocompletetokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _Autocompletetokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _Autocompletetokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _Autocompletetokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _Autocompletetokens.tokens.textFieldDisabledInnerContentOpacity, ");", _TextField.textFieldTokens.focusColor, ":var(", _Autocompletetokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColor, ");", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColorHover, ");", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColorActive, ");", _TextField.textFieldTokens.contentSlotColorFocus, ":var(", _Autocompletetokens.tokens.textFieldContentSlotColorFocus, ");", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColor, ");", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, ");", _TextField.textFieldTokens.contentSlotRightColorActive, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, ");", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _Autocompletetokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _Autocompletetokens.tokens.textFieldIndicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _Autocompletetokens.tokens.textFieldIndicatorSizeInner, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, ");", _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, ");", _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, ");", _TextField.textFieldTokens.clearIndicatorHintInnerRight, ":var(", _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, ");", _TextField.textFieldTokens.boxShadow, ":var(", _Autocompletetokens.tokens.textFieldBoxShadow, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _Autocompletetokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _Autocompletetokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintMargin, ":var(", _Autocompletetokens.tokens.textFieldHintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _Autocompletetokens.tokens.textFieldHintTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _Autocompletetokens.tokens.textFieldHintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, ":var(", _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _Autocompletetokens.tokens.textFieldTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _Autocompletetokens.tokens.textFieldTooltipColor, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _Autocompletetokens.tokens.textFieldTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _Autocompletetokens.tokens.textFieldTooltipArrowBackground, ");");

package/dist/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -75,7 +75,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const calendarBaseRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, value: externalValue, focusedDate, min: minDate, max: maxDate, renderFromDate, includeEdgeDates, type = 'Days', eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, locale = 'ru', stretched, onChangeValue, onChangeVisibleDate, ...rest }, outerRootRef)=>{
+const calendarBaseRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, value: externalValue, focusedDate, min: minDate, max: maxDate, renderFromDate, includeEdgeDates, type = 'Days', eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, locale = 'ru', periodSelectorAlign = 'start', stretched, onChangeValue, onChangeVisibleDate, ...rest }, outerRootRef)=>{
         const [firstValue, secondValue] = (0, _react.useMemo)(()=>Array.isArray(externalValue) ? externalValue : [
                 externalValue
             ], [
@@ -241,7 +241,8 @@ const calendarBaseRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ classNa
             onPrev: handlePrev,
             onNext: handleNext,
             onUpdateCalendarState: handleUpdateCalendarState,
-            locale: locale
+            locale: locale,
+            periodSelectorAlign: periodSelectorAlign
         }), calendarState === _types.CalendarState.Days && /*#__PURE__*/ _react.default.createElement(_ui.CalendarDays, {
             value: internalValue,
             date: date,

package/dist/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -21,7 +21,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const CalendarHeader = ({ type = 'Days', startYear = 0, size, firstDate, secondDate, isDouble, onPrev, onNext, onUpdateCalendarState, locale })=>{
+const CalendarHeader = ({ type = 'Days', startYear = 0, size, firstDate, secondDate, isDouble, onPrev, onNext, onUpdateCalendarState, locale, periodSelectorAlign = 'start' })=>{
     const handleCalendarState = ()=>{
         const newSize = isDouble ? _reducer.sizeMap.Months.double : _reducer.sizeMap.Months.single;
         if (type === _types.CalendarState.Days) {
@@ -91,11 +91,12 @@ const CalendarHeader = ({ type = 'Days', startYear = 0, size, firstDate, secondD
     }, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDouble, {
         onClick: handleCalendarState,
         "aria-live": "polite"
-    }, getHeaderContent(secondDate, true)), /*#__PURE__*/ _react.default.createElement(NextButton, null))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeader, {
+    }, getHeaderContent(secondDate, true)), /*#__PURE__*/ _react.default.createElement(NextButton, null))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, periodSelectorAlign === 'center' && /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledArrows, null, /*#__PURE__*/ _react.default.createElement(PreviousButton, null)), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeader, {
+        periodSelectorAlign: periodSelectorAlign,
         type: "button",
         "aria-live": "polite",
         id: "id-grid-label",
         onClick: handleCalendarState,
         tabIndex: 0
-    }, getHeaderContent(firstDate)), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledArrows, null, /*#__PURE__*/ _react.default.createElement(PreviousButton, null), /*#__PURE__*/ _react.default.createElement(NextButton, null))));
+    }, getHeaderContent(firstDate)), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledArrows, null, periodSelectorAlign === 'start' && /*#__PURE__*/ _react.default.createElement(PreviousButton, null), /*#__PURE__*/ _react.default.createElement(NextButton, null))));
 };

package/dist/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -52,40 +52,44 @@ function _interop_require_default(obj) {
 const mergedIconButtonConfig = (0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
 const IconButton = (0, _engines.component)(mergedIconButtonConfig);
 const StyledCalendarHeader = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "efld0qd0",
+    target: "eugq6k0",
     label: "StyledCalendarHeader"
 })("display:flex;justify-content:space-between;align-items:center;padding:var(", _Calendartokens.tokens.calendarHeaderWrapperPadding, ");");
 const StyledHeader = (0, /*#__PURE__*/ _styled.default)("button", {
-    target: "efld0qd1",
+    target: "eugq6k1",
     label: "StyledHeader"
-})("border:none;background-color:transparent;padding:0;outline:none;font-family:var(", _Calendartokens.tokens.calendarHeaderFontFamily, ");font-size:var(", _Calendartokens.tokens.calendarHeaderFontSize, ");font-style:var(", _Calendartokens.tokens.calendarHeaderFontStyle, ");font-weight:var(", _Calendartokens.tokens.calendarHeaderFontWeightBold, ");letter-spacing:var(", _Calendartokens.tokens.calendarHeaderFontLetterSpacing, ");line-height:var(", _Calendartokens.tokens.calendarHeaderFontLineHeight, ");padding:var(", _Calendartokens.tokens.calendarHeaderPadding, ");color:var(", _Calendartokens.tokens.calendarContentPrimaryColor, ");cursor:pointer;display:flex;gap:var(", _Calendartokens.tokens.calendarHeaderDateGap, ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", _Calendartokens.tokens.calendarContentSecondaryColor, ");}", (0, _mixins.addFocus)({
+})("border:none;background-color:transparent;padding:0;outline:none;font-family:var(", _Calendartokens.tokens.calendarHeaderFontFamily, ");font-size:var(", _Calendartokens.tokens.calendarHeaderFontSize, ");font-style:var(", _Calendartokens.tokens.calendarHeaderFontStyle, ");font-weight:var(", _Calendartokens.tokens.calendarHeaderFontWeightBold, ");letter-spacing:var(", _Calendartokens.tokens.calendarHeaderFontLetterSpacing, ");line-height:var(", _Calendartokens.tokens.calendarHeaderFontLineHeight, ");padding:var(", _Calendartokens.tokens.calendarHeaderPadding, ");color:var(", _Calendartokens.tokens.calendarContentPrimaryColor, ");cursor:pointer;display:flex;gap:var(", _Calendartokens.tokens.calendarHeaderDateGap, ");justify-content:space-between;align-items:center;", ({ periodSelectorAlign })=>periodSelectorAlign === 'center' && `
+            flex: 1;
+            min-width: 0;
+            justify-content: center;
+        `, "    &:hover,&:active{color:var(", _Calendartokens.tokens.calendarContentSecondaryColor, ");}", (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
     outlineOffset: '0.125rem',
     outlineColor: `var(${_Calendartokens.tokens.calendarOutlineFocusColor})`,
     outlineRadius: '0.563rem'
 }), ";");
 const StyledHeaderDate = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "efld0qd2",
+    target: "eugq6k2",
     label: "StyledHeaderDate"
 })(_mixins1.flexCenter, ";pointer-events:none;");
 const StyledArrows = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "efld0qd3",
+    target: "eugq6k3",
     label: "StyledArrows"
 })("display:flex;gap:var(", _Calendartokens.tokens.calendarHeaderArrowGap, ");padding:var(", _Calendartokens.tokens.calendarHeaderArrowPadding, ");");
 const StyledArrow = /*#__PURE__*/ (0, _styled.default)(IconButton, {
-    target: "efld0qd4",
+    target: "eugq6k4",
     label: "StyledArrow"
 })(_IconButton.iconButtonTokens.iconButtonColor, ":var(", _Calendartokens.tokens.iconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Calendartokens.tokens.iconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Calendartokens.tokens.iconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Calendartokens.tokens.iconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Calendartokens.tokens.iconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Calendartokens.tokens.iconButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Calendartokens.tokens.iconButtonHeight, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Calendartokens.tokens.iconButtonWidth, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Calendartokens.tokens.iconButtonPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Calendartokens.tokens.iconButtonRadius, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Calendartokens.tokens.iconButtonFocusColor, ");&.", _Calendartokens.classes.disabledPrevButton, "{cursor:not-allowed;opacity:0.4;&:hover,&:active{color:var(", _Calendartokens.tokens.iconButtonColor, ");}}");
 const StyledNavigation = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "efld0qd5",
+    target: "eugq6k5",
     label: "StyledNavigation"
 })("width:100%;", _mixins1.flexCenter, ";");
 const StyledDoubleHeaderWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "efld0qd6",
+    target: "eugq6k6",
     label: "StyledDoubleHeaderWrapper"
 })("width:100%;display:grid;align-items:center;grid-template-columns:var(", _Calendartokens.tokens.iconButtonWidth, ") 1fr var(", _Calendartokens.tokens.iconButtonWidth, ");grid-template-areas:'a b c';", StyledArrow, "{grid-area:a;}&.", _Calendartokens.classes.doubleHeaderLastDateWrapper, " ", StyledArrow, "{grid-area:c;}");
 const StyledHeaderDouble = (0, /*#__PURE__*/ _styled.default)("button", {
-    target: "efld0qd7",
+    target: "eugq6k7",
     label: "StyledHeaderDouble"
 })("border:none;background-color:transparent;padding:0;outline:none;font-family:var(", _Calendartokens.tokens.calendarHeaderFontFamily, ");font-size:var(", _Calendartokens.tokens.calendarHeaderFontSize, ");font-style:var(", _Calendartokens.tokens.calendarHeaderFontStyle, ");font-weight:var(", _Calendartokens.tokens.calendarHeaderFontWeightBold, ");letter-spacing:var(", _Calendartokens.tokens.calendarHeaderFontLetterSpacing, ");line-height:var(", _Calendartokens.tokens.calendarHeaderFontLineHeight, ");color:var(", _Calendartokens.tokens.calendarContentPrimaryColor, ");grid-area:b;justify-self:center;cursor:pointer;display:flex;gap:var(", _Calendartokens.tokens.calendarHeaderDateGap, ");justify-content:space-between;align-items:center;margin:0;height:fit-content;", String(_mixins1.flexCenter), ";", (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
@@ -94,6 +98,6 @@ const StyledHeaderDouble = (0, /*#__PURE__*/ _styled.default)("button", {
     outlineRadius: '0.563rem'
 }), ";");
 const StyledHeaderArrow = /*#__PURE__*/ (0, _styled.default)(_Icon.IconDisclosureDownFill, {
-    target: "efld0qd8",
+    target: "eugq6k8",
     label: "StyledHeaderArrow"
 })("color:var(", _Calendartokens.tokens.calendarHeaderArrowColor, ");");

package/dist/emotion/cjs/components/Carousel/CarouselNew/Carousel.js

@@ -82,7 +82,7 @@ const AUTO_PLAY_INTERVAL_DEFAULT = 5000;
 const VIRTUAL_OVERSCAN = 3;
 const DEFAULT_ESTIMATED_SLIDE_WIDTH = 320;
 const ITEM_VIRTUAL_ATTRIBUTE = 'data-carousel-index';
-const carouselNewRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, size, scrollAlign = 'start', children, controlArrowsDisabled = false, paginationOptions, gap = '20px', className, style, defaultIndex = 0, loop = false, autoPlay = false, autoPlayInterval = AUTO_PLAY_INTERVAL_DEFAULT, swipeEnabled = false, virtual = false, index: outerIndex, onChangeIndex: outerOnChangeIndex, ...rest }, ref)=>{
+const carouselNewRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, size, scrollAlign = 'start', children, controlArrowsDisabled = false, paginationOptions, gap = '20px', className, style, defaultIndex = 0, loop = false, autoPlay = false, autoPlayInterval = AUTO_PLAY_INTERVAL_DEFAULT, swipeEnabled = false, virtual = false, fullWidth = false, index: outerIndex, onChangeIndex: outerOnChangeIndex, ...rest }, ref)=>{
         const childrenArray = (0, _react.useMemo)(()=>_react.Children.toArray(children), [
             children
         ]);
@@ -130,21 +130,28 @@ const carouselNewRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, si
             gap,
             virtual
         });
+        const Track = fullWidth ? _Carouselstyles.CarouselFullWidthTrack : _Carouselstyles.CarouselTrack;
+        const VirtualItem = fullWidth ? _Carouselstyles.CarouselFullWidthVirtualItem : _Carouselstyles.CarouselVirtualItem;
         const slides = (0, _react.useMemo)(()=>{
             if (!virtual) {
-                return children;
+                if (!fullWidth) {
+                    return children;
+                }
+                return _react.Children.map(childrenArray, (child)=>/*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselSlide, null, child));
             }
             return virtualItems.map((virtualItem)=>{
                 const child = childrenArray[virtualItem.index];
-                return /*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselVirtualItem, {
+                return /*#__PURE__*/ _react.default.createElement(VirtualItem, {
                     key: virtualItem.key,
                     ref: measureVirtualItem(virtualItem.index),
                     [ITEM_VIRTUAL_ATTRIBUTE]: virtualItem.index
                 }, child);
             });
         }, [
+            VirtualItem,
             children,
             childrenArray,
+            fullWidth,
             measureVirtualItem,
             virtual,
             virtualItems
@@ -166,7 +173,7 @@ const carouselNewRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, si
         })), /*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselWrapper, {
             ref: scrollRef,
             isSwipeEnabled: swipeEnabled
-        }, /*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselTrack, {
+        }, /*#__PURE__*/ _react.default.createElement(Track, {
             ref: trackRef,
             gap: gap
         }, virtual && beforeSpacerWidth > 0 && /*#__PURE__*/ _react.default.createElement("div", {

package/dist/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js

@@ -9,6 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get CarouselFullWidthTrack () {
+        return CarouselFullWidthTrack;
+    },
+    get CarouselFullWidthVirtualItem () {
+        return CarouselFullWidthVirtualItem;
+    },
+    get CarouselSlide () {
+        return CarouselSlide;
+    },
     get CarouselTrack () {
         return CarouselTrack;
     },
@@ -45,22 +54,49 @@ const mergedConfig = (0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
 const IconButtonComponent = (0, _engines.component)(mergedConfig);
 const base = (0, /*#__PURE__*/ _react.css)("position:relative;", "base");
 const CarouselWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eyydgzr0",
+    target: "ezyjlsc0",
     label: "CarouselWrapper"
 })("position:relative;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;cursor:", ({ isSwipeEnabled })=>isSwipeEnabled ? 'grab' : 'default', ";&:active{cursor:", ({ isSwipeEnabled })=>isSwipeEnabled ? 'grabbing' : 'default', ";}");
+// Трек в fullWidth имеет определённую ширину, поэтому 100% — это ширина вьюпорта, а не сумма слайдов.
+// Обычная строка, а не css``: Linaria в build:css подставляет результат css`` как имя класса.
+const fullWidthSlideCss = `
+    flex: 0 0 100%;
+    width: 100%;
+    max-width: 100%;
+    min-width: 100%;
+    box-sizing: border-box;
+
+    & > * {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box;
+    }
+`;
+const CarouselSlide = (0, /*#__PURE__*/ _styled.default)("div", {
+    target: "ezyjlsc1",
+    label: "CarouselSlide"
+})(fullWidthSlideCss);
 const CarouselTrack = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eyydgzr1",
+    target: "ezyjlsc2",
     label: "CarouselTrack"
 })("display:inline-flex;flex-direction:row;gap:", ({ gap })=>gap, ";vertical-align:top;& > div{scroll-snap-align:none;}");
+const CarouselFullWidthTrack = /*#__PURE__*/ (0, _styled.default)(CarouselTrack, {
+    target: "ezyjlsc3",
+    label: "CarouselFullWidthTrack"
+})("display:flex;width:100%;");
 const CarouselVirtualItem = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eyydgzr2",
+    target: "ezyjlsc4",
     label: "CarouselVirtualItem"
 })("display:flex;flex:0 0 auto;");
+const CarouselFullWidthVirtualItem = /*#__PURE__*/ (0, _styled.default)(CarouselVirtualItem, {
+    target: "ezyjlsc5",
+    label: "CarouselFullWidthVirtualItem"
+})(fullWidthSlideCss);
 const IconButton = /*#__PURE__*/ (0, _styled.default)(IconButtonComponent, {
-    target: "eyydgzr3",
+    target: "ezyjlsc6",
     label: "IconButton"
 })("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", _IconButton.iconButtonTokens.iconButtonColor, ":var(", _Carouseltokens.tokens.controlIconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Carouseltokens.tokens.controlIconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Carouseltokens.tokens.controlIconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":2.5rem;", _IconButton.iconButtonTokens.iconButtonWidth, ":2.5rem;", _IconButton.iconButtonTokens.iconButtonPadding, ":1rem;", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Carouseltokens.tokens.controlIconButtonRadius, ");&.", _Carouseltokens.classes.rightControlButton, "{left:auto;right:0.75rem;}");
 const ControlsWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eyydgzr4",
+    target: "ezyjlsc7",
     label: "ControlsWrapper"
 })("position:relative;");

package/dist/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -12,6 +12,7 @@ const _react = require("react");
 const _reactvirtual = require("@tanstack/react-virtual");
 const _utils = require("../utils");
 const _Carousel = require("../Carousel");
+const AXIS_LOCK_THRESHOLD = 8;
 const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAmount, gap, virtual = false })=>{
     const scrollRef = (0, _react.useRef)(null);
     const trackRef = (0, _react.useRef)(null);
@@ -235,8 +236,10 @@ const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAm
             return;
         }
         let startX = 0;
+        let startY = 0;
         let startScrollLeft = 0;
         let activePointerId = null;
+        let axisLocked = false;
         let initialScrollBehavior = '';
         let initialScrollSnapType = '';
         // Возвращает inline-настройки scroll после завершения drag-взаимодействия.
@@ -247,6 +250,7 @@ const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAm
         // Сбрасывает служебное состояние drag/swipe.
         const resetInteraction = ()=>{
             activePointerId = null;
+            axisLocked = false;
             isInteracting.current = false;
             restoreScrollBehavior();
         };
@@ -274,9 +278,8 @@ const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAm
             });
             onChangeIndex(nextIndex);
         };
-        // Запоминает стартовую точку drag и временно отключает smooth/snap на время жеста.
-        const startInteraction = ({ clientX })=>{
-            startX = clientX;
+        // Временно отключает smooth/snap после того, как жест признан горизонтальным.
+        const startInteraction = ()=>{
             startScrollLeft = scrollElement.scrollLeft;
             initialScrollBehavior = scrollElement.style.scrollBehavior;
             initialScrollSnapType = scrollElement.style.scrollSnapType;
@@ -297,6 +300,24 @@ const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAm
             if (event.pointerId !== activePointerId) {
                 return;
             }
+            if (!axisLocked) {
+                const diffX = event.clientX - startX;
+                const 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
             });
@@ -312,18 +333,26 @@ const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAm
             if (scrollElement.hasPointerCapture(event.pointerId)) {
                 scrollElement.releasePointerCapture(event.pointerId);
             }
+            if (!axisLocked) {
+                activePointerId = null;
+                return;
+            }
             finishInteraction();
         };
-        // Стартует drag только для допустимых primary-pointer событий.
+        // Запоминает старт жеста. Drag включается только после горизонтального порога.
         const 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/emotion/cjs/components/Combobox/Combobox.js

@@ -322,11 +322,10 @@ const comboboxRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>
             portal: portal,
             listWidth: listWidth,
             offset: _offset,
-            target: (referenceRef)=>/*#__PURE__*/ _react.default.createElement("div", {
-                    onClick: handleTargetClick
-                }, /*#__PURE__*/ _react.default.createElement(_ui.StyledTextField, {
+            target: (referenceRef)=>/*#__PURE__*/ _react.default.createElement("div", null, /*#__PURE__*/ _react.default.createElement(_ui.StyledTextField, {
                     ref: name ? inputRef : inputForkRef,
                     inputWrapperRef: referenceRef,
+                    _onFieldClick: handleTargetClick,
                     opened: isListOpened,
                     value: textValue,
                     onChange: handleTextValueChange,