@salutejs/plasma-new-hope 0.88.0-canary.1223.9398061354.0 → 0.88.0-canary.1224.9413433725.0

package/cjs/components/Range/Range.js

@@ -12,9 +12,10 @@ var base$3 = 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 getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
 
 var _StyledDivider;
-var _excluded = ["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", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["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", "isOpenFirst", "onToggleFirst", "firstInputPopoverContent", "isOpenSecond", "onToggleSecond", "secondInputPopoverContent", "offset", "placement", "closeOnOverlayClick", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 var rangeRoot = function rangeRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _StyledDivider2;
@@ -47,6 +48,15 @@ var rangeRoot = function rangeRoot(Root) {
       secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
       firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
       secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
+      isOpenFirst = _ref.isOpenFirst,
+      onToggleFirst = _ref.onToggleFirst,
+      firstInputPopoverContent = _ref.firstInputPopoverContent,
+      isOpenSecond = _ref.isOpenSecond,
+      onToggleSecond = _ref.onToggleSecond,
+      secondInputPopoverContent = _ref.secondInputPopoverContent,
+      offset = _ref.offset,
+      placement = _ref.placement,
+      closeOnOverlayClick = _ref.closeOnOverlayClick,
       onChangeFirstValue = _ref.onChangeFirstValue,
       onChangeSecondValue = _ref.onChangeSecondValue,
       onSearchFirstValue = _ref.onSearchFirstValue,
@@ -56,6 +66,9 @@ var rangeRoot = function rangeRoot(Root) {
       onBlurFirstTextfield = _ref.onBlurFirstTextfield,
       onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var rangeRef = React.useRef(null);
+    var firstTextFieldRef = React.useRef(null);
+    var secondTextFieldRef = React.useRef(null);
     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;
@@ -66,6 +79,16 @@ var rangeRoot = function rangeRoot(Root) {
     var handleChangeSecondValue = index$1.getChangeHandler(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = index$1.getSearchHandler(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = index$1.getSearchHandler(onSearchSecondValue, disabled, readOnly);
+    React.useImperativeHandle(ref, function () {
+      return {
+        firstTextField: function firstTextField() {
+          return firstTextFieldRef;
+        },
+        secondTextField: function secondTextField() {
+          return secondTextFieldRef;
+        }
+      };
+    }, [firstTextFieldRef, secondTextFieldRef]);
     var Divider = React.useMemo(function () {
       if (dividerVariant === 'none') {
         return null;
@@ -76,42 +99,66 @@ var rangeRoot = function rangeRoot(Root) {
       return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(Range_styles.StyledDivider, null, dividerIcon));
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: rangeRef,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
-      ref: ref
+      readOnly: !disabled && readOnly
     }, rest), label && /*#__PURE__*/React.createElement(Range_styles.StyledLabel, null, label), /*#__PURE__*/React.createElement(Range_styles.ContentWrapper, {
       className: index.cx(rangeErrorClass, rangeSuccessClass)
-    }, contentLeft && /*#__PURE__*/React.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
-      className: index.cx(firstValueErrorClass, firstValueSuccessClass),
-      value: firstValue,
-      readOnly: readOnly,
-      disabled: disabled,
-      placeholder: firstPlaceholder,
-      contentLeft: firstTextfieldContentLeft,
-      contentRight: firstTextfieldContentRight,
-      textBefore: firstTextfieldTextBefore,
-      textAfter: firstTextfieldTextAfter,
-      onChange: handleChangeFirstValue,
-      onSearch: handleSearchFirstValue,
-      onFocus: onFocusFirstTextfield,
-      onBlur: onBlurFirstTextfield
-    }), Divider, /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
-      className: index.cx(secondValueErrorClass, secondValueSuccessClass),
-      value: secondValue,
-      readOnly: readOnly,
-      disabled: disabled,
-      placeholder: secondPlaceholder,
-      contentLeft: secondTextfieldContentLeft,
-      contentRight: secondTextfieldContentRight,
-      textBefore: secondTextfieldTextBefore,
-      textAfter: secondTextfieldTextAfter,
-      onChange: handleChangeSecondValue,
-      onSearch: handleSearchSecondValue,
-      onFocus: onFocusSecondTextfield,
-      onBlur: onBlurSecondTextfield
-    }), contentRight && /*#__PURE__*/React.createElement(Range_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(Range_styles.LeftHelper, null, leftHelper));
+    }, contentLeft && /*#__PURE__*/React.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(Range_styles.StyledPopover, {
+      isOpen: isOpenFirst,
+      usePortal: false,
+      onToggle: onToggleFirst,
+      offset: offset,
+      placement: getPopoverPlacement.getPlacements(placement),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
+        ref: firstTextFieldRef,
+        className: index.cx(firstValueErrorClass, firstValueSuccessClass),
+        value: firstValue,
+        readOnly: readOnly,
+        disabled: disabled,
+        placeholder: firstPlaceholder,
+        contentLeft: firstTextfieldContentLeft,
+        contentRight: firstTextfieldContentRight,
+        textBefore: firstTextfieldTextBefore,
+        textAfter: firstTextfieldTextAfter,
+        onChange: handleChangeFirstValue,
+        onSearch: handleSearchFirstValue,
+        onFocus: onFocusFirstTextfield,
+        onBlur: onBlurFirstTextfield
+      }),
+      preventOverflow: false
+    }, firstInputPopoverContent), Divider, /*#__PURE__*/React.createElement(Range_styles.StyledPopover, {
+      isOpen: isOpenSecond,
+      usePortal: false,
+      onToggle: onToggleSecond,
+      offset: offset,
+      placement: getPopoverPlacement.getPlacements(placement),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
+        ref: secondTextFieldRef,
+        className: index.cx(secondValueErrorClass, secondValueSuccessClass),
+        value: secondValue,
+        readOnly: readOnly,
+        disabled: disabled,
+        placeholder: secondPlaceholder,
+        contentLeft: secondTextfieldContentLeft,
+        contentRight: secondTextfieldContentRight,
+        textBefore: secondTextfieldTextBefore,
+        textAfter: secondTextfieldTextAfter,
+        onChange: handleChangeSecondValue,
+        onSearch: handleSearchSecondValue,
+        onFocus: onFocusSecondTextfield,
+        onBlur: onBlurSecondTextfield
+      }),
+      preventOverflow: false
+    }, secondInputPopoverContent), contentRight && /*#__PURE__*/React.createElement(Range_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(Range_styles.LeftHelper, null, leftHelper));
   });
 };
 var rangeConfig = {

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

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { 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    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<HTMLInputElement, RangeProps>(\n        (\n            {\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                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\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            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            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 view={view} size={size} disabled={disabled} readOnly={!disabled && readOnly} ref={ref} {...rest}>\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\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                        />\n                        {Divider}\n                        <StyledInput\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                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\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","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","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","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, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getPlacements } 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    StyledInput,\n    StyledLabel,\n    StyledPopover,\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                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                isOpenFirst,\n                onToggleFirst,\n                firstInputPopoverContent,\n                isOpenSecond,\n                onToggleSecond,\n                secondInputPopoverContent,\n                offset,\n                placement,\n                closeOnOverlayClick,\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 rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\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 && <StyledLabel>{label}</StyledLabel>}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledPopover\n                            isOpen={isOpenFirst}\n                            usePortal={false}\n                            onToggle={onToggleFirst}\n                            offset={offset}\n                            placement={getPlacements(placement)}\n                            trigger=\"click\"\n                            closeOnOverlayClick={closeOnOverlayClick}\n                            isFocusTrapped={false}\n                            target={\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                                />\n                            }\n                            preventOverflow={false}\n                        >\n                            {firstInputPopoverContent}\n                        </StyledPopover>\n                        {Divider}\n                        <StyledPopover\n                            isOpen={isOpenSecond}\n                            usePortal={false}\n                            onToggle={onToggleSecond}\n                            offset={offset}\n                            placement={getPlacements(placement)}\n                            trigger=\"click\"\n                            closeOnOverlayClick={closeOnOverlayClick}\n                            isFocusTrapped={false}\n                            target={\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                                />\n                            }\n                            preventOverflow={false}\n                        >\n                            {secondInputPopoverContent}\n                        </StyledPopover>\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\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","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","isOpenFirst","onToggleFirst","firstInputPopoverContent","isOpenSecond","onToggleSecond","secondInputPopoverContent","offset","placement","closeOnOverlayClick","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledPopover","isOpen","usePortal","onToggle","getPlacements","trigger","isFocusTrapped","target","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","preventOverflow","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './Range.styles_mc4w65.css';
+import './Range.styles_nik84l.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,48 +7,59 @@ var react = require('@linaria/react');
 require('@linaria/core');
 var common = require('../../engines/common.js');
 var TextField$1 = require('../TextField/TextField.js');
+var Popover$1 = require('../Popover/Popover.js');
 
 var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
 var TextField = /*#__PURE__*/common.component(mergedConfig);
+var mergedPopoverConfig = /*#__PURE__*/common.mergeConfig(Popover$1.popoverConfig);
+var Popover = /*#__PURE__*/common.component(mergedPopoverConfig);
+var _exp = function _exp() {
+  return Popover;
+};
+var StyledPopover = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledPopover",
+  "class": "s1k2erwt",
+  propsAsIs: true
+});
 
 // NOTE: переопределение токенов TextField
-var _exp = function _exp() {
+var _exp2 = function _exp2() {
   return TextField;
 };
-var StyledInput = /*#__PURE__*/react.styled(_exp())({
+var StyledInput = /*#__PURE__*/react.styled(_exp2())({
   name: "StyledInput",
-  "class": "s1k2erwt",
+  "class": "s16kyj37",
   propsAsIs: true
 });
-var base = "b16kyj37";
+var base = "b14q3826";
 var StyledLabel = /*#__PURE__*/react.styled('label')({
   name: "StyledLabel",
-  "class": "s14q3826",
+  "class": "s1fwucr5",
   propsAsIs: false
 });
 var LeftHelper = /*#__PURE__*/react.styled('div')({
   name: "LeftHelper",
-  "class": "l1fwucr5",
+  "class": "lzi0aji",
   propsAsIs: false
 });
 var ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
-  "class": "czi0aji",
+  "class": "c1e6rwfy",
   propsAsIs: false
 });
 var StyledDivider = /*#__PURE__*/react.styled('div')({
   name: "StyledDivider",
-  "class": "s1e6rwfy",
+  "class": "sfxtxl2",
   propsAsIs: false
 });
 var StyledContentLeft = /*#__PURE__*/react.styled('div')({
   name: "StyledContentLeft",
-  "class": "sfxtxl2",
+  "class": "s1hiyoiq",
   propsAsIs: false
 });
 var StyledContentRight = /*#__PURE__*/react.styled('div')({
   name: "StyledContentRight",
-  "class": "s1hiyoiq",
+  "class": "s15y5ylz",
   propsAsIs: false
 });
 
@@ -59,5 +70,6 @@ exports.StyledContentRight = StyledContentRight;
 exports.StyledDivider = StyledDivider;
 exports.StyledInput = StyledInput;
 exports.StyledLabel = StyledLabel;
+exports.StyledPopover = StyledPopover;
 exports.base = base;
 //# sourceMappingURL=Range.styles.js.map

package/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    flex: 1;\n        \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\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.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.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\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","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,CA+DhC,EAAA;AAEM,IAAMC,IAAI,GAAQ,WAAA;AAElB,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,UAAU,gBAAGN,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,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
+{"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';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\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.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.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    .${String(popoverClasses.wrapper)} {\n        display: block;\n        flex: 1;\n    }\n\n    .${String(popoverClasses.target)} {\n        display: flex;\n        flex-direction: column;\n    }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEzC,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAZ7BA,SAY6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAhBkBA,SAgBlBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6DhC,EAAA;AAEM,IAAMG,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGP,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,CAAM,EAAA;AAEtC,IAAMS,kBAAkB,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;;"}

package/cjs/components/Range/Range.styles_nik84l.css

@@ -0,0 +1,9 @@
+
+.s16kyj37{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--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);}.s16kyj37.range-value-error{--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);}.s16kyj37.range-value-success{--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);}
+.b14q3826 .popover-wrapper{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.b14q3826 .popover-target{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+
+
+.c1e6rwfy{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;}
+
+
+

package/cjs/components/Range/variations/_readonly/base.js

@@ -1,4 +1,4 @@
-import './base_tzdxy8.css';
+import './base_yv1z2h.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Range/variations/_readonly/base_yv1z2h.css

@@ -0,0 +1 @@
+.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .c1e6rwfy{background:var(--plasma-range-background-readonly);}.b1l9fpln[readonly] .s1fwucr5{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .lzi0aji{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .sfxtxl2{color:var(--plasma-range__divider-color-readonly);}.b1l9fpln[readonly] .s1hiyoiq,.b1l9fpln[readonly] .s15y5ylz{color:var(--plasma-range-textfield-color-readonly);}

package/cjs/components/Range/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_16xiubi.css';
+import './base_gbgxzj.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css}

@@ -1 +1 @@
-.bc2if5b .czi0aji{width:inherit;border-radius:var(--plasma-range-border-radius);}.bc2if5b .s1e6rwfy{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.bc2if5b .s14q3826{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.bc2if5b .sfxtxl2{margin:var(--plasma-range__left-content-margin);}.bc2if5b .s1hiyoiq{margin:var(--plasma-range__right-content-margin);}.bc2if5b .l1fwucr5{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
+.bc2if5b .c1e6rwfy{width:inherit;border-radius:var(--plasma-range-border-radius);}.bc2if5b .sfxtxl2{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.bc2if5b .s1fwucr5{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.bc2if5b .s1hiyoiq{margin:var(--plasma-range__left-content-margin);}.bc2if5b .s15y5ylz{margin:var(--plasma-range__right-content-margin);}.bc2if5b .lzi0aji{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}

package/cjs/components/Range/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_5iz3nr.css';
+import './base_87gpil.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Range/variations/_view/base_87gpil.css

@@ -0,0 +1 @@
+.bfrw0i0 .c1e6rwfy{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .c1e6rwfy.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .c1e6rwfy.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .sfxtxl2{color:var(--plasma-range__divider-color);}.bfrw0i0 .s1fwucr5{display:block;color:var(--plasma-range__label-color);}.bfrw0i0 .lzi0aji{color:var(--plasma-range__left-helper-color);}

package/cjs/components/Select/Select.js

@@ -6,7 +6,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index$1 = require('../../utils/index.js');
-var index$2 = require('../Dropdown/utils/index.js');
 var useForceUpdate = require('../../hooks/useForceUpdate.js');
 var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
 var base = require('./variations/_target/base.js');
@@ -23,6 +22,7 @@ var SelectTarget = require('./ui/SelectTarget/SelectTarget.js');
 var index = require('./utils/index.js');
 var Select_styles = require('./Select.styles.js');
 var useKeyNavigation = require('./hooks/useKeyNavigation.js');
+var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
 
 var _excluded = ["name", "form", "readOnly", "disabled", "label", "id", "children", "role", "target", "view", "size", "frame", "usePortal", "enumerationType", "opened", "placement", "onToggle"];
 
@@ -204,7 +204,7 @@ var selectRoot = function selectRoot(Root) {
       id: innerId,
       offset: offset,
       frame: frame,
-      placement: index$2.getPlacements(placement),
+      placement: getPopoverPlacement.getPlacements(placement),
       trigger: "click",
       usePortal: usePortal,
       selectWidth: dynamicTargetWidth,

package/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n    forwardRef<HTMLSelectElement, SelectProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                id,\n                children,\n                role,\n                target,\n                view,\n                size,\n                frame,\n                usePortal,\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n            const rootRef = useRef<HTMLSelectElement | null>(null);\n            const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n            const targetRef = useRef<HTMLButtonElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const selectRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n            const [innerOpened, setOpened] = useState(opened);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n            const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size, target\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size, target]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setOpened(opened);\n            }, [opened, disabled, readOnly]);\n\n            const onInnerToggle = useCallback(\n                (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                    if (disabled || readOnly) {\n                        return;\n                    }\n\n                    if (onToggle) {\n                        onToggle(openValue, event);\n                        return;\n                    }\n\n                    setOpened(openValue);\n                },\n                [disabled, readOnly, onToggle],\n            );\n\n            const updateValue = useCallback(\n                (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                    const {\n                        dataset: { value: newValue },\n                    } = item;\n\n                    if (rest.valueType === 'multiple') {\n                        const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                        rest.onChangeValue?.(newSelected);\n\n                        return;\n                    }\n\n                    const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                    rest.onChangeValue?.(newSelected);\n\n                    onInnerToggle?.(false, event);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n            );\n\n            const onClickChildrenItem = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    // INFO: Для корректной работы компонента Popper\n                    event.stopPropagation();\n\n                    const item = event.currentTarget as HTMLElement;\n\n                    updateValue(item, event);\n                },\n                [updateValue],\n            );\n\n            const onNativeSelectChange = useCallback(\n                (event: React.ChangeEvent<HTMLSelectElement>) => {\n                    if (rest.valueType === 'multiple') {\n                        return;\n                    }\n\n                    const { value: newValue } = event.target;\n                    const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n                    rest.onChangeValue?.(newSelected);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue],\n            );\n\n            const onChangeChipValue = useCallback(\n                (newValue?: Array<SelectPrimitiveValue>) => {\n                    if (rest.valueType !== 'multiple') {\n                        return;\n                    }\n\n                    rest.onChangeValue?.(newValue);\n                },\n                [rest.valueType],\n            );\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: innerOpened,\n                enumerationType,\n                valueType,\n                value,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n            const childrenMemo = useMemo(\n                () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n                [childrenArray, value, innerOpened],\n            );\n\n            const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n            return (\n                <StyledRoot ref={selectRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={valueType === 'native' ? 0 : -1}\n                        form={form}\n                        name={name}\n                        ref={handleRef}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                        onChange={onNativeSelectChange}\n                        className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n                    >\n                        {valueType === 'native' && childrenMemo}\n                    </StyledNativeSelect>\n                    <StyledPopover\n                        role={role}\n                        isOpen={innerOpened}\n                        onToggle={onInnerToggle}\n                        target={\n                            <SelectTarget\n                                tabIndex={valueType === 'native' ? -1 : 0}\n                                opened={innerOpened}\n                                target={target}\n                                values={values}\n                                label={label}\n                                enumerationType={enumerationType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                ref={targetRef}\n                                chipsRefs={chipsRefs}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onKeyDown={onKeyDownTarget}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        frame={frame}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n                            {valueType !== 'native' && (\n                                <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n                            )}\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base: '',\n    variations: {\n        target: {\n            css: targetCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n    forwardRef<HTMLSelectElement, SelectProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                id,\n                children,\n                role,\n                target,\n                view,\n                size,\n                frame,\n                usePortal,\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n            const rootRef = useRef<HTMLSelectElement | null>(null);\n            const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n            const targetRef = useRef<HTMLButtonElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const selectRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n            const [innerOpened, setOpened] = useState(opened);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n            const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size, target\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size, target]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setOpened(opened);\n            }, [opened, disabled, readOnly]);\n\n            const onInnerToggle = useCallback(\n                (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                    if (disabled || readOnly) {\n                        return;\n                    }\n\n                    if (onToggle) {\n                        onToggle(openValue, event);\n                        return;\n                    }\n\n                    setOpened(openValue);\n                },\n                [disabled, readOnly, onToggle],\n            );\n\n            const updateValue = useCallback(\n                (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                    const {\n                        dataset: { value: newValue },\n                    } = item;\n\n                    if (rest.valueType === 'multiple') {\n                        const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                        rest.onChangeValue?.(newSelected);\n\n                        return;\n                    }\n\n                    const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                    rest.onChangeValue?.(newSelected);\n\n                    onInnerToggle?.(false, event);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n            );\n\n            const onClickChildrenItem = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    // INFO: Для корректной работы компонента Popper\n                    event.stopPropagation();\n\n                    const item = event.currentTarget as HTMLElement;\n\n                    updateValue(item, event);\n                },\n                [updateValue],\n            );\n\n            const onNativeSelectChange = useCallback(\n                (event: React.ChangeEvent<HTMLSelectElement>) => {\n                    if (rest.valueType === 'multiple') {\n                        return;\n                    }\n\n                    const { value: newValue } = event.target;\n                    const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n                    rest.onChangeValue?.(newSelected);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue],\n            );\n\n            const onChangeChipValue = useCallback(\n                (newValue?: Array<SelectPrimitiveValue>) => {\n                    if (rest.valueType !== 'multiple') {\n                        return;\n                    }\n\n                    rest.onChangeValue?.(newValue);\n                },\n                [rest.valueType],\n            );\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: innerOpened,\n                enumerationType,\n                valueType,\n                value,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n            const childrenMemo = useMemo(\n                () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n                [childrenArray, value, innerOpened],\n            );\n\n            const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n            return (\n                <StyledRoot ref={selectRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={valueType === 'native' ? 0 : -1}\n                        form={form}\n                        name={name}\n                        ref={handleRef}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                        onChange={onNativeSelectChange}\n                        className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n                    >\n                        {valueType === 'native' && childrenMemo}\n                    </StyledNativeSelect>\n                    <StyledPopover\n                        role={role}\n                        isOpen={innerOpened}\n                        onToggle={onInnerToggle}\n                        target={\n                            <SelectTarget\n                                tabIndex={valueType === 'native' ? -1 : 0}\n                                opened={innerOpened}\n                                target={target}\n                                values={values}\n                                label={label}\n                                enumerationType={enumerationType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                ref={targetRef}\n                                chipsRefs={chipsRefs}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onKeyDown={onKeyDownTarget}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        frame={frame}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n                            {valueType !== 'native' && (\n                                <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n                            )}\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base: '',\n    variations: {\n        target: {\n            css: targetCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Slider/Slider.css

@@ -19,13 +19,13 @@
 
 .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
 
-.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
+.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
+.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
 
 .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
 
-.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
+.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
 
 .TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;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;box-sizing:border-box;}
 .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}