npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2397.20456842500.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1159) hide show

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

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

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

@@ -1,4 +1,4 @@
-require('./Range.styles_3o7597.css');
+require('./Range.styles_xy77jo.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

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

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

package/dist/css/{es/components/Range/Range.styles_3o7597.css → cjs/components/Range/Range.styles_xy77jo.css} RENAMED Viewed

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

package/dist/css/cjs/components/Range/variations/_readonly/base.js CHANGED Viewed

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

package/dist/css/cjs/components/Range/variations/_readonly/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n ~~box-shadow: none;\n~~ background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,~~GA4ChB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA2ChB;;;;"}

package/dist/css/cjs/components/Range/variations/_readonly/base_18ua98l.css ADDED Viewed

@@ -0,0 +1 @@

+ .b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .czi0aji{position:relative;background:transparent;}.b1l9fpln[readonly] .czi0aji: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;}.b1l9fpln[readonly] .s1e6rwfy{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s1k2erwt,.b1l9fpln[readonly] .s16kyj37{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .s1k2erwt:hover,.b1l9fpln[readonly] .s16kyj37:hover,.b1l9fpln[readonly] .s1k2erwt:active,.b1l9fpln[readonly] .s16kyj37:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.b1l9fpln[readonly] .s16kyj37{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}

package/dist/css/cjs/components/Select/Select.css CHANGED Viewed

@@ -33,11 +33,11 @@
 .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);}
-.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--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), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_io4bpie__a8f9d947{color:var(--plasma-textfield-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color-focus);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_t600610__a8f9d947{color:var(--plasma-textfield__title-caption-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_l7hnwwb__a8f9d947{color:var(--plasma-textfield__left-helper-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_smqgwd8__a8f9d947{color:var(--plasma-textfield__before-text-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_s14qvple__a8f9d947{color:var(--plasma-textfield__after-text-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--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), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_ssv2kwg__1c9f79b8{color:var(--plasma-textfield-content-slot-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_t600610__1c9f79b8{color:var(--plasma-textfield__title-caption-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_smqgwd8__1c9f79b8{color:var(--plasma-textfield__before-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_s14qvple__1c9f79b8{color:var(--plasma-textfield__after-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
-.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
+.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa{position:relative;color:var(--plasma-textfield-color-readonly);background:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:hover{background-color:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_textfieldHasDivider__ecf699aa .base_1ys6zet_iq39zt5__ecf699aa:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:focus-within .base_1ys6zet_i19ry60d__ecf699aa,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_i19ry60d__ecf699aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_io4bpie__ecf699aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_t600610__ecf699aa{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_l7hnwwb__ecf699aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_ssv2kwg__ecf699aa:hover{color:var(--private_content-slot-color);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:hover,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_labelPlacementOuter__ecf699aa .base_1ys6zet_l1gjsnfi__ecf699aa{color:var(--plasma-textfield__label-color-readonly);}
 .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
@@ -57,29 +57,29 @@
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
-.TextField_styles_1pu4eym_iq39zt5__18abad84{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_1pu4eym_i1j28rg8__18abad84{-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_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1pu4eym_io4bpie__18abad84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
-.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_1pu4eym_olv9av6__18abad84{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
-.TextField_styles_1pu4eym_suk2zst__18abad84{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;}
-.TextField_styles_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_1pu4eym_s190z894__18abad84{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;}
-.TextField_styles_1pu4eym_sb3k3v1__18abad84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
-.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1pu4eym_hgy0im1__18abad84{color:var(--plasma-textfield__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;}
-.TextField_styles_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_s18fd2_iq39zt5__21d3c155{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_s18fd2_i1j28rg8__21d3c155{-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_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_s18fd2_io4bpie__21d3c155{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
+.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
+.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_s18fd2_olv9av6__21d3c155{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
+.TextField_styles_s18fd2_suk2zst__21d3c155{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;}
+.TextField_styles_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_s18fd2_s190z894__21d3c155{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;}
+.TextField_styles_s18fd2_sb3k3v1__21d3c155{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
+.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
+.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_s18fd2_hgy0im1__21d3c155{color:var(--plasma-textfield__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;}
+.TextField_styles_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
@@ -107,10 +107,10 @@
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
-.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
-.Textfield_styles_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
-.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
-.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}
+.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48 div.Textfield_styles_q5q8aa_inputWrapper__83cecc48:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48.Textfield_styles_q5q8aa_readonly__83cecc48{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);}
+.Textfield_styles_q5q8aa_i7x5udn__83cecc48{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48 .Textfield_styles_q5q8aa_arrowInverse__83cecc48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48:hover,.Textfield_styles_q5q8aa_i7x5udn__83cecc48:active{color:var(--i7x5udn-1);}
+.Textfield_styles_q5q8aa_s2oocb4__83cecc48{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_q5q8aa_s1kxyc50__83cecc48{margin:0;padding:0;}
 .base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}

package/dist/css/cjs/components/Select/Select.js CHANGED Viewed

@@ -31,7 +31,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var _excluded = ["id", "value", "onChange", "target", "items", "treeView", "arrowPlacement", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "mode", "chipClickArea", "_offset", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
+var _excluded = ["id", "value", "onChange", "target", "items", "treeView", "arrowPlacement", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "contentRight", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "mode", "chipClickArea", "_offset", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
@@ -64,6 +64,7 @@ var selectRoot = function selectRoot(Root) {
       listMaxHeight = props.listMaxHeight,
       listWidth = props.listWidth,
       contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
       onScrollBottom = props.onScrollBottom,
       onScroll = props.onScroll,
       chipView = props.chipView,
@@ -392,6 +393,8 @@ var selectRoot = function selectRoot(Root) {
       chipView: chipView,
       disabled: disabled,
       readOnly: readOnly,
+      hintView: hintView,
+      hintSize: hintSize,
       id: id,
       ref: rootRef
     }, rest), name && /*#__PURE__*/React__default.default.createElement(SelectNative.SelectNative, {
@@ -442,6 +445,7 @@ var selectRoot = function selectRoot(Root) {
           labelPlacement: labelPlacement,
           size: size,
           contentLeft: contentLeft,
+          contentRight: contentRight,
           disabled: disabled,
           readOnly: readOnly,
           renderValue: renderValue,