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

package/dist/emotion/cjs/components/TextArea/TextArea.styles.js

@@ -94,98 +94,98 @@ function _interop_require_default(obj) {
 const mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 const Tooltip = (0, _engines.component)(mergedConfig);
 const Hint = /*#__PURE__*/ (0, _styled.default)(Tooltip, {
-    target: "ed52njb0",
+    target: "ep87wqd0",
     label: "Hint"
 })();
 const OuterLabelWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb1",
+    target: "ep87wqd1",
     label: "OuterLabelWrapper"
-})("display:flex;align-items:center;margin-bottom:", ({ isInnerLabel })=>isInnerLabel ? `var(${_TextAreatokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextAreatokens.tokens.labelMarginBottom})`, ";");
+})("display:flex;align-items:flex-start;margin-bottom:", ({ isInnerLabel })=>isInnerLabel ? `var(${_TextAreatokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextAreatokens.tokens.labelMarginBottom})`, ";");
 const StyledLabel = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb2",
+    target: "ep87wqd2",
     label: "StyledLabel"
 })("position:relative;display:inline-flex;color:var(", _TextAreatokens.tokens.labelOuterColor, ",var(", _TextAreatokens.tokens.inputColor, "));font-family:var(", _TextAreatokens.tokens.labelOuterFontFamily, ",var(", _TextAreatokens.tokens.inputFontFamily, "));font-size:var(", _TextAreatokens.tokens.labelOuterFontSize, ",var(", _TextAreatokens.tokens.inputFontSize, "));font-style:var(", _TextAreatokens.tokens.labelOuterFontStyle, ",var(", _TextAreatokens.tokens.inputFontStyle, "));font-weight:var(", _TextAreatokens.tokens.labelOuterFontWeight, ",var(", _TextAreatokens.tokens.inputFontWeight, "));letter-spacing:var(", _TextAreatokens.tokens.labelOuterLetterSpacing, ",var(", _TextAreatokens.tokens.inputLetterSpacing, "));line-height:var(", _TextAreatokens.tokens.labelOuterLineHeight, ",var(", _TextAreatokens.tokens.inputLineHeight, "));");
 const TitleCaption = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb3",
+    target: "ep87wqd3",
     label: "TitleCaption"
-})("display:inline-block;margin-left:auto;font-family:var(", _TextAreatokens.tokens.titleCaptionFontFamily, ");font-size:var(", _TextAreatokens.tokens.titleCaptionFontSize, ");font-style:var(", _TextAreatokens.tokens.titleCaptionFontStyle, ");font-weight:var(", _TextAreatokens.tokens.titleCaptionFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.titleCaptionLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.titleCaptionLineHeight, ");");
+})("display:inline-block;margin-left:auto;margin-top:var(", _TextAreatokens.tokens.titleCaptionMargin, ",0);font-family:var(", _TextAreatokens.tokens.titleCaptionFontFamily, ");font-size:var(", _TextAreatokens.tokens.titleCaptionFontSize, ");font-style:var(", _TextAreatokens.tokens.titleCaptionFontStyle, ");font-weight:var(", _TextAreatokens.tokens.titleCaptionFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.titleCaptionLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.titleCaptionLineHeight, ");");
 const StyledIndicatorWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb4",
+    target: "ep87wqd4",
     label: "StyledIndicatorWrapper"
 })("position:relative;display:inline-flex;align-items:center;");
 const StyledOptionalText = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ed52njb5",
+    target: "ep87wqd5",
     label: "StyledOptionalText"
 })("color:var(", _TextAreatokens.tokens.optionalColor, ");font-family:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterFontFamily}, var(${_TextAreatokens.tokens.inputFontFamily}))`, ";font-size:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterFontSize}, var(${_TextAreatokens.tokens.inputFontSize}))`, ";font-style:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterFontStyle}, var(${_TextAreatokens.tokens.inputFontStyle}))`, ";font-weight:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterFontWeight}, var(${_TextAreatokens.tokens.inputFontWeight}))`, ";letter-spacing:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterLetterSpacing}, var(${_TextAreatokens.tokens.inputLetterSpacing}))`, ";line-height:", ({ inheritFont })=>inheritFont ? 'inherit' : `var(${_TextAreatokens.tokens.labelOuterLineHeight}, var(${_TextAreatokens.tokens.inputLineHeight}))`, ";");
 const StyledHintWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb6",
+    target: "ep87wqd6",
     label: "StyledHintWrapper"
 })("display:inline-flex;line-height:0;margin:var(", _TextAreatokens.tokens.hintMargin, ");&.", _TextAreatokens.classes.innerLabelPlacement, "{position:absolute;margin:0;inset:var(", _TextAreatokens.tokens.hintInnerLabelPlacementOffset, ");}");
 const HintTargetWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb7",
+    target: "ep87wqd7",
     label: "HintTargetWrapper"
 })("color:var(", _TextAreatokens.tokens.hintIconColor, ");width:var(", _TextAreatokens.tokens.hintTargetSize, ");height:var(", _TextAreatokens.tokens.hintTargetSize, ");display:flex;justify-content:center;align-items:center;");
 const HintIconWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb8",
+    target: "ep87wqd8",
     label: "HintIconWrapper"
 })();
 const StyledTextAreaWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb9",
+    target: "ep87wqd9",
     label: "StyledTextAreaWrapper"
 })("display:flex;flex-direction:column;background-color:var(", _TextAreatokens.tokens.inputBackgroundColor, ");flex:", ({ hasExplicitHeight })=>hasExplicitHeight ? '1' : 'unset', ";min-height:0;", _TextAreatokens.privateTokens.wrapperPaddingBottomInnerLabel, ":", ({ hasHelper, isClear })=>hasHelper && !isClear ? '0rem' : `var(${_TextAreatokens.tokens.inputPaddingBottomInnerLabel}, var(${_TextAreatokens.tokens.inputPaddingBottom}))`, ";padding-top:", ({ hasHeader })=>hasHeader ? 'unset' : `var(${_TextAreatokens.tokens.inputPaddingTop})`, ";padding-bottom:", ({ hasHelper, isClear })=>hasHelper && !isClear ? `var(${_TextAreatokens.tokens.inputPaddingBottomWithHelpers})` : `var(${_TextAreatokens.tokens.inputPaddingBottom})`, ";border-radius:", ({ hasHelper, isClear })=>hasHelper && !isClear ? `var(${_TextAreatokens.tokens.borderRadiusWithHelpers})` : `var(${_TextAreatokens.tokens.borderRadius})`, ";&:after{content:'';position:absolute;z-index:-2;inset:0;}");
 const StyledContentWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb10",
+    target: "ep87wqd10",
     label: "StyledContentWrapper"
 })("position:relative;width:100%;height:0;padding-top:", ({ hasHeader })=>hasHeader ? `var(${_TextAreatokens.tokens.inputPaddingTop})` : 'unset', ";");
 const StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb11",
+    target: "ep87wqd11",
     label: "StyledContent"
 })("position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;color:var(", _TextAreatokens.tokens.rightContentColor, ");top:", ({ hasHeader })=>hasHeader ? `var(${_TextAreatokens.tokens.inputPaddingTop})` : `var(${_TextAreatokens.tokens.rightContentTop})`, ";right:var(", _TextAreatokens.tokens.rightContentRight, ");height:var(", _TextAreatokens.tokens.rightContentHeight, ");width:var(", _TextAreatokens.tokens.rightContentWidth, ",auto);@media (hover:hover) and (pointer:fine){&:hover{color:var(", _TextAreatokens.tokens.rightContentColorHover, ");}}&:active{color:var(", _TextAreatokens.tokens.rightContentColorActive, ");}");
 const StyledHeaderSlot = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb12",
+    target: "ep87wqd12",
     label: "StyledHeaderSlot"
 })("display:flex;flex-direction:column;");
 const DividerWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb13",
+    target: "ep87wqd13",
     label: "DividerWrapper"
 })("background:var(", _TextAreatokens.tokens.backgroundColor, ");");
 const Divider = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb14",
+    target: "ep87wqd14",
     label: "Divider"
 })("height:0.0625rem;background:var(", _TextAreatokens.tokens.dividerColor, ");");
 const StyledContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb15",
+    target: "ep87wqd15",
     label: "StyledContainer"
 })("display:flex;flex-direction:column;flex:", ({ hasExplicitHeight })=>hasExplicitHeight ? '1' : 'unset', ";min-height:0;width:100%;position:relative;");
 const StyledTextArea = (0, /*#__PURE__*/ _styled.default)("textarea", {
-    target: "ed52njb16",
+    target: "ep87wqd16",
     label: "StyledTextArea"
 })("display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(", _TextAreatokens.tokens.inputColor, ");caret-color:var(", _TextAreatokens.tokens.inputCaretColor, ");resize:", ({ resize })=>resize || 'none', ";width:", ({ cols })=>cols ? 'unset' : '100%', ";", _TextAreatokens.privateTokens.inputActualHeight, ":", ({ hasExplicitHeight })=>hasExplicitHeight ? '100%' : `calc(var(${_TextAreatokens.tokens.inputHeight}) - var(${_TextAreatokens.tokens.inputPaddingBottom}))`, ";height:", ({ hasExplicitHeight, rows })=>rows || hasExplicitHeight ? 'unset' : `var(${_TextAreatokens.privateTokens.inputActualHeight})`, ";min-height:var(", _TextAreatokens.tokens.inputMinHeight, ");padding-right:", ({ hasContentRight })=>hasContentRight ? `var(${_TextAreatokens.tokens.inputPaddingRightWithRightContent}, 0)` : `var(${_TextAreatokens.tokens.inputPaddingRight}, 0)`, ";padding-left:var(", _TextAreatokens.tokens.inputPaddingLeft, ",0);padding-top:0;padding-bottom:0;font-family:var(", _TextAreatokens.tokens.inputFontFamily, ");font-size:var(", _TextAreatokens.tokens.inputFontSize, ");font-style:var(", _TextAreatokens.tokens.inputFontStyle, ");font-weight:var(", _TextAreatokens.tokens.inputFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.inputLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.inputLineHeight, ");&::placeholder{opacity:0;}&:read-only{cursor:default;}&:focus:not(:disabled){color:var(", _TextAreatokens.tokens.inputColorFocus, ");}&::-webkit-scrollbar{width:var(", _TextAreatokens.tokens.scrollbarWidth, ");}&::-webkit-scrollbar-thumb{background-color:var(", _TextAreatokens.tokens.scrollbarThumbBackgroundColor, ");background-clip:content-box;border:var(", _TextAreatokens.tokens.scrollbarBorderWidth, ") solid transparent;border-radius:var(", _TextAreatokens.tokens.scrollbarBorderRadius, ",1rem);}&::-webkit-scrollbar-track{background-color:var(", _TextAreatokens.tokens.scrollbarTrackBackgroundColor, ");background-clip:content-box;border:var(", _TextAreatokens.tokens.scrollbarBorderWidth, ") solid transparent;border-radius:var(", _TextAreatokens.tokens.scrollbarBorderRadius, ",1rem);}");
 const StyledHiddenTextArea = (0, /*#__PURE__*/ _styled.default)("textarea", {
-    target: "ed52njb17",
+    target: "ep87wqd17",
     label: "StyledHiddenTextArea"
 })(_TextAreatokens.privateTokens.scrollbarCompensationPadding, ":calc(var(", _TextAreatokens.tokens.borderSize, ",0.0625rem) + var(", _TextAreatokens.tokens.scrollbarMarginRight, ",0rem));width:", ({ cols })=>cols ? 'unset' : '100%', ";max-height:none !important;min-height:var(", _TextAreatokens.tokens.inputMinHeight, ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:", ({ cols })=>cols ? 'unset' : '0.0625rem !important', ";border-width:0;padding-right:", ({ hasContentRight })=>hasContentRight ? `calc(var(${_TextAreatokens.privateTokens.scrollbarCompensationPadding}, 0) + var(${_TextAreatokens.tokens.inputPaddingRightWithRightContent}, 0))` : `calc(var(${_TextAreatokens.privateTokens.scrollbarCompensationPadding}, 0) + var(${_TextAreatokens.tokens.inputPaddingRight}, 0))`, ";padding-left:var(", _TextAreatokens.tokens.inputPaddingLeft, ",0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(", _TextAreatokens.tokens.inputFontFamily, ");font-size:var(", _TextAreatokens.tokens.inputFontSize, ");font-style:var(", _TextAreatokens.tokens.inputFontStyle, ");font-weight:var(", _TextAreatokens.tokens.inputFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.inputLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.inputLineHeight, ");");
 const StyledHelpers = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb18",
+    target: "ep87wqd18",
     label: "StyledHelpers"
 })("box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", _TextAreatokens.tokens.helpersBackgroundColor, ");padding-top:var(", _TextAreatokens.tokens.helpersPaddingTop, ");padding-right:var(", _TextAreatokens.tokens.helpersPaddingRight, ");padding-bottom:var(", _TextAreatokens.tokens.helpersPaddingBottom, ");padding-left:var(", _TextAreatokens.tokens.helpersPaddingLeft, ");border-bottom-left-radius:var(", _TextAreatokens.tokens.borderRadius, ");border-bottom-right-radius:var(", _TextAreatokens.tokens.borderRadius, ");");
 const StyledOutsideHelpersWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb19",
+    target: "ep87wqd19",
     label: "StyledOutsideHelpersWrapper"
 })("box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", _TextAreatokens.tokens.outsideHelpersPaddingTop, ");padding-right:var(", _TextAreatokens.tokens.outsideHelpersPaddingRight, ");padding-bottom:var(", _TextAreatokens.tokens.outsideHelpersPaddingBottom, ");padding-left:var(", _TextAreatokens.tokens.outsideHelpersPaddingLeft, ");");
 const StyledLeftHelper = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ed52njb20",
+    target: "ep87wqd20",
     label: "StyledLeftHelper"
 })("overflow:var(", _TextAreatokens.tokens.leftHelperOverflow, ",hidden);text-overflow:var(", _TextAreatokens.tokens.leftHelperTextOverflow, ",ellipsis);white-space:var(", _TextAreatokens.tokens.leftHelperWhiteSpace, ",nowrap);display:block;font-family:var(", _TextAreatokens.tokens.helpersFontFamily, ");font-size:var(", _TextAreatokens.tokens.helpersFontSize, ");font-style:var(", _TextAreatokens.tokens.helpersFontStyle, ");font-weight:var(", _TextAreatokens.tokens.helpersFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.helpersLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.helpersLineHeight, ");color:var(", _TextAreatokens.tokens.leftHelperColor, ");&.", _TextAreatokens.classes.leftHelperFocus, "{color:var(", _TextAreatokens.tokens.leftHelperColorFocus, ",var(", _TextAreatokens.tokens.leftHelperColor, "));}");
 const StyledRightHelper = /*#__PURE__*/ (0, _styled.default)(StyledLeftHelper, {
-    target: "ed52njb21",
+    target: "ep87wqd21",
     label: "StyledRightHelper"
 })("color:var(", _TextAreatokens.tokens.rightHelperColor, ");margin-left:auto;");
 const StyledPlaceholder = (0, /*#__PURE__*/ _styled.default)("label", {
-    target: "ed52njb22",
+    target: "ep87wqd22",
     label: "StyledPlaceholder"
 })("box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", _TextAreatokens.tokens.labelInnerColor, ",var(", _TextAreatokens.tokens.placeholderColor, "));width:100%;height:auto;top:var(", _TextAreatokens.tokens.inputPaddingTop, ");padding-left:var(", _TextAreatokens.tokens.inputPaddingLeft, ");padding-right:", ({ hasContentRight })=>hasContentRight ? `var(${_TextAreatokens.tokens.inputPaddingRightWithRightContent})` : `var(${_TextAreatokens.tokens.inputPaddingRight})`, ";font-family:var(", _TextAreatokens.tokens.inputFontFamily, ");font-size:var(", _TextAreatokens.tokens.inputFontSize, ");font-style:var(", _TextAreatokens.tokens.inputFontStyle, ");font-weight:var(", _TextAreatokens.tokens.inputFontWeight, ");letter-spacing:var(", _TextAreatokens.tokens.inputLetterSpacing, ");line-height:var(", _TextAreatokens.tokens.inputLineHeight, ");");
 const StyledIndicator = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ed52njb23",
+    target: "ep87wqd23",
     label: "StyledIndicator"
 })("position:absolute;border-radius:50%;z-index:1;background-color:var(", _TextAreatokens.tokens.indicatorColor, ");&.", _TextAreatokens.classes.outerLabelPlacement, "{width:var(", _TextAreatokens.tokens.indicatorSizeOuter, ");height:var(", _TextAreatokens.tokens.indicatorSizeOuter, ");inset:var(", _TextAreatokens.tokens.indicatorLabelPlacementOuter, ");&.", _TextAreatokens.classes.requiredAlignRight, "{inset:var(", _TextAreatokens.tokens.indicatorLabelPlacementOuterRight, ");&.", _TextAreatokens.classes.hasHint, "{right:calc(\n                    -1 * var(", _TextAreatokens.tokens.indicatorSizeOuter, ") + var(", _TextAreatokens.tokens.indicatorLabelPlacementHintOuterRight, ",0px)\n                );}}}&.", _TextAreatokens.classes.innerLabelPlacement, "{width:var(", _TextAreatokens.tokens.indicatorSizeInner, ");height:var(", _TextAreatokens.tokens.indicatorSizeInner, ");inset:var(", _TextAreatokens.tokens.indicatorLabelPlacementInner, ");&.", _TextAreatokens.classes.requiredAlignRight, "{inset:var(", _TextAreatokens.tokens.indicatorLabelPlacementInnerRight, ");}}");

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

@@ -151,6 +151,7 @@ const tokens = {
     titleCaptionColor: '--plasma-textarea__title-caption-color',
     titleCaptionColorReadOnly: '--plasma-textarea__title-caption-color-readonly',
     titleCaptionInnerLabelOffset: '--plasma-textarea__title-caption-label-inner-offset',
+    titleCaptionMargin: '--plasma-textarea__title-caption-margin',
     titleCaptionFontFamily: '--plasma-textarea__title-caption-font-family',
     titleCaptionFontStyle: '--plasma-textarea__title-caption-font-style',
     titleCaptionFontSize: '--plasma-textarea__title-caption-font-size',

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

@@ -94,6 +94,7 @@ const textFieldRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, classN
     onChange, onChangeChips, onSearch, onKeyDown, onFocus, onBlur, onPaste, onScroll, // Пропсы для внутреннего использования, не отдается наружу.
     // @ts-ignore
     _onEnterDisabled, // @ts-ignore
+    _onFieldClick, // @ts-ignore
     _forceChipManipulationWithReadonly, /** Внутреннее свойство _interaction_disabled нужно для компонента Select,
                  * в режиме textfield-like, чтобы запретить взаимодействие с компонентом. */ // @ts-ignore
     _interaction_disabled = false, ...rest }, ref)=>{
@@ -241,7 +242,12 @@ const textFieldRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, classN
             _interaction_disabled
         });
         const onChipClick = (event)=>event.stopPropagation();
-        const handleInputFocus = ()=>{
+        const handleInputFocus = (event)=>{
+            const targetLabel = event.target.closest('label');
+            if (targetLabel && event.currentTarget.contains(targetLabel)) {
+                return;
+            }
+            _onFieldClick?.(event);
             if (readOnly || disabled || !inputRef?.current || _interaction_disabled) {
                 return;
             }
@@ -313,7 +319,6 @@ const textFieldRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, classN
             disabled: disabled,
             readOnly: !disabled && readOnly,
             labelPlacement: innerLabelPlacementValue,
-            onClick: handleInputFocus,
             "data-root": true,
             className: (0, _utils.cx)(labelPlacementClass, clearClass, hasDividerClass, hasInnerHintClass, _TextFieldtokens.classes.textFieldGroupItem, className),
             style: style,
@@ -325,7 +330,7 @@ const textFieldRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, classN
             isInnerLabel: labelPlacement === 'inner'
         }, hasOuterLabel && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledIndicatorWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.Label, {
             id: labelId,
-            htmlFor: id
+            htmlFor: innerId
         }, innerLabelValue), hintText && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledHintWrapper, null, /*#__PURE__*/ _react.default.createElement(_Hint.HintComponent, {
             ref: hintForkRef,
             hintText: hintText,
@@ -344,9 +349,9 @@ const textFieldRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, classN
         })), required && hasRequiredIndicator && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledIndicator, {
             className: (0, _utils.cx)(_TextFieldtokens.classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
         }), optionalTextNode), titleCaption && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.TitleCaption, {
-            "data-root": true,
-            hasLabel: hasOuterLabel
+            "data-root": true
         }, titleCaption)), /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.InputWrapper, {
+            onClick: handleInputFocus,
             // Ref для внутреннего использования. Не отдается наружу.
             ref: rest.inputWrapperRef,
             className: (0, _utils.cx)(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent, _TextFieldtokens.classes.inputWrapper)

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

@@ -100,102 +100,102 @@ function _interop_require_default(obj) {
 const mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 const Tooltip = (0, _engines.component)(mergedConfig);
 const InputWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra0",
+    target: "edsqxk50",
     label: "InputWrapper"
-})("position:relative;display:flex;align-items:center;box-sizing:border-box;&:after{content:'';position:absolute;z-index:-2;inset:0;}");
+})("position:relative;display:flex;align-items:center;box-sizing:border-box;&::after{content:'';position:absolute;z-index:-2;inset:0;}");
 const InputLabelWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra1",
+    target: "edsqxk51",
     label: "InputLabelWrapper"
 })("flex:1;overflow-x:var(", _TextFieldtokens.tokens.scrollableWrapperOverflow, ",scroll);position:relative;width:100%;display:inline-flex;align-items:center;flex-wrap:var(", _TextFieldtokens.tokens.chipsFlexWrap, ",nowrap);::-webkit-scrollbar{display:none;}scrollbar-width:none;&.", _TextFieldtokens.classes.hasChips, "{height:var(", _TextFieldtokens.tokens.scrollableWrapperHeight, ",var(", _TextFieldtokens.tokens.chipHeight, "));border-radius:var(", _TextFieldtokens.tokens.chipBorderRadius, ");}");
 const StyledChips = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra2",
+    target: "edsqxk52",
     label: "StyledChips"
 })("display:flex;flex-wrap:var(", _TextFieldtokens.tokens.chipsFlexWrap, ",nowrap);gap:var(", _TextFieldtokens.tokens.chipGap, ");margin-right:var(", _TextFieldtokens.tokens.chipMarginRight, ",var(", _TextFieldtokens.tokens.chipGap, "));user-select:none;");
 const Input = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "eb21vra3",
+    target: "edsqxk53",
     label: "Input"
 })("box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(", _TextFieldtokens.tokens.fieldSizing, ",fixed);z-index:1;&.", _TextFieldtokens.classes.inputTextEllipsis, "{", (0, _mixins.applyEllipsis)(), "}&::placeholder{opacity:0;}");
 const InputContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra4",
+    target: "edsqxk54",
     label: "InputContainer"
 })("position:relative;display:flex;flex:1;min-width:", ({ hasDynamicWidth })=>hasDynamicWidth ? 'auto' : '60%', ";", Input, "{max-width:", ({ hasDynamicWidth })=>hasDynamicWidth ? '100%' : 'none', ";margin-right:", ({ hasDynamicWidth })=>hasDynamicWidth ? `-${_getInputWidth.caretReserve}px` : '0', ";}");
 const InputPlaceholder = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra5",
+    target: "edsqxk55",
     label: "InputPlaceholder"
 })("display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", _TextFieldtokens.tokens.placeholderColor, ");padding:", ({ hasPadding })=>hasPadding ? `var(${_TextFieldtokens.tokens.contentLabelInnerPadding})` : '0', ";");
 const InputPlaceholderValue = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra6",
+    target: "edsqxk56",
     label: "InputPlaceholderValue"
 })("&.", _TextFieldtokens.classes.inputTextEllipsis, "{", (0, _mixins.applyEllipsis)(), "}");
 const OuterLabelWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra7",
+    target: "edsqxk57",
     label: "OuterLabelWrapper"
-})("display:flex;align-items:center;margin-bottom:", ({ isInnerLabel })=>isInnerLabel ? `var(${_TextFieldtokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextFieldtokens.tokens.labelOffset})`, ";padding:", ({ isInnerLabel })=>isInnerLabel ? 0 : `var(${_TextFieldtokens.tokens.labelPadding}, 0)`, ";white-space:", ({ isInnerLabel })=>isInnerLabel ? 'nowrap' : 'normal', ";");
+})("display:flex;align-items:flex-start;margin-bottom:", ({ isInnerLabel })=>isInnerLabel ? `var(${_TextFieldtokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextFieldtokens.tokens.labelOffset})`, ";padding:", ({ isInnerLabel })=>isInnerLabel ? 0 : `var(${_TextFieldtokens.tokens.labelPadding}, 0)`, ";white-space:", ({ isInnerLabel })=>isInnerLabel ? 'nowrap' : 'normal', ";");
 const TitleCaption = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra8",
+    target: "edsqxk58",
     label: "TitleCaption"
-})("display:inline-block;margin-left:auto;margin-top:", ({ hasLabel })=>hasLabel ? `var(${_TextFieldtokens.tokens.titleCaptionOffset}, 0)` : 'unset', ";");
+})("display:inline-block;margin-left:auto;margin-top:var(", _TextFieldtokens.tokens.titleCaptionMargin, ",0);");
 const StyledIndicatorWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra9",
+    target: "edsqxk59",
     label: "StyledIndicatorWrapper"
 })("position:relative;display:inline-flex;align-items:center;");
 const Label = (0, /*#__PURE__*/ _styled.default)("label", {
-    target: "eb21vra10",
+    target: "edsqxk510",
     label: "Label"
 })("display:inline-flex;");
 const StyledContentLeft = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra11",
+    target: "edsqxk511",
     label: "StyledContentLeft"
 })("margin:var(", _TextFieldtokens.tokens.leftContentMargin, ");color:var(", _TextFieldtokens.tokens.contentSlotColor, ");line-height:0;&:hover{color:var(", _TextFieldtokens.tokens.contentSlotColorHover, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));}&:active{color:var(", _TextFieldtokens.tokens.contentSlotColorActive, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));}");
 const StyledContentRightWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra12",
+    target: "edsqxk512",
     label: "StyledContentRightWrapper"
 })("display:flex;align-items:center;");
 const StyledContentRight = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra13",
+    target: "edsqxk513",
     label: "StyledContentRight"
 })("line-height:0;margin:var(", _TextFieldtokens.tokens.rightContentMargin, ");color:var(", _TextFieldtokens.tokens.contentSlotRightColor, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));&:hover{color:var(", _TextFieldtokens.tokens.contentSlotRightColorHover, ",var(", _TextFieldtokens.tokens.contentSlotColorHover, "));cursor:pointer;}&:active{color:var(", _TextFieldtokens.tokens.contentSlotRightColorActive, ",var(", _TextFieldtokens.tokens.contentSlotColorActive, "));}");
 const StyledHelpers = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra14",
+    target: "edsqxk514",
     label: "StyledHelpers"
 })("box-sizing:border-box;display:flex;justify-content:space-between;");
 const StyledLeftHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra15",
+    target: "edsqxk515",
     label: "StyledLeftHelper"
 })();
 const StyledRightHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra16",
+    target: "edsqxk516",
     label: "StyledRightHelper"
 })("margin-left:auto;");
 const StyledTextBefore = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra17",
+    target: "edsqxk517",
     label: "StyledTextBefore"
 })("visibility:", ({ isHidden })=>isHidden ? 'hidden' : 'visible', ";");
 const StyledTextAfter = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra18",
+    target: "edsqxk518",
     label: "StyledTextAfter"
 })();
 const StyledOptionalText = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "eb21vra19",
+    target: "edsqxk519",
     label: "StyledOptionalText"
 })("color:var(", _TextFieldtokens.tokens.optionalColor, ");");
 const StyledHintWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra20",
+    target: "edsqxk520",
     label: "StyledHintWrapper"
 })("display:inline-block;line-height:0;&.", _TextFieldtokens.classes.innerLabelPlacement, "{position:absolute;margin:0;inset:var(", _TextFieldtokens.tokens.hintInnerLabelPlacementOffset, ");}");
 const HintTargetWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra21",
+    target: "edsqxk521",
     label: "HintTargetWrapper"
 })("color:var(", _TextFieldtokens.tokens.hintIconColor, ");display:flex;justify-content:center;align-items:center;");
 const Hint = /*#__PURE__*/ (0, _styled.default)(Tooltip, {
-    target: "eb21vra22",
+    target: "edsqxk522",
     label: "Hint"
 })(HintTargetWrapper, " .", _Popover.popoverClasses.root, "{width:fit-content;}");
 const HintIconWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra23",
+    target: "edsqxk523",
     label: "HintIconWrapper"
 })("display:flex;");
 const StyledIndicator = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eb21vra24",
+    target: "edsqxk524",
     label: "StyledIndicator"
 })("position:absolute;border-radius:50%;background-color:var(", _TextFieldtokens.tokens.indicatorColor, ");&.", _TextFieldtokens.classes.outerLabelPlacement, "{width:var(", _TextFieldtokens.tokens.indicatorSizeOuter, ");height:var(", _TextFieldtokens.tokens.indicatorSizeOuter, ");inset:var(", _TextFieldtokens.tokens.indicatorLabelPlacementOuter, ");&.", _TextFieldtokens.classes.requiredAlignRight, "{inset:var(", _TextFieldtokens.tokens.indicatorLabelPlacementOuterRight, ");&.", _TextFieldtokens.classes.hasHint, "{right:calc(\n                    -1 * var(", _TextFieldtokens.tokens.indicatorSizeOuter, ") + var(", _TextFieldtokens.tokens.indicatorLabelPlacementHintOuterRight, ",0px)\n                );}}}&.", _TextFieldtokens.classes.innerLabelPlacement, "{width:var(", _TextFieldtokens.tokens.indicatorSizeInner, ");height:var(", _TextFieldtokens.tokens.indicatorSizeInner, ");inset:var(", _TextFieldtokens.tokens.indicatorLabelPlacementInner, ");&.", _TextFieldtokens.classes.requiredAlignRight, "{inset:var(", _TextFieldtokens.tokens.indicatorLabelPlacementInnerRight, ");}}");

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

@@ -68,6 +68,7 @@ const tokens = {
     dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',
     /** Цвет каретки */ caretColor: '--plasma-textfield__caret-color',
     placeholderColor: '--plasma-textfield__placeholder-color',
+    placeholderColorHover: '--plasma-textfield__placeholder-color-hover',
     placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',
     clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
     clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',
@@ -121,6 +122,7 @@ const tokens = {
     titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
     titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
     titleCaptionOffset: '--plasma-textfield__title-caption-offset',
+    titleCaptionMargin: '--plasma-textfield__title-caption-margin',
     titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
     titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
     titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',

package/dist/emotion/cjs/components/TextField/ui/Hint/Hint.js

@@ -64,9 +64,12 @@ const HintComponent = /*#__PURE__*/ (0, _react.forwardRef)(({ hintText, isHintVi
     };
     return /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.Hint, {
         ref: ref,
+        onClick: (event)=>event.stopPropagation(),
         text: String(hintText),
         opened: isHintVisible,
-        target: /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintTargetWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintIconWrapper, {
+        target: /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintTargetWrapper, {
+            onClick: (event)=>event.stopPropagation()
+        }, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintIconWrapper, {
             id: hintId,
             ...hintTrigger === 'hover' ? {
                 onMouseEnter: handleHintShow,

package/dist/emotion/cjs/components/TextField/variations/_view/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 const _react = require("@emotion/react");
 const _TextFieldtokens = require("../../TextField.tokens");
 const _TextFieldstyles = require("../../TextField.styles");
-const base = (0, /*#__PURE__*/ _react.css)(_TextFieldstyles.InputWrapper, "{", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColor, ");", _TextFieldtokens.privateTokens.backgroundColor, ":var(", _TextFieldtokens.tokens.backgroundColor, ");color:var(", _TextFieldtokens.tokens.color, ");background-color:var(", _TextFieldtokens.privateTokens.backgroundColor, ");box-shadow:inset 0 0 0 var(", _TextFieldtokens.tokens.borderWidth, ") var(", _TextFieldtokens.privateTokens.borderColor, "),var(", _TextFieldtokens.tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", _TextFieldtokens.tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}@media (hover:hover) and (pointer:fine){&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":hover:not(:has(", _TextFieldstyles.StyledHintWrapper, ":hover)):not(:focus-within){", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColorHover, ",var(", _TextFieldtokens.tokens.borderColor, "));", _TextFieldtokens.privateTokens.backgroundColor, ":var(", _TextFieldtokens.tokens.backgroundColorHover, ",var(", _TextFieldtokens.tokens.backgroundColor, "));}}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.color, ");}", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColor, ");}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":focus-within{", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColorFocus, ",var(", _TextFieldtokens.tokens.borderColor, "));", _TextFieldtokens.privateTokens.backgroundColor, ":var(\n            ", _TextFieldtokens.tokens.backgroundColorFocus, ",var(", _TextFieldtokens.tokens.backgroundColor, ")\n        );&:after{box-shadow:var(", _TextFieldtokens.tokens.boxShadowSecondary, ",inset 0 0 0 0 transparent);}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.colorFocus, ");}", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColorFocus, ");}}", _TextFieldstyles.TitleCaption, "{color:var(", _TextFieldtokens.tokens.titleCaptionColor, ");}", _TextFieldstyles.StyledTextBefore, "{color:var(", _TextFieldtokens.tokens.textBeforeColor, ");}", _TextFieldstyles.StyledTextAfter, "{color:var(", _TextFieldtokens.tokens.textAfterColor, ");}", _TextFieldstyles.StyledHelpers, "{", _TextFieldstyles.StyledLeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColor, ");}", _TextFieldstyles.StyledRightHelper, "{color:var(", _TextFieldtokens.tokens.rightHelperColor, ");}&.", _TextFieldtokens.classes.hasFocus, "{", _TextFieldstyles.StyledLeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColorFocus, ",var(", _TextFieldtokens.tokens.leftHelperColor, "));}", _TextFieldstyles.StyledRightHelper, "{color:var(", _TextFieldtokens.tokens.rightHelperColorFocus, ",var(", _TextFieldtokens.tokens.rightHelperColor, "));}}}&.", _TextFieldtokens.classes.hasDivider, "{", _TextFieldstyles.InputWrapper, "{--plasma_private-textfield-divider-color:var(", _TextFieldtokens.tokens.dividerColor, ");--plasma_private-textfield-divider-width:var(", _TextFieldtokens.tokens.dividerWidth, ");&: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);transition:background-color 0.1s ease-in;}}@media (hover:hover) and (pointer:fine){&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":hover:not(:has(", _TextFieldstyles.StyledHintWrapper, ":hover)):not(:focus-within){--plasma_private-textfield-divider-color:var(\n                    ", _TextFieldtokens.tokens.dividerColorHover, ",var(", _TextFieldtokens.tokens.dividerColor, ")\n                );}}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                ", _TextFieldtokens.tokens.dividerColorFocus, ",var(", _TextFieldtokens.tokens.dividerColor, ")\n            );", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.clearPlaceholderColorFocus, ");}}}", "base");
+const base = (0, /*#__PURE__*/ _react.css)(_TextFieldstyles.InputWrapper, "{", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColor, ");", _TextFieldtokens.privateTokens.backgroundColor, ":var(", _TextFieldtokens.tokens.backgroundColor, ");color:var(", _TextFieldtokens.tokens.color, ");background-color:var(", _TextFieldtokens.privateTokens.backgroundColor, ");box-shadow:inset 0 0 0 var(", _TextFieldtokens.tokens.borderWidth, ") var(", _TextFieldtokens.privateTokens.borderColor, "),var(", _TextFieldtokens.tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", _TextFieldtokens.tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}@media (hover:hover) and (pointer:fine){&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":hover:not(:has(", _TextFieldstyles.StyledHintWrapper, ":hover)):not(:focus-within){", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColorHover, ",var(", _TextFieldtokens.tokens.borderColor, "));", _TextFieldtokens.privateTokens.backgroundColor, ":var(", _TextFieldtokens.tokens.backgroundColorHover, ",var(", _TextFieldtokens.tokens.backgroundColor, "));", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColorHover, ",var(", _TextFieldtokens.tokens.placeholderColor, "));}}}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.color, ");}", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColor, ");}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":focus-within{", _TextFieldtokens.privateTokens.borderColor, ":var(", _TextFieldtokens.tokens.borderColorFocus, ",var(", _TextFieldtokens.tokens.borderColor, "));", _TextFieldtokens.privateTokens.backgroundColor, ":var(\n            ", _TextFieldtokens.tokens.backgroundColorFocus, ",var(", _TextFieldtokens.tokens.backgroundColor, ")\n        );&:after{box-shadow:var(", _TextFieldtokens.tokens.boxShadowSecondary, ",inset 0 0 0 0 transparent);}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.colorFocus, ");}", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColorFocus, ");}", _TextFieldstyles.StyledContentLeft, "{color:var(", _TextFieldtokens.tokens.contentSlotColorFocus, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));}}", _TextFieldstyles.TitleCaption, "{color:var(", _TextFieldtokens.tokens.titleCaptionColor, ");}", _TextFieldstyles.StyledTextBefore, "{color:var(", _TextFieldtokens.tokens.textBeforeColor, ");}", _TextFieldstyles.StyledTextAfter, "{color:var(", _TextFieldtokens.tokens.textAfterColor, ");}", _TextFieldstyles.StyledHelpers, "{", _TextFieldstyles.StyledLeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColor, ");}", _TextFieldstyles.StyledRightHelper, "{color:var(", _TextFieldtokens.tokens.rightHelperColor, ");}&.", _TextFieldtokens.classes.hasFocus, "{", _TextFieldstyles.StyledLeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColorFocus, ",var(", _TextFieldtokens.tokens.leftHelperColor, "));}", _TextFieldstyles.StyledRightHelper, "{color:var(", _TextFieldtokens.tokens.rightHelperColorFocus, ",var(", _TextFieldtokens.tokens.rightHelperColor, "));}}}&.", _TextFieldtokens.classes.hasDivider, "{", _TextFieldstyles.InputWrapper, "{--plasma_private-textfield-divider-color:var(", _TextFieldtokens.tokens.dividerColor, ");--plasma_private-textfield-divider-width:var(", _TextFieldtokens.tokens.dividerWidth, ");&: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);transition:background-color 0.1s ease-in;}}@media (hover:hover) and (pointer:fine){&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":hover:not(:has(", _TextFieldstyles.StyledHintWrapper, ":hover)):not(:focus-within){--plasma_private-textfield-divider-color:var(\n                    ", _TextFieldtokens.tokens.dividerColorHover, ",var(", _TextFieldtokens.tokens.dividerColor, ")\n                );}}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                ", _TextFieldtokens.tokens.dividerColorFocus, ",var(", _TextFieldtokens.tokens.dividerColor, ")\n            );", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.clearPlaceholderColorFocus, ",var(", _TextFieldtokens.tokens.placeholderColorFocus, "));}}}", "base");

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

@@ -81,7 +81,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const timePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, // controlled
     value: outerValue, opened = false, // variations
     view, size, disabled = false, readonly = false, stretched, appearance, hasClearDivider, valueError, valueSuccess, valueEdited, // layout
-    label, labelPlacement = 'outer', keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
+    label, labelPlacement = 'outer', titleCaption, keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
         0,
         0
@@ -356,6 +356,7 @@ const timePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className
                     hasRequiredIndicator: hasRequiredIndicator,
                     label: label,
                     labelPlacement: labelPlacement,
+                    titleCaption: titleCaption,
                     keepPlaceholder: keepPlaceholder,
                     ...hintText ? {
                         hintText,

package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js

@@ -47,27 +47,27 @@ const TextField = (0, _engines.component)(mergedTextFieldConfig);
 const mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerGridConfig);
 const TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
 const FloatingWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e19qg0hx0",
+    target: "ei8qgil0",
     label: "FloatingWrapper"
 })("position:relative;width:100%;");
 const FloatingTarget = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e19qg0hx1",
+    target: "ei8qgil1",
     label: "FloatingTarget"
 })();
 const FloatingContent = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e19qg0hx2",
+    target: "ei8qgil2",
     label: "FloatingContent"
 })();
 const StyledTimePickerGrid = /*#__PURE__*/ (0, _styled.default)(TimePickerGrid, {
-    target: "e19qg0hx3",
+    target: "ei8qgil3",
     label: "StyledTimePickerGrid"
 })(_TimePickerGrid.timePickerGridTokens.disabledOpacity, ":var(", _TimePickertokens.tokens.disabledOpacity, ");", _TimePickerGrid.timePickerGridTokens.itemHeight, ":var(", _TimePickertokens.tokens.itemHeight, ");", _TimePickerGrid.timePickerGridTokens.itemBorderRadius, ":var(", _TimePickertokens.tokens.itemBorderRadius, ");", _TimePickerGrid.timePickerGridTokens.itemPadding, ":var(", _TimePickertokens.tokens.itemPadding, ");", _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, ":var(", _TimePickertokens.tokens.itemBackgroundHover, ");", _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, ":var(", _TimePickertokens.tokens.itemBackgroundActive, ");", _TimePickerGrid.timePickerGridTokens.itemFocusColor, ":var(", _TimePickertokens.tokens.itemFocusColor, ");", _TimePickerGrid.timePickerGridTokens.itemFontFamily, ":var(", _TimePickertokens.tokens.itemFontFamily, ");", _TimePickerGrid.timePickerGridTokens.itemFontSize, ":var(", _TimePickertokens.tokens.itemFontSize, ");", _TimePickerGrid.timePickerGridTokens.itemFontStyle, ":var(", _TimePickertokens.tokens.itemFontStyle, ");", _TimePickerGrid.timePickerGridTokens.itemFontWeight, ":var(", _TimePickertokens.tokens.itemFontWeight, ");", _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, ":var(", _TimePickertokens.tokens.itemLetterSpacing, ");", _TimePickerGrid.timePickerGridTokens.itemLineHeight, ":var(", _TimePickertokens.tokens.itemLineHeight, ");", _TimePickerGrid.timePickerGridTokens.scrollbarWidth, ":var(", _TimePickertokens.tokens.scrollbarWidth, ");", _TimePickerGrid.timePickerGridTokens.scrollbarColor, ":var(", _TimePickertokens.tokens.scrollbarColor, ");", _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, ":var(", _TimePickertokens.tokens.scrollbarTrackColor, ");", _TimePickerGrid.timePickerGridTokens.scrollbarMargin, ":var(", _TimePickertokens.tokens.scrollbarMargin, ");background:var(", _TimePickertokens.tokens.timePickerBackground, ");border-radius:var(", _TimePickertokens.tokens.timePickerBorderRadius, ");padding:var(", _TimePickertokens.tokens.timePickerPadding, ");box-shadow:var(", _TimePickertokens.tokens.timePickerShadow, ");width:", ({ innerWidth })=>innerWidth || `var(${_TimePickertokens.tokens.timePickerWidth})`, ";height:", ({ innerHeight })=>innerHeight || `var(${_TimePickertokens.tokens.columnHeight})`, ";");
 const StyledInput = /*#__PURE__*/ (0, _styled.default)(TextField, {
-    target: "e19qg0hx4",
+    target: "ei8qgil4",
     label: "StyledInput"
-})("width:100%;", _TextField.textFieldTokens.color, ":var(", _TimePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _TimePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _TimePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.borderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.borderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.borderColorFocus, ");", _TextField.textFieldTokens.boxShadow, ":var(", _TimePickertokens.tokens.textFieldBoxShadow, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _TimePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _TimePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _TimePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.dividerWidth, ":var(", _TimePickertokens.tokens.textFieldDividerWidth, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _TimePickertokens.tokens.readOnlyOpacity, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _TimePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _TimePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _TimePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _TimePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _TimePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _TimePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _TimePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _TimePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelColor, ":var(", _TimePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _TimePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _TimePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _TimePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _TimePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _TimePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _TimePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _TimePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _TimePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _TimePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _TimePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _TimePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _TimePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _TimePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _TimePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _TimePickertokens.tokens.indicatorSize, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _TimePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _TimePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _TimePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _TimePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _TimePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _TimePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _TimePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _TimePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _TimePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _TimePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _TimePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _TimePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _TimePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _TimePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _TimePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _TimePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _TimePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _TimePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _TimePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _TimePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _TimePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _TimePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _TimePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _TimePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _TimePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _TimePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _TimePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _TimePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _TimePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _TimePickertokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _TimePickertokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _TimePickertokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _TimePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _TimePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _TimePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _TimePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _TimePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _TimePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _TimePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _TimePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _TimePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _TimePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _TimePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _TimePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _TimePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _TimePickertokens.tokens.textFieldContentSlotColor, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _TimePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _TimePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _TimePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _TimePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));&.", _TimePickertokens.classes.timePickerError, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorError, ");}&.", _TimePickertokens.classes.timePickerSuccess, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorSuccess, ");}&.", _TimePickertokens.classes.timePickerEdited, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorEdited, ");}");
+})("width:100%;", _TextField.textFieldTokens.color, ":var(", _TimePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _TimePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _TimePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.borderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.borderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.borderColorFocus, ");", _TextField.textFieldTokens.boxShadow, ":var(", _TimePickertokens.tokens.textFieldBoxShadow, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _TimePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _TimePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _TimePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.dividerWidth, ":var(", _TimePickertokens.tokens.textFieldDividerWidth, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _TimePickertokens.tokens.readOnlyOpacity, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _TimePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _TimePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _TimePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _TimePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _TimePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _TimePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _TimePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _TimePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelColor, ":var(", _TimePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _TimePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _TimePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _TimePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _TimePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _TimePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _TimePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.titleCaptionMargin, ":var(", _TimePickertokens.tokens.titleCaptionMargin, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _TimePickertokens.tokens.titleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionColorReadOnly, ":var(", _TimePickertokens.tokens.titleCaptionColorReadOnly, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _TimePickertokens.tokens.titleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _TimePickertokens.tokens.titleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _TimePickertokens.tokens.titleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _TimePickertokens.tokens.titleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _TimePickertokens.tokens.titleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _TimePickertokens.tokens.titleCaptionLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _TimePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _TimePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _TimePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _TimePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _TimePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _TimePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _TimePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _TimePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _TimePickertokens.tokens.indicatorSize, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _TimePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _TimePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _TimePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _TimePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _TimePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _TimePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _TimePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _TimePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _TimePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _TimePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _TimePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _TimePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _TimePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _TimePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _TimePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _TimePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _TimePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _TimePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _TimePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _TimePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _TimePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _TimePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _TimePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _TimePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _TimePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _TimePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _TimePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _TimePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _TimePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _TimePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _TimePickertokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _TimePickertokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _TimePickertokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _TimePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _TimePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _TimePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _TimePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _TimePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _TimePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _TimePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _TimePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _TimePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _TimePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _TimePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _TimePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _TimePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _TimePickertokens.tokens.textFieldContentSlotColor, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _TimePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _TimePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _TimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _TimePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _TimePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));&.", _TimePickertokens.classes.timePickerError, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorError, ");}&.", _TimePickertokens.classes.timePickerSuccess, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorSuccess, ");}&.", _TimePickertokens.classes.timePickerEdited, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _TimePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TimePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TimePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _TimePickertokens.tokens.textFieldDividerColorEdited, ");}");
 const LeftHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e19qg0hx5",
+    target: "ei8qgil5",
     label: "LeftHelper"
 })("color:var(", _TimePickertokens.tokens.leftHelperColor, ");&.", _TimePickertokens.classes.timePickerError, "{color:var(", _TimePickertokens.tokens.leftHelperColorError, ");}&.", _TimePickertokens.classes.timePickerSuccess, "{color:var(", _TimePickertokens.tokens.leftHelperColorSuccess, ");}&.", _TimePickertokens.classes.timePickerEdited, "{color:var(", _TimePickertokens.tokens.leftHelperColorEdited, ");}");
 const base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;width:var(", _TimePickertokens.tokens.width, ");margin-top:var(", _TimePickertokens.tokens.dropdownMarginTop, ");&.", _TimePickertokens.classes.timePickerstretched, "{width:100%;& > div{width:100%;}}&.", _TimePickertokens.classes.timePickerGridRoot, "{flex-direction:row;width:100%;height:100%;}&.", _TimePickertokens.classes.timePickerPlacementRight, "{justify-content:flex-end;}", "base");

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

@@ -58,6 +58,15 @@ const tokens = {
     labelFontWeight: '--sdds-core-time-picker__label-font-weight',
     labelLetterSpacing: '--sdds-core-time-picker__label-letter-spacing',
     labelLineHeight: '--sdds-core-time-picker__label-line-height',
+    titleCaptionMargin: '--sdds-core-time-picker__title-caption-margin',
+    titleCaptionColor: '--sdds-core-time-picker__title-caption-color',
+    titleCaptionColorReadOnly: '--sdds-core-time-picker__title-caption-color-readonly',
+    titleCaptionFontFamily: '--sdds-core-time-picker__title-caption-font-family',
+    titleCaptionFontStyle: '--sdds-core-time-picker__title-caption-font-style',
+    titleCaptionFontSize: '--sdds-core-time-picker__title-caption-font-size',
+    titleCaptionFontWeight: '--sdds-core-time-picker__title-caption-font-weight',
+    titleCaptionLetterSpacing: '--sdds-core-time-picker__title-caption-letter-spacing',
+    titleCaptionLineHeight: '--sdds-core-time-picker__title-caption-line-height',
     labelInnerFontFamily: '--sdds-core-time-picker-placement_inner__label-font-family',
     labelInnerFontStyle: '--sdds-core-time-picker-placement_inner__label-font-style',
     labelInnerFontSize: '--sdds-core-time-picker-placement_inner__label-font-size',

package/dist/emotion/cjs/hooks/useDisableScroll.js

@@ -13,19 +13,19 @@ function useDisableScroll(ref, enabled = true) {
     (0, _react.useEffect)(()=>{
         if (!enabled || !ref.current) return;
         const el = ref.current;
-        const preventScroll = (e)=>{
-            e.preventDefault();
-            e.stopPropagation();
+        // Вертикальный wheel оставляем странице. Горизонтальный жест не должен прокручивать предка.
+        const preventHorizontalWheel = (event)=>{
+            if (Math.abs(event.deltaX) <= Math.abs(event.deltaY)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
         };
-        el.addEventListener('wheel', preventScroll, {
-            passive: false
-        });
-        el.addEventListener('touchmove', preventScroll, {
+        el.addEventListener('wheel', preventHorizontalWheel, {
             passive: false
         });
         return ()=>{
-            el.removeEventListener('wheel', preventScroll);
-            el.removeEventListener('touchmove', preventScroll);
+            el.removeEventListener('wheel', preventHorizontalWheel);
         };
     }, [
         ref,