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

package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js

@@ -31,21 +31,21 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const base = (0, /*#__PURE__*/ _react.css)("position:relative;display:flex;flex-direction:column;gap:0.125rem;align-items:center;", "base");
+const base = (0, /*#__PURE__*/ _react.css)("position:relative;display:flex;flex-direction:column;gap:0.125rem;align-items:center;padding:var(", _tokens.tokens.tabsPadding, ",0);", "base");
 const StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ej02vfn0",
+    target: "ehqpige0",
     label: "StyledContent"
 })("display:inline-flex;flex-direction:column;align-items:flex-start;");
 const StyledContentWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ej02vfn1",
+    target: "ehqpige1",
     label: "StyledContentWrapper"
 })("box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.", _tokens.classes.tabsClipScroll, "{overflow:scroll;scrollbar-width:none;::-webkit-scrollbar{display:none;}", StyledContent, "{margin-top:auto;}}&.", _tokens.classes.tabsClipShowAll, "{overflow:visible;}");
 const StyledArrow = (0, /*#__PURE__*/ _styled.default)("button", {
-    target: "ej02vfn2",
+    target: "ehqpige2",
     label: "StyledArrow"
-})("display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);", (0, _mixins.addFocus)({
+})("display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);color:var(", _tokens.tokens.arrowColor, ");", _tokens.privateTokens.outlineRadius, ":var(", _tokens.tokens.arrowBorderRadius, ",inherit);", (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
     outlineOffset: '0',
     outlineColor: `var(${_tokens.tokens.outlineFocusColor})`,
-    outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
-}), ";&[disabled]{cursor:not-allowed;}color:var(", _tokens.tokens.arrowColor, ");&:hover{color:var(", _tokens.tokens.arrowColorHover, ");}&:active{color:var(", _tokens.tokens.arrowColorActive, ");}");
+    outlineRadius: `calc(var(${_tokens.privateTokens.outlineRadius}) - 0.063rem)`
+}), ";&[disabled]{cursor:not-allowed;}&:hover{color:var(", _tokens.tokens.arrowColorHover, ");}&:active{color:var(", _tokens.tokens.arrowColorActive, ");}");

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+const _react = require("@emotion/react");
+const _tokens = require("../../../../../tokens");
+const base = (0, /*#__PURE__*/ _react.css)("&.", _tokens.classes.tabsPilled, "{", _tokens.privateTokens.outlineRadius, ":var(", _tokens.tokens.tabsPilledBorderRadius, ");border-radius:var(", _tokens.tokens.tabsPilledBorderRadius, ");}", "base");

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

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "base", {
 });
 const _react = require("@emotion/react");
 const _tokens = require("../../../../../tokens");
-const base = (0, /*#__PURE__*/ _react.css)("width:var(", _tokens.tokens.tabsWidth, ");height:var(", _tokens.tokens.tabsHeight, ");--plasma_private-outline-radius:var(", _tokens.tokens.tabsBorderRadius, ");border-radius:var(", _tokens.tokens.tabsBorderRadius, ");", "base");
+const base = (0, /*#__PURE__*/ _react.css)("width:var(", _tokens.tokens.tabsWidth, ");height:var(", _tokens.tokens.tabsHeight, ");", _tokens.privateTokens.outlineRadius, ":var(", _tokens.tokens.tabsBorderRadius, ");border-radius:var(", _tokens.tokens.tabsBorderRadius, ");", "base");

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

@@ -49,35 +49,35 @@ function _interop_require_default(obj) {
     };
 }
 const ScaleTicksWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewwrlnn0",
+    target: "e1d9rodp0",
     label: "ScaleTicksWrapper"
-})("position:relative;overflow:visible;height:var(", _TextFieldSlidertokens.tokens.scaleValueLineHeight, ");margin-top:calc(var(", _TextFieldSlidertokens.tokens.scaleWrapperOffset, ") + var(", _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, "));margin-left:calc(var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ") + var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ") / 2);margin-right:calc(var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ") + var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ") / 2);");
+})("position:relative;overflow:visible;height:var(", _TextFieldSlidertokens.tokens.scaleValueLineHeight, ");margin-top:calc(var(", _TextFieldSlidertokens.tokens.scaleWrapperOffset, ") + var(", _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, "));margin-left:calc(var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ") + var(", _TextFieldSlidertokens.tokens.sliderThumbWidth, ") / 2);margin-right:calc(var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ") + var(", _TextFieldSlidertokens.tokens.sliderThumbWidth, ") / 2);");
 const ScaleTick = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewwrlnn1",
+    target: "e1d9rodp1",
     label: "ScaleTick"
 })("position:absolute;top:0;bottom:0;width:0;overflow:visible;cursor:pointer;");
 const ScaleTickDot = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ewwrlnn2",
+    target: "e1d9rodp2",
     label: "ScaleTickDot"
 })("position:absolute;left:0;top:calc(\n        -1 * (var(", _TextFieldSlidertokens.tokens.scaleWrapperOffset, ") + var(", _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, ")) - var(\n                ", _TextFieldSlidertokens.tokens.sliderTrackHeight, "            ) / 2 - var(", _TextFieldSlidertokens.tokens.scaleTickSize, ") / 2\n    );transform:translateX(-50%);display:block;width:var(", _TextFieldSlidertokens.tokens.scaleTickSize, ");height:var(", _TextFieldSlidertokens.tokens.scaleTickSize, ");border-radius:50%;background-color:", ({ filled })=>filled ? `var(${_TextFieldSlidertokens.tokens.scaleTickDotFilledColor})` : `var(${_TextFieldSlidertokens.tokens.scaleTickDotColor})`, ";");
 const ScaleTickLabel = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ewwrlnn3",
+    target: "e1d9rodp3",
     label: "ScaleTickLabel"
 })("position:absolute;top:0;left:0;transform:translateX(-50%);white-space:nowrap;color:var(", _TextFieldSlidertokens.tokens.scaleValueColor, ");font-family:var(", _TextFieldSlidertokens.tokens.scaleValueFontFamily, ");font-size:var(", _TextFieldSlidertokens.tokens.scaleValueFontSize, ");font-style:var(", _TextFieldSlidertokens.tokens.scaleValueFontStyle, ");font-weight:var(", _TextFieldSlidertokens.tokens.scaleValueFontWeight, ");letter-spacing:var(", _TextFieldSlidertokens.tokens.scaleValueLetterSpacing, ");line-height:var(", _TextFieldSlidertokens.tokens.scaleValueLineHeight, ");");
 const SliderContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewwrlnn4",
+    target: "e1d9rodp4",
     label: "SliderContainer"
 })("position:absolute;bottom:0;left:var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ",0);right:var(", _TextFieldSlidertokens.tokens.sliderContainerOffset, ",0);");
 const SliderWithHelpersWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewwrlnn5",
+    target: "e1d9rodp5",
     label: "SliderWithHelpersWrapper"
 })("position:relative;");
 const ScaleWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewwrlnn6",
+    target: "e1d9rodp6",
     label: "ScaleWrapper"
 })("display:flex;justify-content:space-between;margin-top:var(", _TextFieldSlidertokens.tokens.scaleWrapperOffset, ");padding-top:var(", _TextFieldSlidertokens.tokens.scaleWrapperPaddingTop, ");");
 const ScaleValue = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ewwrlnn7",
+    target: "e1d9rodp7",
     label: "ScaleValue"
 })("color:var(", _TextFieldSlidertokens.tokens.scaleValueColor, ");font-size:var(", _TextFieldSlidertokens.tokens.scaleValueFontSize, ");line-height:var(", _TextFieldSlidertokens.tokens.scaleValueLineHeight, ");font-weight:var(", _TextFieldSlidertokens.tokens.scaleValueFontWeight, ");font-family:var(", _TextFieldSlidertokens.tokens.scaleValueFontFamily, ");letter-spacing:var(", _TextFieldSlidertokens.tokens.scaleValueLetterSpacing, ");");
 const base = (0, /*#__PURE__*/ _react.css)("box-sizing:border-box;display:inline-block;&& ", _Inputstyles.StyledInput, ".", _TextFieldSlidertokens.classes.errorAnimation, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _TextFieldSlidertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _TextFieldSlidertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _TextFieldSlidertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.borderColor, ":var(", _TextFieldSlidertokens.tokens.textFieldBorderErrorColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _TextFieldSlidertokens.tokens.textFieldBorderErrorColor, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _TextFieldSlidertokens.tokens.textFieldBorderErrorColor, ");", _TextField.textFieldTokens.color, ":var(", _TextFieldSlidertokens.tokens.textFieldBorderErrorColor, ");animation:shakingError 0.3s forwards;", _TextFieldstyles.Input, "{animation:fadeError 0.3s forwards;}}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}", "base");

package/dist/emotion/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/emotion/cjs/components/TextFieldSlider/ui/Input/Input.styles.js

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

package/dist/emotion/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js

@@ -23,25 +23,41 @@ _export(exports, {
     }
 });
 const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
+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 = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewp3kqk0",
+    target: "egwc5do0",
     label: "SliderWrapper"
 })("position:relative;display:grid;");
+/**
+ * Бегунок. Рамка рисуется слоем фона по border-box (см. applySliderThumb), поэтому её толщина
+ * может быть асимметричной, форма — эллиптической, а внутрь можно положить innerContent.
+ */ const thumb = (0, _mixins.applySliderThumb)(thumbTokens);
+const thumbHovered = (0, _mixins.applySliderThumbFocus)(thumbTokens);
 const StyledSlider = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "ewp3kqk1",
+    target: "egwc5do1",
     label: "StyledSlider"
-})("appearance:none;outline:none;background:none;border:none;height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");width:100%;z-index:2;margin:0;cursor:pointer;opacity:", ({ hasPointer })=>hasPointer ? '1' : '0', ";transition:box-shadow 0.2s ease-in;::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:50%;cursor:grab;width:var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ");height:var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ");background:var(", _TextFieldSlidertokens.tokens.sliderThumbBackground, ");color:var(", _TextFieldSlidertokens.tokens.sliderThumbBackground, ");box-shadow:var(", _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadow, ");}::-moz-range-thumb{border:none;border-radius:50%;cursor:grab;width:var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ");height:var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ");background:var(", _TextFieldSlidertokens.tokens.sliderThumbBackground, ");color:var(", _TextFieldSlidertokens.tokens.sliderThumbBackground, ");box-shadow:var(", _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadow, ");}::-webkit-slider-thumb:hover,::-webkit-slider-thumb:active,&:focus-visible::-webkit-slider-thumb{border-radius:50%;box-shadow:var(", _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadowFocus, ");}::-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(", _TextFieldSlidertokens.tokens.sliderThumbBorderBoxShadowFocus, ");}::-moz-range-thumb:active{cursor:grabbing;}");
+})("appearance:none;outline:none;background:transparent;border:none;height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");width:100%;z-index:2;margin:0;cursor:pointer;opacity:", ({ hasPointer })=>hasPointer ? '1' : '0', ";&:disabled{cursor:not-allowed;}&::-webkit-slider-runnable-track{background:transparent;}&::-webkit-slider-thumb{-webkit-appearance:none;outline:none;", thumb, "}&:not(:disabled)::-webkit-slider-thumb:hover,&:not(:disabled)::-webkit-slider-thumb:active,&:focus-visible::-webkit-slider-thumb{", thumbHovered, "}&::-webkit-slider-thumb:active{cursor:grabbing;}&::-moz-range-track{background:transparent;height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");}&::-moz-range-progress{background:transparent;}&::-moz-range-thumb{", thumb, "}&:not(:disabled)::-moz-range-thumb:hover,&:not(:disabled)::-moz-range-thumb:active,&:focus-visible::-moz-range-thumb{", thumbHovered, "}&::-moz-range-thumb:active{cursor:grabbing;}&:disabled{&::-webkit-slider-thumb,&::-webkit-slider-thumb:active,&::-moz-range-thumb,&::-moz-range-thumb:active{cursor:not-allowed;}}");
 const StyledTrack = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewp3kqk2",
+    target: "egwc5do2",
     label: "StyledTrack"
-})("position:absolute;top:50%;left:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ") / 2);right:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ") / 2);transform:translateY(-50%);height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");border-radius:0.5rem;background-color:var(", _TextFieldSlidertokens.tokens.sliderTrackBackground, ");");
+})("position:absolute;top:50%;left:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbWidth, ") / 2);right:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbWidth, ") / 2);transform:translateY(-50%);height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");border-radius:var(", _TextFieldSlidertokens.tokens.sliderTrackBorderRadius, ",0.5rem);background-color:var(", _TextFieldSlidertokens.tokens.sliderTrackBackground, ");");
 const StyledProgress = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ewp3kqk3",
+    target: "egwc5do3",
     label: "StyledProgress"
-})("position:absolute;top:50%;left:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbSize, ") / 2);transform:translateY(-50%);width:", ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * 100% - var(${_TextFieldSlidertokens.tokens.sliderThumbSize}) / 2)`, ";height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");border-radius:0.5rem;background:var(", _TextFieldSlidertokens.tokens.sliderProgressBackground, ");");
+})("position:absolute;top:50%;left:calc(var(", _TextFieldSlidertokens.tokens.sliderThumbWidth, ") / 2);transform:translateY(-50%);width:", ({ value, max, min })=>`calc((${value} - ${min}) / (${max} - ${min}) * (100% - var(${_TextFieldSlidertokens.tokens.sliderThumbWidth})))`, ";height:var(", _TextFieldSlidertokens.tokens.sliderTrackHeight, ");border-radius:var(", _TextFieldSlidertokens.tokens.sliderTrackBorderRadius, ",0.5rem);background:var(", _TextFieldSlidertokens.tokens.sliderProgressBackground, ");");

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

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

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

@@ -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/emotion/cjs/components/Tooltip/Tooltip.js

@@ -78,7 +78,7 @@ const getStringValue = (value)=>{
 };
 const Popover = (0, _engines.component)(_Popover.popoverConfig);
 const StyledPopover = /*#__PURE__*/ (0, _styled.default)(Popover, {
-    target: "e1mna4990",
+    target: "e1gbxm0y0",
     label: "StyledPopover"
 })(_Popover.popoverTokens.arrowMaskWidth, ":var(", _Tooltiptokens.tokens.arrowMaskWidth, ");", _Popover.popoverTokens.arrowMaskHeight, ":var(", _Tooltiptokens.tokens.arrowMaskHeight, ");", _Popover.popoverTokens.arrowMaskImage, ":var(", _Tooltiptokens.tokens.arrowMaskImage, ");", _Popover.popoverTokens.arrowBackground, ":var(", _Tooltiptokens.tokens.arrowBackground, ");", _Popover.popoverTokens.arrowHeight, ":var(", _Tooltiptokens.tokens.arrowHeight, ");", _Popover.popoverTokens.arrowEdgeMargin, ":var(", _Tooltiptokens.tokens.arrowEdgeMargin, ");");
 const tooltipRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, text, opened, isVisible, isOpen, hasArrow = true, arrow, animated, offset = [
@@ -87,7 +87,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)=>{
@@ -100,7 +101,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/emotion/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
     };
 };

package/dist/emotion/cjs/components/Tour/components/Card/Card.js

@@ -17,8 +17,9 @@ _export(exports, {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Icon = require("../../../_Icon");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _Icon = require("../../../_Icon");
+const _usePaginationDots = require("../../../PaginationDots/usePaginationDots");
 const _base = require("./variations/_view/base");
 const _base1 = require("./variations/_size/base");
 const _Cardstyles = require("./Card.styles");
@@ -69,14 +70,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const tourCardRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, size, image, title, description, orientation = 'horizontal', showPagination = true, stepCurrent = 0, stepLength = 0, actionButtons, skipButton, showClose = true, goToStep, onClose, style, className, ...rest }, outerRef)=>{
+const tourCardRoot = (Root)=>/*#__PURE__*/ (0, _react.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 = (0, _react.useRef)(Array(stepLength).fill(0).map((_, ind)=>({
+                id: ind + 1
+            })));
+        const { sliced, activeId } = (0, _usePaginationDots.usePaginationDots)({
+            items: paginationItems.current,
+            index: stepCurrent,
+            visibleItems: Math.min(paginationVisibleItems, stepLength)
+        });
         const dotOnClick = (index)=>{
             if (goToStep) {
                 goToStep(index);
             }
         };
+        const getPaginationContent = (0, _react.useCallback)(()=>{
+            const paginationContent = {
+                dot: /*#__PURE__*/ _react.default.createElement(_Cardstyles.DotsContainer, {
+                    orientation: orientation,
+                    className: _Cardtokens.classes.pagination
+                }, sliced.map(({ id }, index)=>/*#__PURE__*/ _react.default.createElement(_Cardstyles.Dot, {
+                        key: index,
+                        isActive: activeId === id,
+                        onClick: ()=>dotOnClick(index)
+                    }))),
+                compact: /*#__PURE__*/ _react.default.createElement(_Cardstyles.NumberContainer, null, activeId, "/", stepLength)
+            };
+            if (orientation !== 'horizontal') {
+                return paginationContent.dot;
+            }
+            return paginationContent[paginationType];
+        }, [
+            sliced,
+            activeId,
+            stepLength,
+            orientation,
+            paginationType
+        ]);
         return /*#__PURE__*/ _react.default.createElement(Root, {
             ref: outerRef,
             view: view,
@@ -85,11 +117,12 @@ const tourCardRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, size,
         }, /*#__PURE__*/ _react.default.createElement(_Cardstyles.TourCard, {
             className: (0, _classnames.default)(className, _Cardtokens.classes.card),
             style: style,
-            orientation: orientation
+            orientation: orientation,
+            contentDirection: contentDirection
         }, showClose && /*#__PURE__*/ _react.default.createElement(_Cardstyles.CloseButton, {
             onClick: onClose
         }, /*#__PURE__*/ _react.default.createElement(_Icon.IconClose, {
-            size: "xs",
+            sizeCustomValue: `var(${_Cardtokens.tokens.closeButtonIconSize}, 1rem)`,
             color: "inherit"
         })), image && /*#__PURE__*/ _react.default.createElement(_Cardstyles.Img, {
             ...image,
@@ -103,15 +136,9 @@ const tourCardRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ view, size,
         }, title), /*#__PURE__*/ _react.default.createElement(_Cardstyles.Description, {
             className: _Cardtokens.classes.description
         }, description)), /*#__PURE__*/ _react.default.createElement(_Cardstyles.Controls, {
-            orientation: orientation
-        }, showPagination && /*#__PURE__*/ _react.default.createElement(_Cardstyles.DotsContainer, {
             orientation: orientation,
-            className: _Cardtokens.classes.pagination
-        }, Array(stepLength).fill(null).map((_, index)=>/*#__PURE__*/ _react.default.createElement(_Cardstyles.Dot, {
-                key: index,
-                isActive: stepCurrent === index,
-                onClick: ()=>dotOnClick(index)
-            }))), actionButtons && /*#__PURE__*/ _react.default.createElement(_Cardstyles.ActionButtonsContainer, {
+            contentDirection: contentDirection
+        }, showPagination && getPaginationContent(), actionButtons && /*#__PURE__*/ _react.default.createElement(_Cardstyles.ActionButtonsContainer, {
             orientation: orientation,
             className: _Cardtokens.classes.actionButtons
         }, actionButtons), skipButton && /*#__PURE__*/ _react.default.createElement(_Cardstyles.SkipButtonContainer, {