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

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

@@ -5,7 +5,7 @@ import { StyledInput } from "./ui/Input/Input.styles";
 import { classes, tokens } from "./TextFieldSlider.tokens";
 export const ScaleTicksWrapper = styled.div.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTicksWrapper",
-    componentId: "sc-d608f82a-0"
+    componentId: "sc-54c53de4-0"
 })([
     `position:relative;overflow:visible;height:var(`,
     `);margin-top:calc(var(`,
@@ -15,16 +15,16 @@ export const ScaleTicksWrapper = styled.div.withConfig({
     `) / 2);margin-right:calc(var(`,
     `) + var(`,
     `) / 2);`
-], tokens.scaleValueLineHeight, tokens.scaleWrapperOffset, tokens.scaleWrapperPaddingTop, tokens.sliderContainerOffset, tokens.sliderThumbSize, tokens.sliderContainerOffset, tokens.sliderThumbSize);
+], tokens.scaleValueLineHeight, tokens.scaleWrapperOffset, tokens.scaleWrapperPaddingTop, tokens.sliderContainerOffset, tokens.sliderThumbWidth, tokens.sliderContainerOffset, tokens.sliderThumbWidth);
 export const ScaleTick = styled.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;`
 ]);
 export const ScaleTickDot = styled.span.withConfig({
     displayName: "TextFieldSlider.styles__ScaleTickDot",
-    componentId: "sc-d608f82a-2"
+    componentId: "sc-54c53de4-2"
 })([
     `position:absolute;left:0;top:calc( -1 * (var(`,
     `) + var(`,
@@ -37,7 +37,7 @@ export const ScaleTickDot = styled.span.withConfig({
 ], tokens.scaleWrapperOffset, tokens.scaleWrapperPaddingTop, tokens.sliderTrackHeight, tokens.scaleTickSize, tokens.scaleTickSize, tokens.scaleTickSize, ({ filled })=>filled ? `var(${tokens.scaleTickDotFilledColor})` : `var(${tokens.scaleTickDotColor})`);
 export const ScaleTickLabel = styled.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(`,
@@ -50,7 +50,7 @@ export const ScaleTickLabel = styled.span.withConfig({
 ], tokens.scaleValueColor, tokens.scaleValueFontFamily, tokens.scaleValueFontSize, tokens.scaleValueFontStyle, tokens.scaleValueFontWeight, tokens.scaleValueLetterSpacing, tokens.scaleValueLineHeight);
 export const SliderContainer = styled.div.withConfig({
     displayName: "TextFieldSlider.styles__SliderContainer",
-    componentId: "sc-d608f82a-4"
+    componentId: "sc-54c53de4-4"
 })([
     `position:absolute;bottom:0;left:var(`,
     `,0);right:var(`,
@@ -58,13 +58,13 @@ export const SliderContainer = styled.div.withConfig({
 ], tokens.sliderContainerOffset, tokens.sliderContainerOffset);
 export const SliderWithHelpersWrapper = styled.div.withConfig({
     displayName: "TextFieldSlider.styles__SliderWithHelpersWrapper",
-    componentId: "sc-d608f82a-5"
+    componentId: "sc-54c53de4-5"
 })([
     `position:relative;`
 ]);
 export const ScaleWrapper = styled.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(`,
@@ -72,7 +72,7 @@ export const ScaleWrapper = styled.div.withConfig({
 ], tokens.scaleWrapperOffset, tokens.scaleWrapperPaddingTop);
 export const ScaleValue = styled.span.withConfig({
     displayName: "TextFieldSlider.styles__ScaleValue",
-    componentId: "sc-d608f82a-7"
+    componentId: "sc-54c53de4-7"
 })([
     `color:var(`,
     `);font-size:var(`,

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

@@ -122,10 +122,14 @@ export 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/es/components/TextFieldSlider/ui/Input/Input.styles.js

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

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

@@ -1,48 +1,59 @@
 import styled from "styled-components";
+import { applySliderThumb, applySliderThumbFocus } from "../../../../mixins";
 import { tokens } from "../../TextFieldSlider.tokens";
+const thumbTokens = {
+    width: tokens.sliderThumbWidth,
+    height: tokens.sliderThumbHeight,
+    borderRadius: tokens.sliderThumbBorderRadius,
+    borderWidth: tokens.sliderThumbBorderWidth,
+    borderColor: tokens.sliderThumbBorderColor,
+    focusBorderColor: tokens.sliderThumbFocusBorderColor,
+    background: tokens.sliderThumbBackground,
+    innerContent: tokens.sliderThumbInnerContent
+};
 export const SliderWrapper = styled.div.withConfig({
     displayName: "Slider.styles__SliderWrapper",
-    componentId: "sc-a8edb0b0-0"
+    componentId: "sc-eee85e70-0"
 })([
     `position:relative;display:grid;`
 ]);
+/**
+ * Бегунок. Рамка рисуется слоем фона по border-box (см. applySliderThumb), поэтому её толщина
+ * может быть асимметричной, форма — эллиптической, а внутрь можно положить innerContent.
+ */ const thumb = applySliderThumb(thumbTokens);
+const thumbHovered = applySliderThumbFocus(thumbTokens);
 export const StyledSlider = styled.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;}`
-], tokens.sliderTrackHeight, ({ hasPointer })=>hasPointer ? '1' : '0', tokens.sliderThumbSize, tokens.sliderThumbSize, tokens.sliderThumbBackground, tokens.sliderThumbBackground, tokens.sliderThumbBorderBoxShadow, tokens.sliderThumbSize, tokens.sliderThumbSize, tokens.sliderThumbBackground, tokens.sliderThumbBackground, tokens.sliderThumbBorderBoxShadow, tokens.sliderThumbBorderBoxShadowFocus, 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;}}`
+], tokens.sliderTrackHeight, ({ hasPointer })=>hasPointer ? '1' : '0', thumb, thumbHovered, tokens.sliderTrackHeight, thumb, thumbHovered);
 export const StyledTrack = styled.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(`,
     `);`
-], tokens.sliderThumbSize, tokens.sliderThumbSize, tokens.sliderTrackHeight, tokens.sliderTrackBackground);
+], tokens.sliderThumbWidth, tokens.sliderThumbWidth, tokens.sliderTrackHeight, tokens.sliderTrackBorderRadius, tokens.sliderTrackBackground);
 export const StyledProgress = styled.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(`,
     `);`
-], tokens.sliderThumbSize, ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * 100% - var(${tokens.sliderThumbSize}) / 2)`, tokens.sliderTrackHeight, tokens.sliderProgressBackground);
+], tokens.sliderThumbWidth, ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * (100% - var(${tokens.sliderThumbWidth})))`, tokens.sliderTrackHeight, tokens.sliderTrackBorderRadius, tokens.sliderProgressBackground);

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

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

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

@@ -85,6 +85,7 @@ export 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/es/components/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
-import React, { useEffect, forwardRef, useState } from "react";
+import React, { useEffect, forwardRef, useRef, useState } from "react";
 import styled from "styled-components";
 import { component } from "../../engines";
-import { cx } from "../../utils";
+import { canUseDOM, cx } from "../../utils";
 import { popoverConfig, popoverTokens } from "../Popover";
 import { useDelayedTooltip } from "./hooks";
 import { StyledContentLeft, TooltipRoot } from "./Tooltip.styles";
@@ -15,7 +15,7 @@ const getStringValue = (value)=>{
 const Popover = component(popoverConfig);
 const StyledPopover = styled(Popover).withConfig({
     displayName: "Tooltip__StyledPopover",
-    componentId: "sc-1fef1a42-0"
+    componentId: "sc-52780ca0-0"
 })([
     ``,
     `:var(`,
@@ -39,7 +39,8 @@ const StyledPopover = styled(Popover).withConfig({
     ], 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] = useState(null);
         mouseLeaveDelay = mouseLeaveDelay ?? hoverTimeout ?? 300;
-        const { opened: openedState, showTooltip, hideTooltip, setOpened } = useDelayedTooltip(mouseEnterDelay, mouseLeaveDelay);
+        const { opened: openedState, showTooltip, hideTooltip, resetTooltip, setOpened } = useDelayedTooltip(mouseEnterDelay, mouseLeaveDelay);
+        const ignoreNextFocusRef = useRef(false);
         const isTooltipOpened = Boolean(text) && (isVisible || isOpen || opened || openedState);
         useEffect(()=>{
             const onKeyDown = (event)=>{
@@ -52,7 +53,43 @@ const StyledPopover = styled(Popover).withConfig({
                 window.removeEventListener('keydown', onKeyDown);
             };
         }, []);
-        const onToggle = (isOpen)=>{
+        useEffect(()=>{
+            if (trigger !== 'hover') {
+                ignoreNextFocusRef.current = false;
+                return undefined;
+            }
+            const onVisibilityChange = ()=>{
+                if (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 (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/es/components/Tooltip/hooks/useDelayedTooltip.js

@@ -1,9 +1,9 @@
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef, useEffect, useCallback } from "react";
 export const useDelayedTooltip = (openDelay, closeDelay)=>{
     const [opened, setOpened] = useState(false);
     const openTimeoutRef = useRef(null);
     const closeTimeoutRef = useRef(null);
-    const clearTimeouts = ()=>{
+    const clearTimeouts = useCallback(()=>{
         if (openTimeoutRef.current) {
             clearTimeout(openTimeoutRef.current);
             openTimeoutRef.current = null;
@@ -12,26 +12,41 @@ export const useDelayedTooltip = (openDelay, closeDelay)=>{
             clearTimeout(closeTimeoutRef.current);
             closeTimeoutRef.current = null;
         }
-    };
-    const showTooltip = ()=>{
+    }, []);
+    const showTooltip = useCallback(()=>{
         clearTimeouts();
         openTimeoutRef.current = setTimeout(()=>{
             setOpened(true);
         }, openDelay);
-    };
-    const hideTooltip = ()=>{
+    }, [
+        clearTimeouts,
+        openDelay
+    ]);
+    const hideTooltip = useCallback(()=>{
         clearTimeouts();
         closeTimeoutRef.current = setTimeout(()=>{
             setOpened(false);
         }, closeDelay);
-    };
+    }, [
+        clearTimeouts,
+        closeDelay
+    ]);
+    const resetTooltip = useCallback(()=>{
+        clearTimeouts();
+        setOpened(false);
+    }, [
+        clearTimeouts
+    ]);
     useEffect(()=>{
         return clearTimeouts;
-    }, []);
+    }, [
+        clearTimeouts
+    ]);
     return {
         opened,
         setOpened,
         showTooltip,
-        hideTooltip
+        hideTooltip,
+        resetTooltip
     };
 };

package/dist/styled-components/es/components/Tour/components/Card/Card.js

@@ -1,18 +1,50 @@
-import React, { forwardRef } from "react";
-import { IconClose } from "../../../_Icon";
+import React, { forwardRef, useCallback, useRef } from "react";
 import cls from "classnames";
+import { IconClose } from "../../../_Icon";
+import { usePaginationDots } from "../../../PaginationDots/usePaginationDots";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
-import { CardText, CloseButton, Description, Dot, DotsContainer, Title, TourCard, Img, Controls, ActionButtonsContainer, SkipButtonContainer, CardBody } from "./Card.styles";
-import { classes } from "./Card.tokens";
-export const tourCardRoot = (Root)=>/*#__PURE__*/ forwardRef(({ view, size, image, title, description, orientation = 'horizontal', showPagination = true, stepCurrent = 0, stepLength = 0, actionButtons, skipButton, showClose = true, goToStep, onClose, style, className, ...rest }, outerRef)=>{
+import { CardText, CloseButton, Description, Dot, DotsContainer, Title, TourCard, Img, Controls, ActionButtonsContainer, SkipButtonContainer, CardBody, NumberContainer } from "./Card.styles";
+import { classes, tokens } from "./Card.tokens";
+export const tourCardRoot = (Root)=>/*#__PURE__*/ forwardRef(({ view, size, image, title, description, orientation = 'horizontal', contentDirection = 'row-reverse', showPagination = true, paginationVisibleItems = 3, paginationType = 'dot', stepCurrent = 0, stepLength = 0, actionButtons, skipButton, showClose = true, goToStep, onClose, style, className, ...rest }, outerRef)=>{
         // Если показан только текст, то к нему добавляется отступ снизу для компенсации.
         const onlyText = !showPagination && !actionButtons && !skipButton;
+        const paginationItems = useRef(Array(stepLength).fill(0).map((_, ind)=>({
+                id: ind + 1
+            })));
+        const { sliced, activeId } = usePaginationDots({
+            items: paginationItems.current,
+            index: stepCurrent,
+            visibleItems: Math.min(paginationVisibleItems, stepLength)
+        });
         const dotOnClick = (index)=>{
             if (goToStep) {
                 goToStep(index);
             }
         };
+        const getPaginationContent = useCallback(()=>{
+            const paginationContent = {
+                dot: /*#__PURE__*/ React.createElement(DotsContainer, {
+                    orientation: orientation,
+                    className: classes.pagination
+                }, sliced.map(({ id }, index)=>/*#__PURE__*/ React.createElement(Dot, {
+                        key: index,
+                        isActive: activeId === id,
+                        onClick: ()=>dotOnClick(index)
+                    }))),
+                compact: /*#__PURE__*/ React.createElement(NumberContainer, null, activeId, "/", stepLength)
+            };
+            if (orientation !== 'horizontal') {
+                return paginationContent.dot;
+            }
+            return paginationContent[paginationType];
+        }, [
+            sliced,
+            activeId,
+            stepLength,
+            orientation,
+            paginationType
+        ]);
         return /*#__PURE__*/ React.createElement(Root, {
             ref: outerRef,
             view: view,
@@ -21,11 +53,12 @@ export const tourCardRoot = (Root)=>/*#__PURE__*/ forwardRef(({ view, size, imag
         }, /*#__PURE__*/ React.createElement(TourCard, {
             className: cls(className, classes.card),
             style: style,
-            orientation: orientation
+            orientation: orientation,
+            contentDirection: contentDirection
         }, showClose && /*#__PURE__*/ React.createElement(CloseButton, {
             onClick: onClose
         }, /*#__PURE__*/ React.createElement(IconClose, {
-            size: "xs",
+            sizeCustomValue: `var(${tokens.closeButtonIconSize}, 1rem)`,
             color: "inherit"
         })), image && /*#__PURE__*/ React.createElement(Img, {
             ...image,
@@ -39,15 +72,9 @@ export const tourCardRoot = (Root)=>/*#__PURE__*/ forwardRef(({ view, size, imag
         }, title), /*#__PURE__*/ React.createElement(Description, {
             className: classes.description
         }, description)), /*#__PURE__*/ React.createElement(Controls, {
-            orientation: orientation
-        }, showPagination && /*#__PURE__*/ React.createElement(DotsContainer, {
             orientation: orientation,
-            className: classes.pagination
-        }, Array(stepLength).fill(null).map((_, index)=>/*#__PURE__*/ React.createElement(Dot, {
-                key: index,
-                isActive: stepCurrent === index,
-                onClick: ()=>dotOnClick(index)
-            }))), actionButtons && /*#__PURE__*/ React.createElement(ActionButtonsContainer, {
+            contentDirection: contentDirection
+        }, showPagination && getPaginationContent(), actionButtons && /*#__PURE__*/ React.createElement(ActionButtonsContainer, {
             orientation: orientation,
             className: classes.actionButtons
         }, actionButtons), skipButton && /*#__PURE__*/ React.createElement(SkipButtonContainer, {