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

package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+const _styledcomponents = require("styled-components");
+const _tokens = require("../../../../../tokens");
+const base = (0, _styledcomponents.css)([
+    `&.`,
+    `{`,
+    `:var(`,
+    `);border-radius:var(`,
+    `);}`
+], _tokens.classes.tabsPilled, _tokens.privateTokens.outlineRadius, _tokens.tokens.tabsPilledBorderRadius, _tokens.tokens.tabsPilledBorderRadius);

package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js

@@ -13,7 +13,8 @@ const _tokens = require("../../../../../tokens");
 const base = (0, _styledcomponents.css)([
     `width:var(`,
     `);height:var(`,
-    `);--plasma_private-outline-radius:var(`,
+    `);`,
+    `:var(`,
     `);border-radius:var(`,
     `);`
-], _tokens.tokens.tabsWidth, _tokens.tokens.tabsHeight, _tokens.tokens.tabsBorderRadius, _tokens.tokens.tabsBorderRadius);
+], _tokens.tokens.tabsWidth, _tokens.tokens.tabsHeight, _tokens.privateTokens.outlineRadius, _tokens.tokens.tabsBorderRadius, _tokens.tokens.tabsBorderRadius);

package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.styles.js

@@ -85,7 +85,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const ScaleTicksWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTicksWrapper",
-    componentId: "sc-d608f82a-0"
+    componentId: "sc-54c53de4-0"
 })([
     `position:relative;overflow:visible;height:var(`,
     `);margin-top:calc(var(`,
@@ -95,16 +95,16 @@ const ScaleTicksWrapper = _styledcomponents.default.div.withConfig({
     `) / 2);margin-right:calc(var(`,
     `) + var(`,
     `) / 2);`
-], _TextFieldSlidertokens.tokens.scaleValueLineHeight, _TextFieldSlidertokens.tokens.scaleWrapperOffset, _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, _TextFieldSlidertokens.tokens.sliderContainerOffset, _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderContainerOffset, _TextFieldSlidertokens.tokens.sliderThumbSize);
+], _TextFieldSlidertokens.tokens.scaleValueLineHeight, _TextFieldSlidertokens.tokens.scaleWrapperOffset, _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, _TextFieldSlidertokens.tokens.sliderContainerOffset, _TextFieldSlidertokens.tokens.sliderThumbWidth, _TextFieldSlidertokens.tokens.sliderContainerOffset, _TextFieldSlidertokens.tokens.sliderThumbWidth);
 const ScaleTick = _styledcomponents.default.div.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTick",
-    componentId: "sc-d608f82a-1"
+    componentId: "sc-54c53de4-1"
 })([
     `position:absolute;top:0;bottom:0;width:0;overflow:visible;cursor:pointer;`
 ]);
 const ScaleTickDot = _styledcomponents.default.span.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTickDot",
-    componentId: "sc-d608f82a-2"
+    componentId: "sc-54c53de4-2"
 })([
     `position:absolute;left:0;top:calc( -1 * (var(`,
     `) + var(`,
@@ -117,7 +117,7 @@ const ScaleTickDot = _styledcomponents.default.span.withConfig({
 ], _TextFieldSlidertokens.tokens.scaleWrapperOffset, _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, _TextFieldSlidertokens.tokens.sliderTrackHeight, _TextFieldSlidertokens.tokens.scaleTickSize, _TextFieldSlidertokens.tokens.scaleTickSize, _TextFieldSlidertokens.tokens.scaleTickSize, ({ filled })=>filled ? `var(${_TextFieldSlidertokens.tokens.scaleTickDotFilledColor})` : `var(${_TextFieldSlidertokens.tokens.scaleTickDotColor})`);
 const ScaleTickLabel = _styledcomponents.default.span.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTickLabel",
-    componentId: "sc-d608f82a-3"
+    componentId: "sc-54c53de4-3"
 })([
     `position:absolute;top:0;left:0;transform:translateX(-50%);white-space:nowrap;color:var(`,
     `);font-family:var(`,
@@ -130,7 +130,7 @@ const ScaleTickLabel = _styledcomponents.default.span.withConfig({
 ], _TextFieldSlidertokens.tokens.scaleValueColor, _TextFieldSlidertokens.tokens.scaleValueFontFamily, _TextFieldSlidertokens.tokens.scaleValueFontSize, _TextFieldSlidertokens.tokens.scaleValueFontStyle, _TextFieldSlidertokens.tokens.scaleValueFontWeight, _TextFieldSlidertokens.tokens.scaleValueLetterSpacing, _TextFieldSlidertokens.tokens.scaleValueLineHeight);
 const SliderContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextFieldSlider.styles__SliderContainer",
-    componentId: "sc-d608f82a-4"
+    componentId: "sc-54c53de4-4"
 })([
     `position:absolute;bottom:0;left:var(`,
     `,0);right:var(`,
@@ -138,13 +138,13 @@ const SliderContainer = _styledcomponents.default.div.withConfig({
 ], _TextFieldSlidertokens.tokens.sliderContainerOffset, _TextFieldSlidertokens.tokens.sliderContainerOffset);
 const SliderWithHelpersWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextFieldSlider.styles__SliderWithHelpersWrapper",
-    componentId: "sc-d608f82a-5"
+    componentId: "sc-54c53de4-5"
 })([
     `position:relative;`
 ]);
 const ScaleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextFieldSlider.styles__ScaleWrapper",
-    componentId: "sc-d608f82a-6"
+    componentId: "sc-54c53de4-6"
 })([
     `display:flex;justify-content:space-between;margin-top:var(`,
     `);padding-top:var(`,
@@ -152,7 +152,7 @@ const ScaleWrapper = _styledcomponents.default.div.withConfig({
 ], _TextFieldSlidertokens.tokens.scaleWrapperOffset, _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop);
 const ScaleValue = _styledcomponents.default.span.withConfig({
     displayName: "TextFieldSlider.styles__ScaleValue",
-    componentId: "sc-d608f82a-7"
+    componentId: "sc-54c53de4-7"
 })([
     `color:var(`,
     `);font-size:var(`,

package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js

@@ -140,10 +140,14 @@ const tokens = {
     sliderTrackBackground: '--plasma-textfield-slider__slider-track-background',
     sliderTrackBorderRadius: '--plasma-textfield-slider__slider-track-border-radius',
     sliderProgressBackground: '--plasma-textfield-slider__slider-progress-background',
-    sliderThumbSize: '--plasma-textfield-slider__slider-thumb-size',
+    sliderThumbWidth: '--plasma-textfield-slider__slider-thumb-width',
+    sliderThumbHeight: '--plasma-textfield-slider__slider-thumb-height',
     sliderThumbBackground: '--plasma-textfield-slider__slider-thumb-background',
-    sliderThumbBorderBoxShadow: '--plasma-textfield-slider__slider-thumb-border-box-shadow',
-    sliderThumbBorderBoxShadowFocus: '--plasma-textfield-slider__slider-thumb-border-box-shadow-focus',
+    sliderThumbInnerContent: '--plasma-textfield-slider__slider-thumb-inner-content',
+    sliderThumbBorderWidth: '--plasma-textfield-slider__slider-thumb-border-width',
+    sliderThumbBorderRadius: '--plasma-textfield-slider__slider-thumb-border-radius',
+    sliderThumbBorderColor: '--plasma-textfield-slider__slider-thumb-border-color',
+    sliderThumbFocusBorderColor: '--plasma-textfield-slider__slider-thumb-focus-border-color',
     /* токены для scale */ scaleWrapperOffset: '--plasma-textfield-slider__scale-wrapper-offset',
     scaleWrapperPaddingTop: '--plasma-textfield-slider__scale-wrapper-padding-top',
     scaleValueColor: '--plasma-textfield-slider__scale-value-color',

package/dist/styled-components/cjs/components/TextFieldSlider/ui/Input/Input.styles.js

@@ -21,7 +21,7 @@ const mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConf
 const TextField = (0, _engines.component)(mergedTextFieldConfig);
 const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Input.styles__StyledInput",
-    componentId: "sc-7a08c6b7-0"
+    componentId: "sc-d91e455e-0"
 })([
     ``,
     `:var(`,
@@ -161,6 +161,8 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -187,48 +189,48 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `);`,
     `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`,
-    ` var(`,
+    `:var(`,
     `);`
-], _TextField.textFieldTokens.color, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TextFieldSlidertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextFieldSlidertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TextFieldSlidertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TextFieldSlidertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TextFieldSlidertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextFieldSlidertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextFieldSlidertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _TextFieldSlidertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TextFieldSlidertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _TextFieldSlidertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _TextFieldSlidertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _TextFieldSlidertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _TextFieldSlidertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextFieldSlidertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _TextFieldSlidertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _TextFieldSlidertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextFieldSlidertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TextFieldSlidertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _TextFieldSlidertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TextFieldSlidertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextFieldSlidertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.optionalColor, _TextFieldSlidertokens.tokens.optionalColor, _TextField.textFieldTokens.labelOffset, _TextFieldSlidertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextFieldSlidertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TextFieldSlidertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TextFieldSlidertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TextFieldSlidertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextFieldSlidertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextFieldSlidertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextFieldSlidertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextFieldSlidertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextFieldSlidertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextFieldSlidertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextFieldSlidertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextFieldSlidertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TextFieldSlidertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionColor, _TextFieldSlidertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextFieldSlidertokens.tokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextFieldSlidertokens.tokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextFieldSlidertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _TextFieldSlidertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _TextFieldSlidertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _TextFieldSlidertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextFieldSlidertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextFieldSlidertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _TextFieldSlidertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TextFieldSlidertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TextFieldSlidertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextFieldSlidertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextFieldSlidertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextFieldSlidertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextFieldSlidertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TextFieldSlidertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextFieldSlidertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TextFieldSlidertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TextFieldSlidertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TextFieldSlidertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TextFieldSlidertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TextFieldSlidertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TextFieldSlidertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TextFieldSlidertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _TextFieldSlidertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TextFieldSlidertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _TextFieldSlidertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextFieldSlidertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TextFieldSlidertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextFieldSlidertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TextFieldSlidertokens.tokens.textFieldContentSlotColor, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _TextFieldSlidertokens.tokens.textFieldContentSlotColorHover, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TextFieldSlidertokens.tokens.textFieldContentSlotColorActive, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TextFieldSlidertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TextFieldSlidertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TextFieldSlidertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.hintMargin, _TextFieldSlidertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextFieldSlidertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TextFieldSlidertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TextFieldSlidertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextFieldSlidertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TextFieldSlidertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TextFieldSlidertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TextFieldSlidertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TextFieldSlidertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TextFieldSlidertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TextFieldSlidertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TextFieldSlidertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TextFieldSlidertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TextFieldSlidertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TextFieldSlidertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TextFieldSlidertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TextFieldSlidertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TextFieldSlidertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TextFieldSlidertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TextFieldSlidertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TextFieldSlidertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TextFieldSlidertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TextFieldSlidertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TextFieldSlidertokens.tokens.hintTooltipArrowEdgeMargin);
+], _TextField.textFieldTokens.color, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TextFieldSlidertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextFieldSlidertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TextFieldSlidertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TextFieldSlidertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TextFieldSlidertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextFieldSlidertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextFieldSlidertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _TextFieldSlidertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TextFieldSlidertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _TextFieldSlidertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _TextFieldSlidertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _TextFieldSlidertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _TextFieldSlidertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextFieldSlidertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _TextFieldSlidertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _TextFieldSlidertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextFieldSlidertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TextFieldSlidertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _TextFieldSlidertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TextFieldSlidertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextFieldSlidertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.optionalColor, _TextFieldSlidertokens.tokens.optionalColor, _TextField.textFieldTokens.labelOffset, _TextFieldSlidertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextFieldSlidertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TextFieldSlidertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TextFieldSlidertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TextFieldSlidertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextFieldSlidertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextFieldSlidertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextFieldSlidertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextFieldSlidertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextFieldSlidertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextFieldSlidertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextFieldSlidertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextFieldSlidertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColor, _TextFieldSlidertokens.tokens.labelColor, _TextField.textFieldTokens.labelColorReadOnly, _TextFieldSlidertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionColor, _TextFieldSlidertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextFieldSlidertokens.tokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextFieldSlidertokens.tokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextFieldSlidertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _TextFieldSlidertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _TextFieldSlidertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _TextFieldSlidertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextFieldSlidertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextFieldSlidertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _TextFieldSlidertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TextFieldSlidertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TextFieldSlidertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextFieldSlidertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextFieldSlidertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextFieldSlidertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextFieldSlidertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TextFieldSlidertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextFieldSlidertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TextFieldSlidertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TextFieldSlidertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TextFieldSlidertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TextFieldSlidertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TextFieldSlidertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TextFieldSlidertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TextFieldSlidertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _TextFieldSlidertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TextFieldSlidertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _TextFieldSlidertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextFieldSlidertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TextFieldSlidertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextFieldSlidertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TextFieldSlidertokens.tokens.textFieldContentSlotColor, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _TextFieldSlidertokens.tokens.textFieldContentSlotColorHover, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TextFieldSlidertokens.tokens.textFieldContentSlotColorActive, _TextFieldSlidertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TextFieldSlidertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TextFieldSlidertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TextFieldSlidertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.hintMargin, _TextFieldSlidertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextFieldSlidertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TextFieldSlidertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TextFieldSlidertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextFieldSlidertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TextFieldSlidertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TextFieldSlidertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TextFieldSlidertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TextFieldSlidertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TextFieldSlidertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TextFieldSlidertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TextFieldSlidertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TextFieldSlidertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TextFieldSlidertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TextFieldSlidertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TextFieldSlidertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TextFieldSlidertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TextFieldSlidertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TextFieldSlidertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TextFieldSlidertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TextFieldSlidertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TextFieldSlidertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TextFieldSlidertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TextFieldSlidertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TextFieldSlidertokens.tokens.hintTooltipArrowEdgeMargin);

package/dist/styled-components/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js

@@ -23,55 +23,66 @@ _export(exports, {
     }
 });
 const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _mixins = require("../../../../mixins");
 const _TextFieldSlidertokens = require("../../TextFieldSlider.tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+const thumbTokens = {
+    width: _TextFieldSlidertokens.tokens.sliderThumbWidth,
+    height: _TextFieldSlidertokens.tokens.sliderThumbHeight,
+    borderRadius: _TextFieldSlidertokens.tokens.sliderThumbBorderRadius,
+    borderWidth: _TextFieldSlidertokens.tokens.sliderThumbBorderWidth,
+    borderColor: _TextFieldSlidertokens.tokens.sliderThumbBorderColor,
+    focusBorderColor: _TextFieldSlidertokens.tokens.sliderThumbFocusBorderColor,
+    background: _TextFieldSlidertokens.tokens.sliderThumbBackground,
+    innerContent: _TextFieldSlidertokens.tokens.sliderThumbInnerContent
+};
 const SliderWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Slider.styles__SliderWrapper",
-    componentId: "sc-a8edb0b0-0"
+    componentId: "sc-eee85e70-0"
 })([
     `position:relative;display:grid;`
 ]);
+/**
+ * Бегунок. Рамка рисуется слоем фона по border-box (см. applySliderThumb), поэтому её толщина
+ * может быть асимметричной, форма — эллиптической, а внутрь можно положить innerContent.
+ */ const thumb = (0, _mixins.applySliderThumb)(thumbTokens);
+const thumbHovered = (0, _mixins.applySliderThumbFocus)(thumbTokens);
 const StyledSlider = _styledcomponents.default.input.withConfig({
     displayName: "Slider.styles__StyledSlider",
-    componentId: "sc-a8edb0b0-1"
+    componentId: "sc-eee85e70-1"
 })([
-    `appearance:none;outline:none;background:none;border:none;height:var(`,
+    `appearance:none;outline:none;background:transparent;border:none;height:var(`,
     `);width:100%;z-index:2;margin:0;cursor:pointer;opacity:`,
-    `;transition:box-shadow 0.2s ease-in;::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:50%;cursor:grab;width:var(`,
-    `);height:var(`,
-    `);background:var(`,
-    `);color:var(`,
-    `);box-shadow:var(`,
-    `);}::-moz-range-thumb{border:none;border-radius:50%;cursor:grab;width:var(`,
-    `);height:var(`,
-    `);background:var(`,
-    `);color:var(`,
-    `);box-shadow:var(`,
-    `);}::-webkit-slider-thumb:hover,::-webkit-slider-thumb:active,&:focus-visible::-webkit-slider-thumb{border-radius:50%;box-shadow:var(`,
-    `);}::-webkit-slider-thumb:active{cursor:grabbing;}::-moz-range-thumb:hover,::-moz-range-thumb:active,&:focus-visible::-moz-range-thumb{border-radius:50%;box-shadow:var(`,
-    `);}::-moz-range-thumb:active{cursor:grabbing;}`
-], _TextFieldSlidertokens.tokens.sliderTrackHeight, ({ hasPointer })=>hasPointer ? '1' : '0', _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderThumbBackground, _TextFieldSlidertokens.tokens.sliderThumbBackground, _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadow, _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderThumbBackground, _TextFieldSlidertokens.tokens.sliderThumbBackground, _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadow, _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadowFocus, _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadowFocus);
+    `;&:disabled{cursor:not-allowed;}&::-webkit-slider-runnable-track{background:transparent;}&::-webkit-slider-thumb{-webkit-appearance:none;outline:none;`,
+    `}&:not(:disabled)::-webkit-slider-thumb:hover,&:not(:disabled)::-webkit-slider-thumb:active,&:focus-visible::-webkit-slider-thumb{`,
+    `}&::-webkit-slider-thumb:active{cursor:grabbing;}&::-moz-range-track{background:transparent;height:var(`,
+    `);}&::-moz-range-progress{background:transparent;}&::-moz-range-thumb{`,
+    `}&:not(:disabled)::-moz-range-thumb:hover,&:not(:disabled)::-moz-range-thumb:active,&:focus-visible::-moz-range-thumb{`,
+    `}&::-moz-range-thumb:active{cursor:grabbing;}&:disabled{&::-webkit-slider-thumb,&::-webkit-slider-thumb:active,&::-moz-range-thumb,&::-moz-range-thumb:active{cursor:not-allowed;}}`
+], _TextFieldSlidertokens.tokens.sliderTrackHeight, ({ hasPointer })=>hasPointer ? '1' : '0', thumb, thumbHovered, _TextFieldSlidertokens.tokens.sliderTrackHeight, thumb, thumbHovered);
 const StyledTrack = _styledcomponents.default.div.withConfig({
     displayName: "Slider.styles__StyledTrack",
-    componentId: "sc-a8edb0b0-2"
+    componentId: "sc-eee85e70-2"
 })([
     `position:absolute;top:50%;left:calc(var(`,
     `) / 2);right:calc(var(`,
     `) / 2);transform:translateY(-50%);height:var(`,
-    `);border-radius:0.5rem;background-color:var(`,
+    `);border-radius:var(`,
+    `,0.5rem);background-color:var(`,
     `);`
-], _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderThumbSize, _TextFieldSlidertokens.tokens.sliderTrackHeight, _TextFieldSlidertokens.tokens.sliderTrackBackground);
+], _TextFieldSlidertokens.tokens.sliderThumbWidth, _TextFieldSlidertokens.tokens.sliderThumbWidth, _TextFieldSlidertokens.tokens.sliderTrackHeight, _TextFieldSlidertokens.tokens.sliderTrackBorderRadius, _TextFieldSlidertokens.tokens.sliderTrackBackground);
 const StyledProgress = _styledcomponents.default.div.withConfig({
     displayName: "Slider.styles__StyledProgress",
-    componentId: "sc-a8edb0b0-3"
+    componentId: "sc-eee85e70-3"
 })([
     `position:absolute;top:50%;left:calc(var(`,
     `) / 2);transform:translateY(-50%);width:`,
     `;height:var(`,
-    `);border-radius:0.5rem;background:var(`,
+    `);border-radius:var(`,
+    `,0.5rem);background:var(`,
     `);`
-], _TextFieldSlidertokens.tokens.sliderThumbSize, ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * 100% - var(${_TextFieldSlidertokens.tokens.sliderThumbSize}) / 2)`, _TextFieldSlidertokens.tokens.sliderTrackHeight, _TextFieldSlidertokens.tokens.sliderProgressBackground);
+], _TextFieldSlidertokens.tokens.sliderThumbWidth, ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * (100% - var(${_TextFieldSlidertokens.tokens.sliderThumbWidth})))`, _TextFieldSlidertokens.tokens.sliderTrackHeight, _TextFieldSlidertokens.tokens.sliderTrackBorderRadius, _TextFieldSlidertokens.tokens.sliderProgressBackground);

package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js

@@ -83,25 +83,25 @@ const mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePicke
 const TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
 const FloatingWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingWrapper",
-    componentId: "sc-2c06e6b4-0"
+    componentId: "sc-9cf0d59f-0"
 })([
     `position:relative;width:100%;`
 ]);
 const FloatingTarget = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingTarget",
-    componentId: "sc-2c06e6b4-1"
+    componentId: "sc-9cf0d59f-1"
 })([
     ``
 ]);
 const FloatingContent = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingContent",
-    componentId: "sc-2c06e6b4-2"
+    componentId: "sc-9cf0d59f-2"
 })([
     ``
 ]);
 const StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-2c06e6b4-3"
+    componentId: "sc-9cf0d59f-3"
 })([
     ``,
     `:var(`,
@@ -147,7 +147,7 @@ const StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).with
 ], _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFocusColor, _TimePickertokens.tokens.itemFocusColor, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.timePickerShadow, ({ innerWidth })=>innerWidth || `var(${_TimePickertokens.tokens.timePickerWidth})`, ({ innerHeight })=>innerHeight || `var(${_TimePickertokens.tokens.columnHeight})`);
 const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-2c06e6b4-4"
+    componentId: "sc-9cf0d59f-4"
 })([
     `width:100%;`,
     `:var(`,
@@ -341,6 +341,8 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -403,10 +405,10 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `);`,
     `:var(`,
     `);}`
-], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.boxShadow, _TimePickertokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _TimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _TimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _TimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.readOnlyOpacity, _TimePickertokens.tokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelColor, _TimePickertokens.tokens.labelColor, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.hintMargin, _TimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TimePickertokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _TimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TimePickertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _TimePickertokens.tokens.textFieldContentSlotColorHover, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TimePickertokens.tokens.textFieldContentSlotColorActive, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorError, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorSuccess, _TimePickertokens.classes.timePickerEdited, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorEdited);
+], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.boxShadow, _TimePickertokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.boxShadowSecondary, _TimePickertokens.tokens.textFieldBoxShadowSecondary, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _TimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _TimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _TimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.readOnlyOpacity, _TimePickertokens.tokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelColor, _TimePickertokens.tokens.labelColor, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.hintMargin, _TimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TimePickertokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _TimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TimePickertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _TimePickertokens.tokens.textFieldContentSlotColorHover, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TimePickertokens.tokens.textFieldContentSlotColorActive, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorError, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorSuccess, _TimePickertokens.classes.timePickerEdited, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorEdited);
 const LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__LeftHelper",
-    componentId: "sc-2c06e6b4-5"
+    componentId: "sc-9cf0d59f-5"
 })([
     `color:var(`,
     `);&.`,

package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js

@@ -103,6 +103,7 @@ const tokens = {
     textFieldBorderColorEditedHover: '--sdds-core-time-picker-textfield-border-color-edited-hover',
     textFieldBorderColorEditedFocus: '--sdds-core-time-picker-textfield-border-color-edited-focus',
     textFieldBoxShadow: '--sdds-core-time-picker-textfield-box-shadow',
+    textFieldBoxShadowSecondary: '--sdds-core-time-picker-textfield-box-shadow-secondary',
     textFieldDividerColor: '--sdds-core-time-picker-textfield-divider-color',
     textFieldDividerColorHover: '--sdds-core-time-picker-textfield-divider-color-hover',
     textFieldDividerColorFocus: '--sdds-core-time-picker-textfield-divider-color-focus',

package/dist/styled-components/cjs/components/Tooltip/Tooltip.js

@@ -79,7 +79,7 @@ const getStringValue = (value)=>{
 const Popover = (0, _engines.component)(_Popover.popoverConfig);
 const StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "Tooltip__StyledPopover",
-    componentId: "sc-1fef1a42-0"
+    componentId: "sc-52780ca0-0"
 })([
     ``,
     `:var(`,
@@ -101,7 +101,8 @@ const tooltipRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, text, op
     ], minWidth, maxWidth, placement = 'bottom', usePortal = true, target, children, onDismiss, view, size, contentLeft, zIndex = '9200', className, style, hoverTimeout, mouseEnterDelay = 0, mouseLeaveDelay, trigger, ...rest }, outerRef)=>{
         const [ref, setRef] = (0, _react.useState)(null);
         mouseLeaveDelay = mouseLeaveDelay ?? hoverTimeout ?? 300;
-        const { opened: openedState, showTooltip, hideTooltip, setOpened } = (0, _hooks.useDelayedTooltip)(mouseEnterDelay, mouseLeaveDelay);
+        const { opened: openedState, showTooltip, hideTooltip, resetTooltip, setOpened } = (0, _hooks.useDelayedTooltip)(mouseEnterDelay, mouseLeaveDelay);
+        const ignoreNextFocusRef = (0, _react.useRef)(false);
         const isTooltipOpened = Boolean(text) && (isVisible || isOpen || opened || openedState);
         (0, _react.useEffect)(()=>{
             const onKeyDown = (event)=>{
@@ -114,7 +115,43 @@ const tooltipRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, text, op
                 window.removeEventListener('keydown', onKeyDown);
             };
         }, []);
-        const onToggle = (isOpen)=>{
+        (0, _react.useEffect)(()=>{
+            if (trigger !== 'hover') {
+                ignoreNextFocusRef.current = false;
+                return undefined;
+            }
+            const onVisibilityChange = ()=>{
+                if (_utils.canUseDOM && document.visibilityState === 'hidden') {
+                    ignoreNextFocusRef.current = true;
+                    resetTooltip();
+                }
+            };
+            const onUserInteraction = ()=>{
+                ignoreNextFocusRef.current = false;
+            };
+            document.addEventListener('visibilitychange', onVisibilityChange);
+            document.addEventListener('pointerdown', onUserInteraction, true);
+            document.addEventListener('keydown', onUserInteraction, true);
+            return ()=>{
+                document.removeEventListener('visibilitychange', onVisibilityChange);
+                document.removeEventListener('pointerdown', onUserInteraction, true);
+                document.removeEventListener('keydown', onUserInteraction, true);
+            };
+        }, [
+            resetTooltip,
+            trigger
+        ]);
+        const onToggle = (isOpen, event)=>{
+            if (_utils.canUseDOM && isOpen && document.visibilityState === 'hidden') {
+                return;
+            }
+            if (isOpen && event.type === 'focus' && ignoreNextFocusRef.current) {
+                // Возврат на вкладку восстанавливает фокус последнего активного target,
+                // но не является новым пользовательским действием для открытия Tooltip.
+                ignoreNextFocusRef.current = false;
+                return;
+            }
+            ignoreNextFocusRef.current = false;
             if (trigger === 'hover') {
                 if (isOpen) {
                     showTooltip();

package/dist/styled-components/cjs/components/Tooltip/hooks/useDelayedTooltip.js

@@ -13,7 +13,7 @@ const useDelayedTooltip = (openDelay, closeDelay)=>{
     const [opened, setOpened] = (0, _react.useState)(false);
     const openTimeoutRef = (0, _react.useRef)(null);
     const closeTimeoutRef = (0, _react.useRef)(null);
-    const clearTimeouts = ()=>{
+    const clearTimeouts = (0, _react.useCallback)(()=>{
         if (openTimeoutRef.current) {
             clearTimeout(openTimeoutRef.current);
             openTimeoutRef.current = null;
@@ -22,26 +22,41 @@ const useDelayedTooltip = (openDelay, closeDelay)=>{
             clearTimeout(closeTimeoutRef.current);
             closeTimeoutRef.current = null;
         }
-    };
-    const showTooltip = ()=>{
+    }, []);
+    const showTooltip = (0, _react.useCallback)(()=>{
         clearTimeouts();
         openTimeoutRef.current = setTimeout(()=>{
             setOpened(true);
         }, openDelay);
-    };
-    const hideTooltip = ()=>{
+    }, [
+        clearTimeouts,
+        openDelay
+    ]);
+    const hideTooltip = (0, _react.useCallback)(()=>{
         clearTimeouts();
         closeTimeoutRef.current = setTimeout(()=>{
             setOpened(false);
         }, closeDelay);
-    };
+    }, [
+        clearTimeouts,
+        closeDelay
+    ]);
+    const resetTooltip = (0, _react.useCallback)(()=>{
+        clearTimeouts();
+        setOpened(false);
+    }, [
+        clearTimeouts
+    ]);
     (0, _react.useEffect)(()=>{
         return clearTimeouts;
-    }, []);
+    }, [
+        clearTimeouts
+    ]);
     return {
         opened,
         setOpened,
         showTooltip,
-        hideTooltip
+        hideTooltip,
+        resetTooltip
     };
 };