@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2398.20426736662.0

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        const hasContent = Boolean(txt || children || additionalContent || contentRight);\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft hasContent={hasContent}>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight hasContent={hasContent}>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","hasContent","Boolean","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
-require('./LinkButton.styles_1e7vwn3.css');
+require('./LinkButton.styles_ztirgn.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+var LinkButton_tokens = require('./LinkButton.tokens.js');
 var common = require('../../engines/common.js');
 var Spinner$1 = require('../Spinner/Spinner.js');
 
@@ -47,15 +48,33 @@ var LinkButtonText = /*#__PURE__*/react.styled('span')({
   "class": "l1uogc3z",
   propsAsIs: false
 });
+var _exp15 = function _exp15() {
+  return function (_ref2) {
+    var hasContent = _ref2.hasContent;
+    return hasContent ? "var(".concat(LinkButton_tokens.tokens.linkButtonLeftContentMargin, ")") : '0';
+  };
+};
 var StyledContentLeft = /*#__PURE__*/react.styled('div')({
   name: "StyledContentLeft",
   "class": "s176p3a0",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "s176p3a0-0": [/*#__PURE__*/_exp15()]
+  }
 });
+var _exp17 = function _exp17() {
+  return function (_ref3) {
+    var hasContent = _ref3.hasContent;
+    return hasContent ? "var(".concat(LinkButton_tokens.tokens.linkButtonRightContentMargin, ")") : '0';
+  };
+};
 var StyledContentRight = /*#__PURE__*/react.styled('div')({
   name: "StyledContentRight",
   "class": "slixkvc",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "slixkvc-0": [/*#__PURE__*/_exp17()]
+  }
 });
 
 exports.LinkButtonText = LinkButtonText;

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,YAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;;;;;;;;"}
+{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonLeftContentMargin})` : '0')};\n`;\n\nexport const StyledContentRight = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonRightContentMargin})` : '0')};\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","_exp15","_ref2","hasContent","concat","tokens","linkButtonLeftContentMargin","StyledContentLeft","_exp17","_ref3","linkButtonRightContentMargin","StyledContentRight"],"mappings":"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"}

package/dist/css/cjs/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_ztirgn.css}

@@ -4,5 +4,5 @@
 .l7ptchj{position:absolute;}
 .s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
 .l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
-.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}

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

@@ -1,10 +1,10 @@
-.base_1u545tb_bc2if5b__591666ba .base_1u545tb_czi0aji__591666ba{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_czi0aji__591666ba:before{border-radius:var(--plasma-range-border-radius);box-shadow:var(--plasma-range-shadow);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_s1e6rwfy__591666ba{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);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_s1k2erwt__591666ba{margin:var(--plasma-range__left-content-margin);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_s16kyj37__591666ba{margin:var(--plasma-range__right-content-margin);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_sfxtxl2__591666ba .base_1u545tb_popoverWrapper__591666ba{margin:var(--plasma-range-info-wrapper-hint-placement-inner-offset);}.base_1u545tb_bc2if5b__591666ba .base_1u545tb_ipu4dtt__591666ba.base_1u545tb_rangeClearHasOuterHint__591666ba{--plasma-info-wrapper-indicator-without-label-inner:var(--plasma-range-info-wrapper-indicator-without-label-outer-hint);}.base_1u545tb_bc2if5b__591666ba.base_1u545tb_rangeClear__591666ba.base_1u545tb_rangeNoCaptionLabel__591666ba .base_1u545tb_ipu4dtt__591666ba .base_1u545tb_i1jayrnz__591666ba{--plasma_private-translateY-without-title-caption:calc(-1 * var(--plasma-range-info-wrapper-title-caption-line-height));-webkit-transform:translateY(var(--plasma_private-translateY-without-title-caption));-ms-transform:translateY(var(--plasma_private-translateY-without-title-caption));transform:translateY(var(--plasma_private-translateY-without-title-caption));}
+.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_cfxtxl2__37f276b8{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_cfxtxl2__37f276b8:before{border-radius:var(--plasma-range-border-radius);box-shadow:var(--plasma-range-shadow);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_s1hiyoiq__37f276b8{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);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_s14q3826__37f276b8{margin-bottom: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);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_szi0aji__37f276b8{width:var(--plasma-range__indicator-size);height:var(--plasma-range__indicator-size);inset:var(--plasma-range__indicator-placement);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_szi0aji__37f276b8.base_13h9f8f_requiredAlignRight__37f276b8{inset:var(--plasma-range__indicator-placement-right);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_szi0aji__37f276b8.base_13h9f8f_requiredPlacementOuter__37f276b8{width:var(--plasma-range__indicator-size-outer);height:var(--plasma-range__indicator-size-outer);inset:var(--plasma-range__indicator-placement-outer);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_szi0aji__37f276b8.base_13h9f8f_requiredPlacementOuter__37f276b8.base_13h9f8f_requiredAlignRight__37f276b8{inset:var(--plasma-range__indicator-placement-outer-right);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_s15y5ylz__37f276b8{margin:var(--plasma-range__left-content-margin);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_suha98b__37f276b8{margin:var(--plasma-range__right-content-margin);}.base_13h9f8f_bc2if5b__37f276b8 .base_13h9f8f_l1e6rwfy__37f276b8{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);}
 
-.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e.base_1s1elv3_rangeError__2098508e{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e.base_1s1elv3_rangeError__2098508e .base_1s1elv3_s14q3826__2098508e{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e.base_1s1elv3_rangeSuccess__2098508e{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e.base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_s14q3826__2098508e{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_czi0aji__2098508e:before{box-shadow:var(--plasma-range-shadow);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_s1k2erwt__2098508e{color:var(--plasma-textfield-content-slot-color-success);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_s1k2erwt__2098508e:hover{color:var(--plasma-textfield-content-slot-color-success-hover);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_s1k2erwt__2098508e:active{color:var(--plasma-textfield-content-slot-color-success-active);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_czi0aji__2098508e:before{background:var(--plasma-range-textfield__divider-color-success);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_s14q3826__2098508e{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-success);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-success-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-success-active);--plasma-textfield-divider-color:transparent;--plasma-textfield-divider-color-hover:transparent;--plasma-textfield-divider-color-focus:transparent;}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_s14q3826__2098508e.base_1s1elv3_rangeValueSuccess__2098508e{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-success);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-success-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-success-active);--plasma-textfield-divider-color:var(--plasma-range-textfield__divider-color-success);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-success);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-success);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_s1k2erwt__2098508e{color:var(--plasma-textfield-content-slot-color-error);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_s1k2erwt__2098508e:hover{color:var(--plasma-textfield-content-slot-color-error-hover);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_s1k2erwt__2098508e:active{color:var(--plasma-textfield-content-slot-color-error-active);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_czi0aji__2098508e:before{background:var(--plasma-range-textfield__divider-color-error);}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_s14q3826__2098508e{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-error);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-error-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-error-active);--plasma-textfield-divider-color:transparent;--plasma-textfield-divider-color-hover:transparent;--plasma-textfield-divider-color-focus:transparent;}.base_1s1elv3_bfrw0i0__2098508e.base_1s1elv3_rangeClear__2098508e .base_1s1elv3_s14q3826__2098508e.base_1s1elv3_rangeValueError__2098508e{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-error);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-error-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-error-active);--plasma-textfield-divider-color:var(--plasma-range-textfield__divider-color-error);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-error);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-error);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_s1e6rwfy__2098508e{color:var(--plasma-range__divider-color);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_rangeSuccess__2098508e .base_1s1elv3_infoWrapperLeftHelper__2098508e,.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_rangeValueSuccess__2098508e .base_1s1elv3_infoWrapperLeftHelper__2098508e{color:var(--plasma-range-info-wrapper-left-helper--success);}.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_rangeError__2098508e .base_1s1elv3_infoWrapperLeftHelper__2098508e,.base_1s1elv3_bfrw0i0__2098508e .base_1s1elv3_rangeValueError__2098508e .base_1s1elv3_infoWrapperLeftHelper__2098508e{color:var(--plasma-range-info-wrapper-left-helper--error);}
+.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838:before{box-shadow:var(--plasma-range-shadow);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s1hiyoiq__610f2838{color:var(--plasma-range__divider-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s14q3826__610f2838{display:block;color:var(--plasma-range__label-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_szi0aji__610f2838{background-color:var(--plasma-range__indicator-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838{color:var(--plasma-range__left-helper-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeError__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueError__610f2838{color:var(--plasma-range__left-helper-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeSuccess__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueSuccess__610f2838{color:var(--plasma-range__left-helper-color-success);}
 
-.base_1cgs2ed_brz2a7__bbd37422[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s1k2erwt__bbd37422,.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s16kyj37__bbd37422{color:var(--plasma-textfield-content-slot-color);}.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s1k2erwt__bbd37422:hover,.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s16kyj37__bbd37422:hover,.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s1k2erwt__bbd37422:active,.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s16kyj37__bbd37422:active{color:var(--plasma-textfield-content-slot-color);}.base_1cgs2ed_brz2a7__bbd37422[disabled] .base_1cgs2ed_s16kyj37__bbd37422{pointer-events:none;}
+.base_14rf606_brz2a7__16fff211[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211{color:var(--plasma-textfield-content-slot-color);}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211:hover,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211:hover,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211:active,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211:active{color:var(--plasma-textfield-content-slot-color);}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211{pointer-events:none;}
 
-.base_chxl4k_b1l9fpln__57c78a77[readonly]{cursor:default;}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_czi0aji__57c78a77{position:relative;box-shadow:none;background:transparent;}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_czi0aji__57c78a77:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s1e6rwfy__57c78a77{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s1k2erwt__57c78a77,.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s16kyj37__57c78a77{color:var(--plasma-range-textfield-color-readonly);}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s1k2erwt__57c78a77:hover,.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s16kyj37__57c78a77:hover,.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s1k2erwt__57c78a77:active,.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s16kyj37__57c78a77:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_chxl4k_b1l9fpln__57c78a77[readonly] .base_chxl4k_s16kyj37__57c78a77{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}
+.base_15u5q5r_b1l9fpln__946dd3fa[readonly]{cursor:default;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_cfxtxl2__946dd3fa{position:relative;box-shadow:none;background:transparent;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_cfxtxl2__946dd3fa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s14q3826__946dd3fa{display:block;color:var(--plasma-range__label-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_l1e6rwfy__946dd3fa{color:var(--plasma-range__left-helper-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s1hiyoiq__946dd3fa{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa{color:var(--plasma-range-textfield-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa:hover,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa:hover,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa:active,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}
 
 .base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
@@ -84,41 +84,13 @@
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.Range_styles_3o7597_s1k2erwt__6922e39b{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_3o7597_s1k2erwt__6922e39b:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_3o7597_s1k2erwt__6922e39b:active{color:var(--plasma-textfield-content-slot-color-active);}
-.Range_styles_3o7597_s16kyj37__6922e39b{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_3o7597_s16kyj37__6922e39b:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_3o7597_s16kyj37__6922e39b:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.Range_styles_3o7597_s14q3826__6922e39b{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_3o7597_s14q3826__6922e39b.Range_styles_3o7597_rangeValueError__6922e39b{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_3o7597_s14q3826__6922e39b.Range_styles_3o7597_rangeValueSuccess__6922e39b{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
-.Range_styles_3o7597_b1fwucr5__6922e39b{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Range_styles_3o7597_czi0aji__6922e39b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_3o7597_czi0aji__6922e39b:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_3o7597_czi0aji__6922e39b.Range_styles_3o7597_rangeClear__6922e39b.Range_styles_3o7597_rangeClearDivider__6922e39b:before{content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
+.Range_styles_it2utg_s1k2erwt__c15202aa{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__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);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueError__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueSuccess__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
+.Range_styles_it2utg_b16kyj37__c15202aa{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.Range_styles_3o7597_sfxtxl2__6922e39b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
-
-.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
-
-.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_l1fqe3w9__308f3020,.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_oaxqu7s__308f3020{font-family:var(--plasma-info-wrapper-label-font-family);font-size:var(--plasma-info-wrapper-label-font-size);font-style:var(--plasma-info-wrapper-label-font-style);font-weight:var(--plasma-info-wrapper-label-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);line-height:var(--plasma-info-wrapper-label-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h1wtm44t__308f3020{margin:var(--plasma-info-wrapper-hint-margin);width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h43wmae__308f3020{width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_t7bnw1h__308f3020{font-family:var(--plasma-info-wrapper-title-caption-font-family);font-size:var(--plasma-info-wrapper-title-caption-font-size);font-style:var(--plasma-info-wrapper-title-caption-font-style);font-weight:var(--plasma-info-wrapper-title-caption-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);line-height:var(--plasma-info-wrapper-title-caption-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h18pp23t__308f3020{padding:var(--plasma-info-wrapper-helpers-padding-top);gap:var(--plasma-info-wrapper-helpers-gap);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_l132dj1__308f3020{font-family:var(--plasma-info-wrapper-left-helper-font-family);font-size:var(--plasma-info-wrapper-left-helper-font-size);font-style:var(--plasma-info-wrapper-left-helper-font-style);font-weight:var(--plasma-info-wrapper-left-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);line-height:var(--plasma-info-wrapper-left-helper-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_r19wxw5z__308f3020{font-family:var(--plasma-info-wrapper-right-helper-font-family);font-size:var(--plasma-info-wrapper-right-helper-font-size);font-style:var(--plasma-info-wrapper-right-helper-font-style);font-weight:var(--plasma-info-wrapper-right-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);line-height:var(--plasma-info-wrapper-right-helper-line-height);}
-
-.base_wadb2d_b1tn8ril__8f53a33c[disabled]{opacity:var(--plasma-info-wrapper-disabled-opacity);cursor:not-allowed;}.base_wadb2d_b1tn8ril__8f53a33c[disabled] .base_wadb2d_l1fqe3w9__8f53a33c{cursor:not-allowed;}
-
-.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_l1fqe3w9__f94af1a8{color:var(--plasma-info-wrapper-label-color-readonly,var(--plasma-info-wrapper-label-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_t7bnw1h__f94af1a8{color:var(--plasma-info-wrapper-title-caption-color-readonly,var(--plasma-info-wrapper-title-caption-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_l132dj1__f94af1a8{color:var(--plasma-info-wrapper-left-helper-color-readonly,var(--plasma-info-wrapper-left-helper-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_r19wxw5z__f94af1a8{color:var(--plasma-info-wrapper-right-helper-color-readonly,var(--plasma-info-wrapper-right-helper-color));}
-
-.base_glf2dq_b1gugqmv__31bd984f .base_glf2dq_hdyyw77__31bd984f{--plasma-tooltip-background-color:var(--plasma-info-wrapper-tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-info-wrapper-tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-info-wrapper-tooltip-color);}
-
-.base_1dodn1p_biophi7__30a69a9e .base_1dodn1p_hdyyw77__30a69a9e{white-space:normal;--plasma-tooltip-padding-top:var(--plasma-info-wrapper-tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-info-wrapper-tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-info-wrapper-tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-info-wrapper-tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-info-wrapper-tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-info-wrapper-tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-info-wrapper-tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-info-wrapper-tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-info-wrapper-tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-info-wrapper-tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-info-wrapper-tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-info-wrapper-tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-info-wrapper-tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-info-wrapper-tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-info-wrapper-tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-info-wrapper-tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-info-wrapper-tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-info-wrapper-tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-info-wrapper-tooltip-arrow-background);}
-
-.InformationWrapper_styles_13qfwt9_ipu4dtt__cf87e978{--plasma-info-wrapper-indicator-wrapper-gap:var(--plasma-range-info-wrapper-indicator-wrapper-gap);--plasma-info-wrapper-label-wrapper-offset:var(--plasma-range-info-wrapper-label-wrapper-offset);--plasma-info-wrapper-label-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-label-wrapper-title-caption-offset);--plasma-info-wrapper-label-font-family:var(--plasma-range-info-wrapper-label-font-family);--plasma-info-wrapper-label-font-style:var(--plasma-range-info-wrapper-label-font-style);--plasma-info-wrapper-label-font-size:var(--plasma-range-info-wrapper-label-font-size);--plasma-info-wrapper-label-font-weight:var(--plasma-range-info-wrapper-label-font-weight);--plasma-info-wrapper-label-letter-spacing:var(--plasma-range-info-wrapper-label-letter-spacing);--plasma-info-wrapper-label-line-height:var(--plasma-range-info-wrapper-label-line-height);--plasma-info-wrapper-label-color:var(--plasma-range-info-wrapper-label-color);--plasma-info-wrapper-content-gap:var(--plasma-range-info-wrapper-content-gap);--plasma-info-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-title-caption-offset);--plasma-info-wrapper-title-caption-color:var(--plasma-range-info-wrapper-title-caption-color);--plasma-info-wrapper-title-caption-font-family:var(--plasma-range-info-wrapper-title-caption-font-family);--plasma-info-wrapper-title-caption-font-style:var(--plasma-range-info-wrapper-title-caption-font-style);--plasma-info-wrapper-title-caption-font-size:var(--plasma-range-info-wrapper-title-caption-font-size);--plasma-info-wrapper-title-caption-font-weight:var(--plasma-range-info-wrapper-title-caption-font-weight);--plasma-info-wrapper-title-caption-letter-spacing:var(--plasma-range-info-wrapper-title-caption-letter-spacing);--plasma-info-wrapper-title-caption-line-height:var(--plasma-range-info-wrapper-title-caption-line-height);--plasma-info-wrapper-hint-margin:var(--plasma-range-info-wrapper-hint-margin);--plasma-info-wrapper-hint-target-size:var(--plasma-range-info-wrapper-hint-target-size);--plasma-info-wrapper-hint-custom-icon-target-size:var(--plasma-range-info-wrapper-hint-custom-icon-target-size);--plasma-info-wrapper-hint-icon-color:var(--plasma-range-info-wrapper-hint-icon-color);--plasma-info-wrapper-hint-without-label-placement-offset:var(--plasma-range-info-wrapper-hint-without-label-placement-offset);--plasma-info-wrapper-tooltip-background-color:var(--plasma-range-info-wrapper-tooltip-background-color);--plasma-info-wrapper-tooltip-box-shadow:var(--plasma-range-info-wrapper-tooltip-box-shadow);--plasma-info-wrapper-tooltip-color:var(--plasma-range-info-wrapper-tooltip-color);--plasma-info-wrapper-tooltip-padding-top:var(--plasma-range-info-wrapper-tooltip-padding-top);--plasma-info-wrapper-tooltip-padding-right:var(--plasma-range-info-wrapper-tooltip-padding-right);--plasma-info-wrapper-tooltip-padding-bottom:var(--plasma-range-info-wrapper-tooltip-padding-bottom);--plasma-info-wrapper-tooltip-padding-left:var(--plasma-range-info-wrapper-tooltip-padding-left);--plasma-info-wrapper-tooltip-min-height:var(--plasma-range-info-wrapper-tooltip-min-height);--plasma-info-wrapper-tooltip-border-radius:var(--plasma-range-info-wrapper-tooltip-border-radius);--plasma-info-wrapper-tooltip-text-font-family:var(--plasma-range-info-wrapper-tooltip-text-font-family);--plasma-info-wrapper-tooltip-text-font-size:var(--plasma-range-info-wrapper-tooltip-text-font-size);--plasma-info-wrapper-tooltip-text-font-style:var(--plasma-range-info-wrapper-tooltip-text-font-style);--plasma-info-wrapper-tooltip-text-font-weight:var(--plasma-range-info-wrapper-tooltip-text-font-weight);--plasma-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-range-info-wrapper-tooltip-text-font-letter-spacing);--plasma-info-wrapper-tooltip-text-font-line-height:var(--plasma-range-info-wrapper-tooltip-text-font-line-height);--plasma-info-wrapper-tooltip-content-left-margin:var(--plasma-range-info-wrapper-tooltip-content-left-margin);--plasma-info-wrapper-tooltip-arrow-mask-width:var(--plasma-range-info-wrapper-tooltip-arrow-mask-width);--plasma-info-wrapper-tooltip-arrow-mask-height:var(--plasma-range-info-wrapper-tooltip-arrow-mask-height);--plasma-info-wrapper-tooltip-arrow-mask-image:var(--plasma-range-info-wrapper-tooltip-arrow-mask-image);--plasma-info-wrapper-tooltip-arrow-height:var(--plasma-range-info-wrapper-tooltip-arrow-height);--plasma-info-wrapper-tooltip-arrow-edge-margin:var(--plasma-range-info-wrapper-tooltip-arrow-edge-margin);--plasma-info-wrapper-tooltip-arrow-background:var(--plasma-range-info-wrapper-tooltip-arrow-background);--plasma-info-wrapper-indicator-color:var(--plasma-range-info-wrapper-indicator-color);--plasma-info-wrapper-indicator-size-inner:var(--plasma-range-info-wrapper-indicator-size-inner);--plasma-info-wrapper-indicator-size-outer:var(--plasma-range-info-wrapper-indicator-size-outer);--plasma-info-wrapper-indicator-margin-top:var(--plasma-range-info-wrapper-indicator-margin-top);--plasma-info-wrapper-indicator-outer-left:var(--plasma-range-info-wrapper-indicator-outer-left);--plasma-info-wrapper-indicator-without-label-inner:var(--plasma-range-info-wrapper-indicator-without-label-inner);--plasma-info-wrapper-indicator-without-label-inner-left:var(--plasma-range-info-wrapper-indicator-without-label-inner-left);--plasma-info-wrapper-left-helper-color:var(--plasma-range-info-wrapper-left-helper-color);--plasma-info-wrapper-helpers-padding-top:var(--plasma-range-info-wrapper-helpers-padding-top);--plasma-info-wrapper-helpers-gap:var(--plasma-range-info-wrapper-helpers-gap);--plasma-info-wrapper-left-helper-font-family:var(--plasma-range-info-wrapper-left-helper-font-family);--plasma-info-wrapper-left-helper-font-style:var(--plasma-range-info-wrapper-left-helper-font-style);--plasma-info-wrapper-left-helper-font-size:var(--plasma-range-info-wrapper-left-helper-font-size);--plasma-info-wrapper-left-helper-font-weight:var(--plasma-range-info-wrapper-left-helper-font-weight);--plasma-info-wrapper-left-helper-letter-spacing:var(--plasma-range-info-wrapper-left-helper-letter-spacing);--plasma-info-wrapper-left-helper-line-height:var(--plasma-range-info-wrapper-left-helper-line-height);--plasma-info-wrapper-label-color-readonly:var(--plasma-range-info-wrapper-label-color-readonly);--plasma-info-wrapper-title-caption-color-readonly:var(--plasma-range-info-wrapper-title-caption-color-readonly);--plasma-info-wrapper-left-helper-color-readonly:var(--plasma-range-info-wrapper-left-helper-color-readonly);--plasma-info-wrapper-right-helper-color-readonly:var(--plasma-range-info-wrapper-right-helper-color-readonly);}
-
-.InformationWrapper_styles_p99b7q_b1afvn77__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.InformationWrapper_styles_p99b7q_c145ezhs__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
-.InformationWrapper_styles_p99b7q_c155wolr__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
-.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042{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;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:relative;margin-bottom:var(--l19xn9bg-2);display:var(--l19xn9bg-3);height:var(--l19xn9bg-4);}
-.InformationWrapper_styles_p99b7q_ia4nqa1__a9728042{position:var(--ia4nqa1-0);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;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
-.InformationWrapper_styles_p99b7q_l1fqe3w9__a9728042{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);--plasma_private-translateY-without-title-caption:calc(-1 * var(--plasma-info-wrapper-title-caption-line-height));-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
-.InformationWrapper_styles_p99b7q_h43wmae__a9728042{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.InformationWrapper_styles_p99b7q_hdyyw77__a9728042 .InformationWrapper_styles_p99b7q_h43wmae__a9728042 .InformationWrapper_styles_p99b7q_popoverRoot__a9728042{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.InformationWrapper_styles_p99b7q_ho64r6r__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
-.InformationWrapper_styles_p99b7q_oaxqu7s__a9728042{color:var(--plasma-info-wrapper-optional-color);}
-.InformationWrapper_styles_p99b7q_t7bnw1h__a9728042{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
-.InformationWrapper_styles_p99b7q_h18pp23t__a9728042{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.Range_styles_it2utg_s1fwucr5__c15202aa{position:relative;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;}
+.Range_styles_it2utg_szi0aji__c15202aa{position:absolute;border-radius:50%;}
 
+.Range_styles_it2utg_cfxtxl2__c15202aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_it2utg_cfxtxl2__c15202aa:before{content:'';position:absolute;inset:0;z-index:-1;}
 
+.Range_styles_it2utg_s15y5ylz__c15202aa{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_it2utg_s15y5ylz__c15202aa:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_it2utg_s15y5ylz__c15202aa:active{color:var(--plasma-textfield-content-slot-color-active);}
+.Range_styles_it2utg_suha98b__c15202aa{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_it2utg_suha98b__c15202aa:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_it2utg_suha98b__c15202aa:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}

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

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