@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.0

package/dist/css/cjs/components/Range/Range.js

@@ -4,38 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../utils/index.js');
 var base$1 = require('./variations/_size/base.js');
 var base = require('./variations/_view/base.js');
-var base$2 = require('./variations/_disabled/base.js');
-var base$3 = require('./variations/_readonly/base.js');
+var base$2 = require('./variations/_hint-view/base.js');
+var base$3 = require('./variations/_hint-size/base.js');
+var base$4 = require('./variations/_disabled/base.js');
+var base$5 = require('./variations/_readonly/base.js');
 var index$1 = require('./utils/index.js');
 var Range_styles = require('./Range.styles.js');
 var Range_tokens = require('./Range.tokens.js');
+var useOutsideClick = require('../../hooks/useOutsideClick.js');
+var InformationWrapper_styles = require('./ui/InformationWrapper/InformationWrapper.styles.js');
+var Hint = require('../InformationWrapper/ui/Hint/Hint.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var _StyledDivider;
-var _excluded = ["autoComplete", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "appearance", "hasClearDivider", "view", "size", "readOnly", "disabled", "required", "requiredIndicatorPlacement", "hasRequiredIndicator", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "label", "leftHelper", "titleCaption", "contentLeft", "contentRight", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "dividerVariant", "dividerIcon", "autoComplete", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 var rangeRoot = function rangeRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _StyledDivider2;
-    var autoComplete = _ref.autoComplete,
-      label = _ref.label,
-      leftHelper = _ref.leftHelper,
-      contentLeft = _ref.contentLeft,
-      contentRight = _ref.contentRight,
-      view = _ref.view,
-      size = _ref.size,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$dividerVariant = _ref.dividerVariant,
-      dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
-      dividerIcon = _ref.dividerIcon,
+    var className = _ref.className,
       firstValue = _ref.firstValue,
       secondValue = _ref.secondValue,
       firstValueError = _ref.firstValueError,
@@ -44,6 +37,42 @@ var rangeRoot = function rangeRoot(Root) {
       secondValueSuccess = _ref.secondValueSuccess,
       firstPlaceholder = _ref.firstPlaceholder,
       secondPlaceholder = _ref.secondPlaceholder,
+      appearance = _ref.appearance,
+      hasClearDivider = _ref.hasClearDivider,
+      view = _ref.view,
+      size = _ref.size,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$requiredIndicato = _ref.requiredIndicatorPlacement,
+      requiredIndicatorPlacement = _ref$requiredIndicato === void 0 ? 'right' : _ref$requiredIndicato,
+      _ref$hasRequiredIndic = _ref.hasRequiredIndicator,
+      hasRequiredIndicator = _ref$hasRequiredIndic === void 0 ? false : _ref$hasRequiredIndic,
+      _ref$hintTrigger = _ref.hintTrigger,
+      hintTrigger = _ref$hintTrigger === void 0 ? 'hover' : _ref$hintTrigger,
+      hintText = _ref.hintText,
+      _ref$hintView = _ref.hintView,
+      hintView = _ref$hintView === void 0 ? 'default' : _ref$hintView,
+      _ref$hintSize = _ref.hintSize,
+      hintSize = _ref$hintSize === void 0 ? 'm' : _ref$hintSize,
+      hintTargetIcon = _ref.hintTargetIcon,
+      _ref$hintTargetPlacem = _ref.hintTargetPlacement,
+      hintTargetPlacement = _ref$hintTargetPlacem === void 0 ? 'outer' : _ref$hintTargetPlacem,
+      _ref$hintPlacement = _ref.hintPlacement,
+      hintPlacement = _ref$hintPlacement === void 0 ? 'auto' : _ref$hintPlacement,
+      hintHasArrow = _ref.hintHasArrow,
+      _ref$hintOffset = _ref.hintOffset,
+      hintOffset = _ref$hintOffset === void 0 ? [0, 0] : _ref$hintOffset,
+      hintWidth = _ref.hintWidth,
+      hintContentLeft = _ref.hintContentLeft,
+      label = _ref.label,
+      leftHelper = _ref.leftHelper,
+      titleCaption = _ref.titleCaption,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
       firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
       firstTextfieldContentRight = _ref.firstTextfieldContentRight,
       secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
@@ -52,11 +81,10 @@ var rangeRoot = function rangeRoot(Root) {
       secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
       firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
       secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
-      required = _ref.required,
-      _ref$requiredPlacemen = _ref.requiredPlacement,
-      requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
-      _ref$hasRequiredIndic = _ref.hasRequiredIndicator,
-      hasRequiredIndicator = _ref$hasRequiredIndic === void 0 ? true : _ref$hasRequiredIndic,
+      _ref$dividerVariant = _ref.dividerVariant,
+      dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
+      dividerIcon = _ref.dividerIcon,
+      autoComplete = _ref.autoComplete,
       onChangeFirstValue = _ref.onChangeFirstValue,
       onChangeSecondValue = _ref.onChangeSecondValue,
       onSearchFirstValue = _ref.onSearchFirstValue,
@@ -69,17 +97,51 @@ var rangeRoot = function rangeRoot(Root) {
     var rangeRef = React.useRef(null);
     var firstTextFieldRef = React.useRef(null);
     var secondTextFieldRef = React.useRef(null);
-    var requiredPlacementClass = requiredPlacement === 'right' ? Range_tokens.classes.requiredAlignRight : undefined;
+    var hintRef = React.useRef(null);
+    var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isHintVisible = _useState2[0],
+      setIsHintVisible = _useState2[1];
+    var noCaptionAndLabelClass = !label && !titleCaption ? Range_tokens.classes.noCaptionAndLabel : undefined;
+    var clearClass = appearance === 'clear' ? Range_tokens.classes.clear : undefined;
+    var clearDividerClass = hasClearDivider ? Range_tokens.classes.clearDivider : undefined;
+    var clearOuterHintClass = clearClass && hintText && hintTargetPlacement === 'outer' ? Range_tokens.classes.clearHasOuterHint : undefined;
     var rangeErrorClass = firstValueError && secondValueError ? Range_tokens.classes.rangeError : undefined;
     var firstValueErrorClass = !rangeErrorClass && firstValueError ? Range_tokens.classes.rangeValueError : undefined;
     var secondValueErrorClass = !rangeErrorClass && secondValueError ? Range_tokens.classes.rangeValueError : undefined;
     var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? Range_tokens.classes.rangeSuccess : undefined;
     var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? Range_tokens.classes.rangeValueSuccess : undefined;
     var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? Range_tokens.classes.rangeValueSuccess : undefined;
+    var hintInnerRef = React.useRef(null);
+    var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
     var handleChangeFirstValue = index$1.getChangeHandler(onChangeFirstValue, disabled, readOnly);
     var handleChangeSecondValue = index$1.getChangeHandler(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = index$1.getSearchHandler(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = index$1.getSearchHandler(onSearchSecondValue, disabled, readOnly);
+    var handleHintShow = function handleHintShow() {
+      if (disabled) {
+        return;
+      }
+      setIsHintVisible(true);
+    };
+    var handleHintHide = function handleHintHide() {
+      return setIsHintVisible(false);
+    };
+    var handleHintClick = function handleHintClick(event) {
+      var _hintInnerRef$current;
+      if (!hintText || hintTrigger !== 'click' || disabled) {
+        return;
+      }
+      event.stopPropagation();
+      var targetIsPopover = event.target === hintInnerRef.current;
+      var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+      if (!targetIsPopover && !rootHasTarget) {
+        setIsHintVisible(true);
+      }
+    };
+    useOutsideClick.useOutsideClick(function () {
+      setIsHintVisible(false);
+    }, [hintRef]);
     React.useImperativeHandle(ref, function () {
       return {
         firstTextField: function firstTextField() {
@@ -101,17 +163,40 @@ var rangeRoot = function rangeRoot(Root) {
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: rangeRef,
+      className: index.cx(clearClass, noCaptionAndLabelClass, className),
       view: view,
       size: size,
       disabled: disabled,
       readOnly: !disabled && readOnly
-    }, rest), label && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React__default.default.createElement(Range_styles.StyledLabel, null, label), required && hasRequiredIndicator && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledIndicator, {
-      className: index.cx(Range_tokens.classes.requiredOuterPlacement, requiredPlacementClass)
-    })), /*#__PURE__*/React__default.default.createElement(Range_styles.ContentWrapper, {
-      className: index.cx(rangeErrorClass, rangeSuccessClass)
-    }, !label && required && hasRequiredIndicator && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledIndicator, {
-      className: index.cx(requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React__default.default.createElement(Range_styles.StyledInput, {
+    }, hintText && {
+      hintView: hintView,
+      hintSize: hintSize
+    }, rest), /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.InformationWrapperUI, _rollupPluginBabelHelpers.extends({
+      className: index.cx(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass, clearOuterHintClass),
+      size: size,
+      label: label,
+      leftHelper: leftHelper,
+      titleCaption: titleCaption,
+      required: required,
+      requiredIndicatorPlacement: requiredIndicatorPlacement,
+      hasRequiredIndicator: hasRequiredIndicator,
+      disabled: disabled
+    }, hintText && hintTargetPlacement === 'outer' ? {
+      hintText: hintText,
+      hintView: hintView,
+      hintSize: hintSize,
+      hintTrigger: hintTrigger,
+      hintTargetIcon: hintTargetIcon,
+      hintPlacement: hintPlacement,
+      hintHasArrow: hintHasArrow,
+      hintOffset: hintOffset,
+      hintWidth: hintWidth,
+      hintContentLeft: hintContentLeft
+    } : {
+      hintText: undefined
+    }), /*#__PURE__*/React__default.default.createElement(Range_styles.ContentWrapper, {
+      className: index.cx(clearClass, clearDividerClass, rangeErrorClass, rangeSuccessClass)
+    }, contentLeft && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React__default.default.createElement(Range_styles.StyledInput, {
       ref: firstTextFieldRef,
       className: index.cx(firstValueErrorClass, firstValueSuccessClass),
       value: firstValue,
@@ -128,7 +213,8 @@ var rangeRoot = function rangeRoot(Root) {
       onBlur: onBlurFirstTextfield,
       autoComplete: autoComplete,
       "data-error": firstValueError,
-      "data-success": firstValueSuccess
+      "data-success": firstValueSuccess,
+      hasDivider: hasClearDivider
     }), Divider, /*#__PURE__*/React__default.default.createElement(Range_styles.StyledInput, {
       ref: secondTextFieldRef,
       className: index.cx(secondValueErrorClass, secondValueSuccessClass),
@@ -144,10 +230,25 @@ var rangeRoot = function rangeRoot(Root) {
       onSearch: handleSearchSecondValue,
       onFocus: onFocusSecondTextfield,
       onBlur: onBlurSecondTextfield,
-      autoComplete: autoComplete
-    }), contentRight && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React__default.default.createElement(Range_styles.LeftHelper, {
-      className: index.cx(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass)
-    }, leftHelper));
+      autoComplete: autoComplete,
+      hasDivider: hasClearDivider
+    }), /*#__PURE__*/React__default.default.createElement(Range_styles.StyledContentRightWrapper, null, !label && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/React__default.default.createElement(Hint.HintComponent, {
+      ref: hintForkRef,
+      hintText: hintText,
+      hintTrigger: hintTrigger,
+      isHintVisible: isHintVisible,
+      hintTargetIcon: hintTargetIcon,
+      hintPlacement: hintPlacement,
+      hintHasArrow: hintHasArrow,
+      hintOffset: hintOffset,
+      hintWidth: hintWidth,
+      hintContentLeft: hintContentLeft,
+      size: size,
+      handleHintShow: handleHintShow,
+      handleHintHide: handleHintHide,
+      handleHintClick: handleHintClick,
+      withoutLabel: true
+    }), contentRight && /*#__PURE__*/React__default.default.createElement(Range_styles.StyledContentRight, null, contentRight)))));
   });
 };
 var rangeConfig = {
@@ -162,18 +263,26 @@ var rangeConfig = {
     size: {
       css: base$1.base
     },
+    hintView: {
+      css: base$2.base
+    },
+    hintSize: {
+      css: base$3.base
+    },
     disabled: {
-      css: base$2.base,
+      css: base$4.base,
       attrs: true
     },
     readOnly: {
-      css: base$3.base,
+      css: base$5.base,
       attrs: true
     }
   },
   defaults: {
     size: 'm',
-    view: 'default'
+    view: 'default',
+    hintView: 'default',
+    hintSize: 'm'
   }
 };
 

package/dist/css/cjs/components/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sources":["../../../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledDivider,\n    StyledIndicator,\n    StyledIndicatorWrapper,\n    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<RangeInputRefs, RangeProps>(\n        (\n            {\n                autoComplete,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                firstValue,\n                secondValue,\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                required,\n                requiredPlacement = 'right',\n                hasRequiredIndicator = true,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = useRef<HTMLDivElement>(null);\n            const firstTextFieldRef = useRef<HTMLInputElement>(null);\n            const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n            const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            useImperativeHandle(\n                ref,\n                () => ({\n                    firstTextField: () => {\n                        return firstTextFieldRef;\n                    },\n                    secondTextField: () => {\n                        return secondTextFieldRef;\n                    },\n                }),\n                [firstTextFieldRef, secondTextFieldRef],\n            );\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root\n                    ref={rangeRef}\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && (\n                        <StyledIndicatorWrapper>\n                            <StyledLabel>{label}</StyledLabel>\n\n                            {required && hasRequiredIndicator && (\n                                <StyledIndicator\n                                    className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n                                />\n                            )}\n                        </StyledIndicatorWrapper>\n                    )}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {!label && required && hasRequiredIndicator && (\n                            <StyledIndicator className={cx(requiredPlacementClass)} />\n                        )}\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\n                            ref={firstTextFieldRef}\n                            className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                            value={firstValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={firstPlaceholder}\n                            contentLeft={firstTextfieldContentLeft}\n                            contentRight={firstTextfieldContentRight}\n                            textBefore={firstTextfieldTextBefore}\n                            textAfter={firstTextfieldTextAfter}\n                            onChange={handleChangeFirstValue}\n                            onSearch={handleSearchFirstValue}\n                            onFocus={onFocusFirstTextfield}\n                            onBlur={onBlurFirstTextfield}\n                            autoComplete={autoComplete}\n                            data-error={firstValueError}\n                            data-success={firstValueSuccess}\n                        />\n                        {Divider}\n                        <StyledInput\n                            ref={secondTextFieldRef}\n                            className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                            value={secondValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={secondPlaceholder}\n                            contentLeft={secondTextfieldContentLeft}\n                            contentRight={secondTextfieldContentRight}\n                            textBefore={secondTextfieldTextBefore}\n                            textAfter={secondTextfieldTextAfter}\n                            onChange={handleChangeSecondValue}\n                            onSearch={handleSearchSecondValue}\n                            onFocus={onFocusSecondTextfield}\n                            onBlur={onBlurSecondTextfield}\n                            autoComplete={autoComplete}\n                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && (\n                        <LeftHelper\n                            className={cx(\n                                rangeErrorClass,\n                                firstValueErrorClass,\n                                secondValueErrorClass,\n                                rangeSuccessClass,\n                                firstValueSuccessClass,\n                                secondValueSuccessClass,\n                            )}\n                        >\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Range.js","sources":["../../../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, MouseEventHandler, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useOutsideClick } from 'src/hooks';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps, RangeRootProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledContentRightWrapper,\n    StyledDivider,\n    StyledInput,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\nimport { HintComponent, InformationWrapperUI } from './ui';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeRootProps>) =>\n    forwardRef<RangeInputRefs, RangeProps>(\n        (\n            {\n                className,\n\n                // controlled\n                firstValue,\n                secondValue,\n\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n\n                // variations\n                appearance,\n                hasClearDivider,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                required = false,\n                requiredIndicatorPlacement = 'right',\n                hasRequiredIndicator = false,\n\n                // hint\n                hintTrigger = 'hover',\n                hintText,\n                hintView = 'default',\n                hintSize = 'm',\n                hintTargetIcon,\n                hintTargetPlacement = 'outer',\n                hintPlacement = 'auto',\n                hintHasArrow,\n                hintOffset = [0, 0],\n                hintWidth,\n                hintContentLeft,\n\n                // layout\n                label,\n                leftHelper,\n                titleCaption,\n                contentLeft,\n                contentRight,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                autoComplete,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = useRef<HTMLDivElement>(null);\n            const firstTextFieldRef = useRef<HTMLInputElement>(null);\n            const secondTextFieldRef = useRef<HTMLInputElement>(null);\n            const hintRef = useRef<HTMLDivElement>(null);\n\n            const [isHintVisible, setIsHintVisible] = useState(false);\n\n            const noCaptionAndLabelClass = !label && !titleCaption ? classes.noCaptionAndLabel : undefined;\n            const clearClass = appearance === 'clear' ? classes.clear : undefined;\n            const clearDividerClass = hasClearDivider ? classes.clearDivider : undefined;\n            const clearOuterHintClass =\n                clearClass && hintText && hintTargetPlacement === 'outer' ? classes.clearHasOuterHint : undefined;\n\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const hintInnerRef = useRef<HTMLDivElement>(null);\n            const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            const handleHintShow = () => {\n                if (disabled) {\n                    return;\n                }\n                setIsHintVisible(true);\n            };\n            const handleHintHide = () => setIsHintVisible(false);\n            const handleHintClick: MouseEventHandler = (event) => {\n                if (!hintText || hintTrigger !== 'click' || disabled) {\n                    return;\n                }\n\n                event.stopPropagation();\n                const targetIsPopover = event.target === hintInnerRef.current;\n                const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n                if (!targetIsPopover && !rootHasTarget) {\n                    setIsHintVisible(true);\n                }\n            };\n\n            useOutsideClick(() => {\n                setIsHintVisible(false);\n            }, [hintRef]);\n\n            useImperativeHandle(\n                ref,\n                () => ({\n                    firstTextField: () => {\n                        return firstTextFieldRef;\n                    },\n                    secondTextField: () => {\n                        return secondTextFieldRef;\n                    },\n                }),\n                [firstTextFieldRef, secondTextFieldRef],\n            );\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root\n                    ref={rangeRef}\n                    className={cx(clearClass, noCaptionAndLabelClass, className)}\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...(hintText && {\n                        hintView,\n                        hintSize,\n                    })}\n                    {...rest}\n                >\n                    <InformationWrapperUI\n                        className={cx(\n                            rangeErrorClass,\n                            firstValueErrorClass,\n                            secondValueErrorClass,\n                            rangeSuccessClass,\n                            firstValueSuccessClass,\n                            secondValueSuccessClass,\n                            clearOuterHintClass,\n                        )}\n                        size={size}\n                        label={label}\n                        leftHelper={leftHelper}\n                        titleCaption={titleCaption}\n                        required={required}\n                        requiredIndicatorPlacement={requiredIndicatorPlacement}\n                        hasRequiredIndicator={hasRequiredIndicator}\n                        disabled={disabled}\n                        {...(hintText && hintTargetPlacement === 'outer'\n                            ? {\n                                  hintText,\n                                  hintView,\n                                  hintSize,\n                                  hintTrigger,\n                                  hintTargetIcon,\n                                  hintPlacement,\n                                  hintHasArrow,\n                                  hintOffset,\n                                  hintWidth,\n                                  hintContentLeft,\n                              }\n                            : { hintText: undefined })}\n                    >\n                        <ContentWrapper\n                            className={cx(clearClass, clearDividerClass, rangeErrorClass, rangeSuccessClass)}\n                        >\n                            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                            <StyledInput\n                                ref={firstTextFieldRef}\n                                className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                                value={firstValue}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                placeholder={firstPlaceholder}\n                                contentLeft={firstTextfieldContentLeft}\n                                contentRight={firstTextfieldContentRight}\n                                textBefore={firstTextfieldTextBefore}\n                                textAfter={firstTextfieldTextAfter}\n                                onChange={handleChangeFirstValue}\n                                onSearch={handleSearchFirstValue}\n                                onFocus={onFocusFirstTextfield}\n                                onBlur={onBlurFirstTextfield}\n                                autoComplete={autoComplete}\n                                data-error={firstValueError}\n                                data-success={firstValueSuccess}\n                                hasDivider={hasClearDivider}\n                            />\n                            {Divider}\n                            <StyledInput\n                                ref={secondTextFieldRef}\n                                className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                                value={secondValue}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                placeholder={secondPlaceholder}\n                                contentLeft={secondTextfieldContentLeft}\n                                contentRight={secondTextfieldContentRight}\n                                textBefore={secondTextfieldTextBefore}\n                                textAfter={secondTextfieldTextAfter}\n                                onChange={handleChangeSecondValue}\n                                onSearch={handleSearchSecondValue}\n                                onFocus={onFocusSecondTextfield}\n                                onBlur={onBlurSecondTextfield}\n                                autoComplete={autoComplete}\n                                hasDivider={hasClearDivider}\n                            />\n                            <StyledContentRightWrapper>\n                                {!label && hintText && hintTargetPlacement === 'inner' && (\n                                    <HintComponent\n                                        ref={hintForkRef}\n                                        hintText={hintText}\n                                        hintTrigger={hintTrigger}\n                                        isHintVisible={isHintVisible}\n                                        hintTargetIcon={hintTargetIcon}\n                                        hintPlacement={hintPlacement}\n                                        hintHasArrow={hintHasArrow}\n                                        hintOffset={hintOffset}\n                                        hintWidth={hintWidth}\n                                        hintContentLeft={hintContentLeft}\n                                        size={size}\n                                        handleHintShow={handleHintShow}\n                                        handleHintHide={handleHintHide}\n                                        handleHintClick={handleHintClick}\n                                        withoutLabel\n                                    />\n                                )}\n                                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                            </StyledContentRightWrapper>\n                        </ContentWrapper>\n                    </InformationWrapperUI>\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        hintView: {\n            css: hintViewCSS,\n        },\n        hintSize: {\n            css: hintSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        hintView: 'default',\n        hintSize: 'm',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","className","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","appearance","hasClearDivider","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","_ref$requiredIndicato","requiredIndicatorPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","_ref$hintTrigger","hintTrigger","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintTargetPlacem","hintTargetPlacement","_ref$hintPlacement","hintPlacement","hintHasArrow","_ref$hintOffset","hintOffset","hintWidth","hintContentLeft","label","leftHelper","titleCaption","contentLeft","contentRight","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$dividerVariant","dividerVariant","dividerIcon","autoComplete","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","hintRef","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","noCaptionAndLabelClass","classes","noCaptionAndLabel","undefined","clearClass","clear","clearDividerClass","clearDivider","clearOuterHintClass","clearHasOuterHint","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","hintInnerRef","hintForkRef","useForkRef","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useOutsideClick","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","cx","InformationWrapperUI","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","hasDivider","StyledContentRightWrapper","HintComponent","withoutLabel","StyledContentRight","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","hintViewCSS","hintSizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/dist/css/cjs/components/Range/Range.styles.js

@@ -1,4 +1,4 @@
-require('./Range.styles_it2utg.css');
+require('./Range.styles_xy77jo.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,66 +9,48 @@ var TextField$1 = require('../TextField/TextField.js');
 
 var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
 var TextField = /*#__PURE__*/common.component(mergedConfig);
+var StyledContentLeft = /*#__PURE__*/react.styled('div')({
+  name: "StyledContentLeft",
+  "class": "s1k2erwt",
+  propsAsIs: false
+});
+var StyledContentRight = /*#__PURE__*/react.styled('div')({
+  name: "StyledContentRight",
+  "class": "s16kyj37",
+  propsAsIs: false
+});
 
 // NOTE: переопределение токенов TextField
-var _exp = function _exp() {
+var _exp10 = function _exp10() {
   return TextField;
 };
-var StyledInput = /*#__PURE__*/react.styled(_exp())({
+var StyledInput = /*#__PURE__*/react.styled(_exp10())({
   name: "StyledInput",
-  "class": "s1k2erwt",
-  propsAsIs: true
-});
-var base = "b16kyj37";
-var StyledLabel = /*#__PURE__*/react.styled('label')({
-  name: "StyledLabel",
   "class": "s14q3826",
-  propsAsIs: false
-});
-var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
-  name: "StyledIndicatorWrapper",
-  "class": "s1fwucr5",
-  propsAsIs: false
-});
-var StyledIndicator = /*#__PURE__*/react.styled('div')({
-  name: "StyledIndicator",
-  "class": "szi0aji",
-  propsAsIs: false
-});
-var LeftHelper = /*#__PURE__*/react.styled('div')({
-  name: "LeftHelper",
-  "class": "l1e6rwfy",
-  propsAsIs: false
+  propsAsIs: true
 });
+var base = "b1fwucr5";
 var ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
-  "class": "cfxtxl2",
+  "class": "czi0aji",
   propsAsIs: false
 });
 var StyledDivider = /*#__PURE__*/react.styled('div')({
   name: "StyledDivider",
-  "class": "s1hiyoiq",
+  "class": "s1e6rwfy",
   propsAsIs: false
 });
-var StyledContentLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentLeft",
-  "class": "s15y5ylz",
-  propsAsIs: false
-});
-var StyledContentRight = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentRight",
-  "class": "suha98b",
+var StyledContentRightWrapper = /*#__PURE__*/react.styled('div')({
+  name: "StyledContentRightWrapper",
+  "class": "sfxtxl2",
   propsAsIs: false
 });
 
 exports.ContentWrapper = ContentWrapper;
-exports.LeftHelper = LeftHelper;
 exports.StyledContentLeft = StyledContentLeft;
 exports.StyledContentRight = StyledContentRight;
+exports.StyledContentRightWrapper = StyledContentRightWrapper;
 exports.StyledDivider = StyledDivider;
-exports.StyledIndicator = StyledIndicator;
-exports.StyledIndicatorWrapper = StyledIndicatorWrapper;
 exports.StyledInput = StyledInput;
-exports.StyledLabel = StyledLabel;
 exports.base = base;
 //# sourceMappingURL=Range.styles.js.map

package/dist/css/cjs/components/Range/Range.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const StyledIndicatorWrapper = styled.div`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    &:before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n    }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n\n    color: var(${tokens.contentSlotColor});\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotColorActive});\n    }\n`;\n\nexport const StyledContentRight = styled.div`\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","StyledIndicatorWrapper","StyledIndicator","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkEhC,EAAA;AAEM,IAAMC,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,sBAAsB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI3C,EAAA;AAEM,IAAMI,eAAe,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGpC,EAAA;AAEM,IAAMK,UAAU,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMM,cAAc,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWnC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMQ,iBAAiB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYtC,EAAA;AAEM,IAAMS,kBAAkB,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWvC;;;;;;;;;;;;;"}
+{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n\n    color: var(${tokens.contentSlotColor});\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotColorActive});\n    }\n`;\n\nexport const StyledContentRight = styled.div`\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.clearPlaceholderColorFocus}: var(${tokens.textFieldClearPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorHover});\n    ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorFocus});\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n`;\n\nexport const base = css`\n    width: fit-content;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    &:before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n    }\n\n    &.${classes.clear}.${classes.clearDivider} {\n        &:before {\n            content: '';\n            position: absolute;\n            top: unset;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: -1;\n            height: 1px;\n            box-shadow: unset;\n            background: var(${tokens.clearDividerColor});\n        }\n    }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentRightWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    flex-direction: row-reverse;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","_exp10","StyledInput","base","ContentWrapper","StyledDivider","StyledContentRightWrapper"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWvC,EAAA;;AAED;AAAA,IAAAE,MAAA,GArCkBA,SAqClBA,MAAAA,GAAA;AAAA,EAAA,OACkCR,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMS,WAAW,gBAAGN,YAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsEhC,EAAA;AAEM,IAAMI,IAAI,GAEhB,WAAA;AAEM,IAAMC,cAAc,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BnC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI9C;;;;;;;;;;"}

package/dist/css/cjs/components/Range/Range.styles_xy77jo.css

@@ -0,0 +1,7 @@
+.s1k2erwt{line-height:0;color:var(--plasma-textfield-content-slot-color);}.s1k2erwt:hover{color:var(--plasma-textfield-content-slot-color-hover);}.s1k2erwt:active{color:var(--plasma-textfield-content-slot-color-active);}
+.s16kyj37{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s16kyj37:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s16kyj37:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.s14q3826{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.s14q3826.range-value-success{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.s14q3826.range-value-error{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
+.b1fwucr5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.czi0aji:before{content:'';position:absolute;inset:0;z-index:-1;}.czi0aji.range-clear.range-clear-divider:before{content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
+
+.sfxtxl2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}