@salutejs/plasma-new-hope 0.181.0-canary.1522.11600272541.0 → 0.182.0-canary.1500.11610401138.0

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css

@@ -1,11 +1,13 @@
-.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70{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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70.VerticalTabItem_styles_16d3lah_focusVisible__badfbe70:focus::before,.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
-.VerticalTabItem_styles_16d3lah_s4s0t81__badfbe70{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.VerticalTabItem_styles_16d3lah_tur46hh__badfbe70{color:var(--plasma-tab-item-value-color);}
-.VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70:hover{color:inherit;}
-.VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70:hover{color:inherit;}
+.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b{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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;white-space:nowrap;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b.VerticalTabItem_styles_hh65kv_focusVisible__78556f3b:focus::before,.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalTabItem_styles_hh65kv_s4s0t81__78556f3b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_hh65kv_tur46hh__78556f3b{white-space:nowrap;color:var(--plasma-tab-item-value-color);}
+.VerticalTabItem_styles_hh65kv_r1ms3p4x__78556f3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_hh65kv_r1ms3p4x__78556f3b:hover{color:inherit;}
+.VerticalTabItem_styles_hh65kv_l1yz2xa4__78556f3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_hh65kv_l1yz2xa4__78556f3b:hover{color:inherit;}
 
 .base_fueiq8_byyhn69__02004398{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_fueiq8_byyhn69__02004398:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_fueiq8_byyhn69__02004398:hover .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-hover);}.base_fueiq8_byyhn69__02004398:active{color:var(--plasma-tab-item-color-active);}.base_fueiq8_byyhn69__02004398:active .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-active);}.base_fueiq8_byyhn69__02004398.base_fueiq8_tabItemAnimated__02004398{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
 
 .base_322rr_b13ylalc__13d4018e{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}
 
 .base_13f4t5k_bvdfayd__c71883f1[disabled]{cursor:not-allowed;}.base_13f4t5k_bvdfayd__c71883f1[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_13f4t5k_bvdfayd__c71883f1[disabled].base_13f4t5k_selectedTabsItem__c71883f1:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
+
+.base_1nwonlh_b1ar5ze4__a4361be8.base_1nwonlh_tabsTruncate__a4361be8 .base_1nwonlh_s4s0t81__a4361be8{overflow:hidden;text-overflow:ellipsis;}.base_1nwonlh_b1ar5ze4__a4361be8.base_1nwonlh_tabsTruncate__a4361be8 .base_1nwonlh_tur46hh__a4361be8{overflow:hidden;text-overflow:ellipsis;}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from '../../../tokens.js';
@@ -8,8 +8,9 @@ import { LeftContent, StyledContent, TabItemValue, RightContent, base } from './
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
+import { base as base$4 } from './variations/_truncate/base.js';
 
-var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
+var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
 var verticalTabItemRoot = function verticalTabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,
@@ -26,11 +27,13 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       tabIndex = props.tabIndex,
       className = props.className,
       onClick = props.onClick,
+      maxWidth = props.maxItemWidth,
       rest = _objectWithoutProperties(props, _excluded);
     var innerRef = useRef(null);
     var ref = useForkRef(outerRef, innerRef);
     var refs = useContext(TabsContext);
     var role = 'tab';
+    var truncate = maxWidth !== 'auto';
     var selectedClass = selected ? classes.selectedTabsItem : undefined;
     var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
     var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
@@ -82,11 +85,16 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       role: role,
       view: view,
       size: size,
+      truncate: truncate,
       onFocus: onItemFocus,
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: cx(selectedClass, className),
+      className: cx(selectedClass, truncate && classes.tabsTruncate, className),
       onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
+    }, rest, {
+      style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
+        maxWidth: maxWidth
+      })
+    }), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
       className: classes.tabLeftContent
     }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
       className: classes.tabContent
@@ -110,6 +118,9 @@ var verticalTabItemConfig = {
     disabled: {
       css: base$3,
       attrs: true
+    },
+    truncate: {
+      css: base$4
     }
   },
   defaults: {

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) =>\n    forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            selected,\n            disabled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const selectedClass = selected ? classes.selectedTabsItem : undefined;\n\n        const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n        const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n        useEffect(() => {\n            if (!refs) {\n                return;\n            }\n\n            refs.register(innerRef);\n\n            return () => refs.unregister(innerRef);\n        }, [refs]);\n\n        const onItemFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (disabled) {\n                    return;\n                }\n\n                if (!hasKeyNavigation && innerRef?.current) {\n                    innerRef.current.scrollTo({\n                        top: innerRef.current.offsetTop,\n                        behavior: 'smooth',\n                    });\n\n                    return;\n                }\n\n                if (!refs) {\n                    return;\n                }\n\n                const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n                if (focusIndex === refs.current) {\n                    return;\n                }\n\n                onIndexChange?.(focusIndex);\n                refs.setCurrent(focusIndex);\n            },\n            [refs, innerRef, onIndexChange, disabled],\n        );\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            if (!onClick) {\n                return;\n            }\n\n            onClick(event);\n        };\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                role={role}\n                view={view}\n                size={size}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(selectedClass, className)}\n                onClick={handleClick}\n                {...rest}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                </>\n            </Root>\n        );\n    });\n\nexport const verticalTabItemConfig = {\n    name: 'VerticalTabItem',\n    tag: 'button',\n    layout: verticalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'divider',\n    },\n};\n"],"names":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","onIndexChange","itemIndex","tabIndex","className","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","offsetTop","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as truncateCSS } from './variations/_truncate/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps & { truncate: boolean }>) =>\n    forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            selected,\n            disabled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            maxItemWidth: maxWidth,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n        const truncate = maxWidth !== 'auto';\n\n        const selectedClass = selected ? classes.selectedTabsItem : undefined;\n\n        const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n        const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n        useEffect(() => {\n            if (!refs) {\n                return;\n            }\n\n            refs.register(innerRef);\n\n            return () => refs.unregister(innerRef);\n        }, [refs]);\n\n        const onItemFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (disabled) {\n                    return;\n                }\n\n                if (!hasKeyNavigation && innerRef?.current) {\n                    innerRef.current.scrollTo({\n                        top: innerRef.current.offsetTop,\n                        behavior: 'smooth',\n                    });\n\n                    return;\n                }\n\n                if (!refs) {\n                    return;\n                }\n\n                const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n                if (focusIndex === refs.current) {\n                    return;\n                }\n\n                onIndexChange?.(focusIndex);\n                refs.setCurrent(focusIndex);\n            },\n            [refs, innerRef, onIndexChange, disabled],\n        );\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            if (!onClick) {\n                return;\n            }\n\n            onClick(event);\n        };\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                role={role}\n                view={view}\n                size={size}\n                truncate={truncate}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(selectedClass, truncate && classes.tabsTruncate, className)}\n                onClick={handleClick}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                </>\n            </Root>\n        );\n    });\n\nexport const verticalTabItemConfig = {\n    name: 'VerticalTabItem',\n    tag: 'button',\n    layout: verticalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        truncate: {\n            css: truncateCSS,\n        },\n    },\n    defaults: {\n        view: 'divider',\n    },\n};\n"],"names":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","onIndexChange","itemIndex","tabIndex","className","onClick","maxWidth","maxItemWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","truncate","selectedClass","classes","selectedTabsItem","undefined","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","offsetTop","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","tabsTruncate","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","truncateCSS","defaults"],"mappings":";;;;;;;;;;;;;IAeaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,IAAgF,EAAA;AAAA,EAAA,oBAChHC,UAAU,CAA0C,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACrE,IAAA,IACIC,IAAI,GAeJF,KAAK,CAfLE,IAAI;MACJC,IAAI,GAcJH,KAAK,CAdLG,IAAI;MACJC,QAAQ,GAaRJ,KAAK,CAbLI,QAAQ;MAAAC,eAAA,GAaRL,KAAK,CAZLM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,QAAQ,GAWRP,KAAK,CAXLO,QAAQ;MACRC,KAAK,GAULR,KAAK,CAVLQ,KAAK;MACLC,WAAW,GASXT,KAAK,CATLS,WAAW;MACXC,YAAY,GAQZV,KAAK,CARLU,YAAY;MACZC,aAAa,GAObX,KAAK,CAPLW,aAAa;MACbC,SAAS,GAMTZ,KAAK,CANLY,SAAS;MACTC,QAAQ,GAKRb,KAAK,CALLa,QAAQ;MACRC,SAAS,GAITd,KAAK,CAJLc,SAAS;MACTC,OAAO,GAGPf,KAAK,CAHLe,OAAO;MACOC,QAAQ,GAEtBhB,KAAK,CAFLiB,YAAY;AACTC,MAAAA,IAAI,GAAAC,wBAAA,CACPnB,KAAK,EAAAoB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACvB,QAAQ,EAAEoB,QAAQ,CAAC,CAAA;AAC1C,IAAA,IAAMI,IAAI,GAAGC,UAAU,CAACC,WAAW,CAAC,CAAA;IAEpC,IAAMC,IAAI,GAAG,KAAK,CAAA;AAClB,IAAA,IAAMC,QAAQ,GAAGb,QAAQ,KAAK,MAAM,CAAA;IAEpC,IAAMc,aAAa,GAAG1B,QAAQ,GAAG2B,OAAO,CAACC,gBAAgB,GAAGC,SAAS,CAAA;IAErE,IAAMC,gBAAgB,GAAGtB,SAAS,KAAKqB,SAAS,IAAItB,aAAa,KAAKsB,SAAS,CAAA;AAC/E,IAAA,IAAME,kBAAkB,GAAG,CAAC7B,QAAQ,IAAI,CAAAmB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEW,OAAO,MAAKxB,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAE5EyB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAI,CAACZ,IAAI,EAAE;AACP,QAAA,OAAA;AACJ,OAAA;AAEAA,MAAAA,IAAI,CAACa,QAAQ,CAACjB,QAAQ,CAAC,CAAA;MAEvB,OAAO,YAAA;AAAA,QAAA,OAAMI,IAAI,CAACc,UAAU,CAAClB,QAAQ,CAAC,CAAA;AAAA,OAAA,CAAA;AAC1C,KAAC,EAAE,CAACI,IAAI,CAAC,CAAC,CAAA;AAEV,IAAA,IAAMe,WAAW,GAAGC,WAAW,CAC3B,UAACC,KAAK,EAAK;AACP,MAAA,IAAIpC,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAAC4B,gBAAgB,IAAIb,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAEe,OAAO,EAAE;AACxCf,QAAAA,QAAQ,CAACe,OAAO,CAACO,QAAQ,CAAC;AACtBC,UAAAA,GAAG,EAAEvB,QAAQ,CAACe,OAAO,CAACS,SAAS;AAC/BC,UAAAA,QAAQ,EAAE,QAAA;AACd,SAAC,CAAC,CAAA;AAEF,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACrB,IAAI,EAAE;AACP,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMsB,UAAU,GAAGtB,IAAI,CAACuB,KAAK,CAACC,SAAS,CAAC,UAACC,OAAO,EAAA;AAAA,QAAA,OAAKA,OAAO,CAACd,OAAO,KAAKM,KAAK,CAACS,MAAM,CAAA;OAAC,CAAA,CAAA;AAEtF,MAAA,IAAIJ,UAAU,KAAKtB,IAAI,CAACW,OAAO,EAAE;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEAzB,MAAAA,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAGoC,UAAU,CAAC,CAAA;AAC3BtB,MAAAA,IAAI,CAAC2B,UAAU,CAACL,UAAU,CAAC,CAAA;KAC9B,EACD,CAACtB,IAAI,EAAEJ,QAAQ,EAAEV,aAAa,EAAEL,QAAQ,CAC5C,CAAC,CAAA;AAED,IAAA,IAAM+C,WAAW,GAAG,SAAdA,WAAWA,CAAIX,KAA0C,EAAK;AAChEA,MAAAA,KAAK,CAACY,aAAa,CAACC,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,SAAS;AAAEC,QAAAA,MAAM,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;MAE3E,IAAI,CAAC1C,OAAO,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;MAEAA,OAAO,CAAC2B,KAAK,CAAC,CAAA;KACjB,CAAA;AAED,IAAA,oBACIgB,KAAA,CAAAC,aAAA,CAAC7D,IAAI,EAAA8D,QAAA,CAAA;AACDrC,MAAAA,GAAG,EAAEA,GAAI;AACTjB,MAAAA,QAAQ,EAAEA,QAAS;AACnBsB,MAAAA,IAAI,EAAEA,IAAK;AACXzB,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACX2B,MAAAA,QAAQ,EAAEA,QAAS;AACnBgC,MAAAA,OAAO,EAAErB,WAAY;AACrB3B,MAAAA,QAAQ,EAAEqB,gBAAgB,GAAGC,kBAAkB,GAAGtB,QAAS;AAC3DC,MAAAA,SAAS,EAAEgD,EAAE,CAAChC,aAAa,EAAED,QAAQ,IAAIE,OAAO,CAACgC,YAAY,EAAEjD,SAAS,CAAE;AAC1EC,MAAAA,OAAO,EAAEsC,WAAAA;AAAY,KAAA,EACjBnC,IAAI,EAAA;AACR8C,MAAAA,KAAK,EAAAC,cAAA,CAAAA,cAAA,CACE/C,EAAAA,EAAAA,IAAI,CAAC8C,KAAK,CAAA,EAAA,EAAA,EAAA;AACbhD,QAAAA,QAAQ,EAARA,QAAAA;AAAQ,OAAA,CAAA;AACV,KAAA,CAAA,eAEF0C,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,EACKzD,IAAAA,EAAAA,WAAW,iBAAIiD,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;MAACrD,SAAS,EAAEiB,OAAO,CAACqC,cAAAA;AAAe,KAAA,EAAE3D,WAAyB,CAAC,eAC3FiD,KAAA,CAAAC,aAAA,CAACU,aAAa,EAAA;MAACvD,SAAS,EAAEiB,OAAO,CAACuC,UAAAA;KAAa/D,EAAAA,QAAwB,CAAC,EACvE,CAACG,YAAY,IAAIF,KAAK,iBAAIkD,KAAA,CAAAC,aAAA,CAACY,YAAY,QAAE/D,KAAoB,CAAC,EAC9D,CAACA,KAAK,IAAIE,YAAY,iBACnBgD,KAAA,CAAAC,aAAA,CAACa,YAAY,EAAA;MAAC1D,SAAS,EAAEiB,OAAO,CAAC0C,eAAAA;KAAkB/D,EAAAA,YAA2B,CAEpF,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMgE,qBAAqB,GAAG;AACjCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEhF,mBAAmB;AAC3BiF,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR7E,IAAAA,IAAI,EAAE;AACF8E,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD9E,IAAAA,IAAI,EAAE;AACF6E,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD5E,IAAAA,QAAQ,EAAE;AACN0E,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDvD,IAAAA,QAAQ,EAAE;AACNmD,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js

@@ -1,4 +1,4 @@
-import './VerticalTabItem.styles_16d3lah.css';
+import './VerticalTabItem.styles_hh65kv.css';
 import { styled } from '@linaria/react';
 
 var base = "b1vnvg8i";

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    box-sizing: border-box;\n    align-items: center;\n\n    gap: var(${tokens.itemContentGap});\n    padding: var(${tokens.itemPaddingOrientationVertical});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    color: var(${tokens.itemValueColor});\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;AAMO,IAAMA,IAAI,GAiChB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;"}
+{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    box-sizing: border-box;\n    white-space: nowrap;\n\n    gap: var(${tokens.itemContentGap});\n    padding: var(${tokens.itemPaddingOrientationVertical});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    white-space: nowrap;\n    color: var(${tokens.itemValueColor});\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;AAMO,IAAMA,IAAI,GAiChB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_hh65kv.css

@@ -0,0 +1,5 @@
+.b1vnvg8i{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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;white-space:nowrap;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.b1vnvg8i::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1vnvg8i.focus-visible:focus::before,.b1vnvg8i[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.s4s0t81{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.tur46hh{white-space:nowrap;color:var(--plasma-tab-item-value-color);}
+.r1ms3p4x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1ms3p4x:hover{color:inherit;}
+.l1yz2xa4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1yz2xa4:hover{color:inherit;}

package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js

@@ -0,0 +1,5 @@
+import './base_1nwonlh.css';
+var base = "b1ar5ze4";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, TabItemValue } from '../../VerticalTabItem.styles';\n\nexport const base = css`\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAYhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css

@@ -0,0 +1 @@
+.b1ar5ze4.tabs-truncate .s4s0t81{overflow:hidden;text-overflow:ellipsis;}.b1ar5ze4.tabs-truncate .tur46hh{overflow:hidden;text-overflow:ellipsis;}

package/es/index.css

@@ -250,11 +250,13 @@
 
 .base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b:first-child{margin-left:0;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b.HorizontalTabItem_styles_hfqv5b_focusVisible__5835ec0b:focus::before,.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
-.HorizontalTabItem_styles_hfqv5b_s1l5e9z0__5835ec0b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.HorizontalTabItem_styles_hfqv5b_t1nh4m12__5835ec0b{color:var(--plasma-tab-item-value-color);}
-.HorizontalTabItem_styles_hfqv5b_r13nweg3__5835ec0b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hfqv5b_r13nweg3__5835ec0b:hover{color:inherit;}
-.HorizontalTabItem_styles_hfqv5b_l1iip2sx__5835ec0b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hfqv5b_l1iip2sx__5835ec0b:hover{color:inherit;}
+.base_1b34xv3_b1cew4xy__f781c681.base_1b34xv3_tabsTruncate__f781c681 .base_1b34xv3_s1l5e9z0__f781c681{overflow:hidden;text-overflow:ellipsis;}.base_1b34xv3_b1cew4xy__f781c681.base_1b34xv3_tabsTruncate__f781c681 .base_1b34xv3_t1nh4m12__f781c681{overflow:hidden;text-overflow:ellipsis;}
+
+.HorizontalTabItem_styles_1vj7dbl_bkuum0w__ff9d3342{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1vj7dbl_bkuum0w__ff9d3342:first-child{margin-left:0;}.HorizontalTabItem_styles_1vj7dbl_bkuum0w__ff9d3342::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_1vj7dbl_bkuum0w__ff9d3342.HorizontalTabItem_styles_1vj7dbl_focusVisible__ff9d3342:focus::before,.HorizontalTabItem_styles_1vj7dbl_bkuum0w__ff9d3342[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.HorizontalTabItem_styles_1vj7dbl_s1l5e9z0__ff9d3342{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.HorizontalTabItem_styles_1vj7dbl_t1nh4m12__ff9d3342{color:var(--plasma-tab-item-value-color);}
+.HorizontalTabItem_styles_1vj7dbl_r13nweg3__ff9d3342{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1vj7dbl_r13nweg3__ff9d3342:hover{color:inherit;}
+.HorizontalTabItem_styles_1vj7dbl_l1iip2sx__ff9d3342{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1vj7dbl_l1iip2sx__ff9d3342:hover{color:inherit;}
 
 .VerticalTabs_styles_1r1hidh_b2r261u__b37a3ef1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .VerticalTabs_styles_1r1hidh_s1tfgc53__b37a3ef1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
@@ -267,11 +269,11 @@
 
 .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70{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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70.VerticalTabItem_styles_16d3lah_focusVisible__badfbe70:focus::before,.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
-.VerticalTabItem_styles_16d3lah_s4s0t81__badfbe70{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.VerticalTabItem_styles_16d3lah_tur46hh__badfbe70{color:var(--plasma-tab-item-value-color);}
-.VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70:hover{color:inherit;}
-.VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70:hover{color:inherit;}
+.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b{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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;white-space:nowrap;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b.VerticalTabItem_styles_hh65kv_focusVisible__78556f3b:focus::before,.VerticalTabItem_styles_hh65kv_b1vnvg8i__78556f3b[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalTabItem_styles_hh65kv_s4s0t81__78556f3b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_hh65kv_tur46hh__78556f3b{white-space:nowrap;color:var(--plasma-tab-item-value-color);}
+.VerticalTabItem_styles_hh65kv_r1ms3p4x__78556f3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_hh65kv_r1ms3p4x__78556f3b:hover{color:inherit;}
+.VerticalTabItem_styles_hh65kv_l1yz2xa4__78556f3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_hh65kv_l1yz2xa4__78556f3b:hover{color:inherit;}
 
 .base_fueiq8_byyhn69__02004398{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_fueiq8_byyhn69__02004398:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_fueiq8_byyhn69__02004398:hover .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-hover);}.base_fueiq8_byyhn69__02004398:active{color:var(--plasma-tab-item-color-active);}.base_fueiq8_byyhn69__02004398:active .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-active);}.base_fueiq8_byyhn69__02004398.base_fueiq8_tabItemAnimated__02004398{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
 
@@ -279,6 +281,8 @@
 
 .base_13f4t5k_bvdfayd__c71883f1[disabled]{cursor:not-allowed;}.base_13f4t5k_bvdfayd__c71883f1[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_13f4t5k_bvdfayd__c71883f1[disabled].base_13f4t5k_selectedTabsItem__c71883f1:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
+.base_1nwonlh_b1ar5ze4__a4361be8.base_1nwonlh_tabsTruncate__a4361be8 .base_1nwonlh_s4s0t81__a4361be8{overflow:hidden;text-overflow:ellipsis;}.base_1nwonlh_b1ar5ze4__a4361be8.base_1nwonlh_tabsTruncate__a4361be8 .base_1nwonlh_tur46hh__a4361be8{overflow:hidden;text-overflow:ellipsis;}
+
 .CalendarHeader_styles_1jfelqf_sjaqipy__a85b865d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
 .CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:hover,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1jfelqf_s1b07tlr__a85b865d{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;pointer-events:none;}
@@ -468,6 +472,8 @@
 
 .base_oopyb7_b1e1wuvi__72387433.base_oopyb7_badgeClear__72387433{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
 
+.base_nf9u2h_b1t6qghe__0b1f161a.base_nf9u2h_badgeTruncate__0b1f161a{max-width:100%;}.base_nf9u2h_b1t6qghe__0b1f161a.base_nf9u2h_badgeTruncate__0b1f161a .base_nf9u2h_sqn2dok__0b1f161a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
 .Badge_styles_8pi3br_b1t43xoe__783e5f62{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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
 .Badge_styles_8pi3br_st1n7hr__783e5f62{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-badge-left-content-margin-left);margin-right:var(--plasma-badge-left-content-margin-right);}
 
@@ -765,16 +771,16 @@
 .Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
 .Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}
 
-.TextField_styles_1anhp9c_sxqyqmu__7570a529{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-clear-color:var(--plasma-autocomplete-textfield-clear-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-autocomplete-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-autocomplete-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-autocomplete-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-autocomplete-textfield-optional-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-divider-color:var(--plasma-autocomplete-textfield-divider-color);--plasma-textfield-divider-color-hover:var(--plasma-autocomplete-textfield-divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-autocomplete-textfield-divider-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield-placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-autocomplete-textfield-divider-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-autocomplete-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement-inner-content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);--plasma-textfield-content-slot-color:var(--plasma-autocomplete-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-autocomplete-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-autocomplete-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-autocomplete-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-autocomplete-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-autocomplete-textfield-content-right-slot-color-active);--plasma-textfield__indicator-color:var(--plasma-autocomplete-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-autocomplete-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-autocomplete-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-autocomplete-textfield-indicator-label-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-autocomplete-textfield-indicator-label-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-autocomplete-textfield-indicator-label-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-autocomplete-textfield-indicator-label-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-autocomplete-textfield-clear-indicator-label-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right);}
+.TextField_styles_1csckkd_sxqyqmu__dd345494{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield__placeholder-color-focus:var(--plasma-autocomplete-textfield__placeholder-color-focus);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);--plasma-textfield-content-slot-color:var(--plasma-autocomplete-content-color,var(--plasma-autocomplete-textfield-color));}
 
 .SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 .SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{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;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
 
-.Autocomplete_styles_pv6izw_bn6ooh7__4d3c35cc .Autocomplete_styles_pv6izw_popoverWrapper__4d3c35cc,.Autocomplete_styles_pv6izw_bn6ooh7__4d3c35cc .Autocomplete_styles_pv6izw_popoverTarget__4d3c35cc{display:block;}
-.Autocomplete_styles_pv6izw_s1ih3p9n__4d3c35cc .Autocomplete_styles_pv6izw_popoverRoot__4d3c35cc{display:block;width:var(--s1ih3p9n-0);}
-.Autocomplete_styles_pv6izw_u610ple__4d3c35cc{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:0;padding:var(--plasma-autocomplete-padding);}
-.Autocomplete_styles_pv6izw_l1nz87td__4d3c35cc{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield-left-helper-offset);font-family:var(--plasma-autocomplete-textfield-left-helper-font-family);font-size:var(--plasma-autocomplete-textfield-left-helper-font-size);font-style:var(--plasma-autocomplete-textfield-left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield-left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield-left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
-.Autocomplete_styles_pv6izw_igdxyi6__4d3c35cc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
+.Autocomplete_styles_192fzgs_bn6ooh7__d45d8901 .Autocomplete_styles_192fzgs_popoverWrapper__d45d8901,.Autocomplete_styles_192fzgs_bn6ooh7__d45d8901 .Autocomplete_styles_192fzgs_popoverTarget__d45d8901{display:block;}
+.Autocomplete_styles_192fzgs_s1ih3p9n__d45d8901 .Autocomplete_styles_192fzgs_popoverRoot__d45d8901{display:block;width:var(--s1ih3p9n-0);}
+.Autocomplete_styles_192fzgs_u610ple__d45d8901{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:0;padding:var(--plasma-autocomplete-padding);}
+.Autocomplete_styles_192fzgs_l1nz87td__d45d8901{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
+.Autocomplete_styles_192fzgs_igdxyi6__d45d8901{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
 
 .EmptyState_styles_s585zf_bpbib9h__64fd19b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
 .EmptyState_styles_s585zf_s1g2xar0__64fd19b0{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.181.0-canary.1522.11600272541.0",
+  "version": "0.182.0-canary.1500.11610401138.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,8 +80,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.181.1-dev.0",
-    "@salutejs/plasma-themes": "0.22.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.182.0",
+    "@salutejs/plasma-themes": "0.22.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -115,7 +115,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.183.1-dev.0",
+    "@salutejs/plasma-core": "1.184.0",
     "@salutejs/react-maskinput": "3.2.6",
     "classnames": "2.5.1",
     "dayjs": "1.11.11",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "10edc8717c3d219cf0e6d532981580c119961edb"
+  "gitHead": "eb3290efd3e0dfc5541cbcacecd8280fd5d5fee4"
 }

package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js

@@ -10,92 +10,64 @@ var classes = exports.classes = {
 var tokens = exports.tokens = {
   // Токены для TextField
   textFieldColor: '--plasma-autocomplete-textfield-color',
-  textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',
+  textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield__placeholder-color-focus',
   textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
   textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
   textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
   textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
   textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
   textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
-  textFieldDividerColor: '--plasma-autocomplete-textfield-divider-color',
-  textFieldDividerColorHover: '--plasma-autocomplete-textfield-divider-color-hover',
-  textFieldDividerColorFocus: '--plasma-autocomplete-textfield-divider-color-focus',
   textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
   textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
   textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
-  textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield-placeholder-color-readonly',
-  textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
   textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
   textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
-  textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield-placeholder-color-focus',
-  textFieldClearPlaceholderColor: '--plasma-autocomplete-textfield-clear-placeholder-color',
-  textFieldClearPlaceholderColorFocus: '--plasma-autocomplete-textfield-clear-placeholder-color-focus',
-  textFieldOptionalColor: '--plasma-autocomplete-textfield-optional-color',
   textFieldHeight: '--plasma-autocomplete-textfield-height',
   textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
   textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
   textFieldPadding: '--plasma-autocomplete-textfield-padding',
-  textFieldLeftContentMargin: '--plasma-autocomplete-textfield-left-content-margin',
-  textFieldRightContentMargin: '--plasma-autocomplete-textfield-right-content-margin',
+  textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
+  textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
   textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
   textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
   textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
   textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
   textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
   textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
-  textFieldContentSlotColor: '--plasma-autocomplete-textfield-content-slot-color',
-  textFieldContentSlotColorHover: '--plasma-autocomplete-textfield-content-slot-color-hover',
-  textFieldContentSlotColorActive: '--plasma-autocomplete-textfield-content-slot-color-active',
-  textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color',
-  //
-  textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover',
-  //
-  textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
-  //
-
   textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
-  textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',
-  textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',
-  textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',
-  textFieldLabelFontFamily: '--plasma-autocomplete-textfield-label-font-family',
-  textFieldLabelFontStyle: '--plasma-autocomplete-textfield-label-font-style',
-  textFieldLabelFontSize: '--plasma-autocomplete-textfield-label-font-size',
-  textFieldLabelFontWeight: '--plasma-autocomplete-textfield-label-font-weight',
-  textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield-label-letter-spacing',
-  textFieldLabelLineHeight: '--plasma-autocomplete-textfield-label-line-height',
-  textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement-inner-label-font-family',
-  textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement-inner-label-font-style',
-  textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement-inner-label-font-size',
-  textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement-inner-label-font-weight',
-  textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement-inner-label-letter-spacing',
-  textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement-inner-label-line-height',
-  textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-label-padding',
-  textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-content-padding',
-  textFieldLeftHelperColor: '--plasma-autocomplete-textfield-left-helper-color',
-  textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield-left-helper-color-readonly',
-  textFieldLeftHelperOffset: '--plasma-autocomplete-textfield-left-helper-offset',
-  textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield-left-helper-font-family',
-  textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield-left-helper-font-style',
-  textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield-left-helper-font-size',
-  textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield-left-helper-font-weight',
-  textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield-left-helper-letter-spacing',
-  textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield-left-helper-line-height',
-  textFieldTextBeforeColor: '--plasma-autocomplete-textfield-before-text-color',
-  textFieldTextAfterColor: '--plasma-autocomplete-textfield-after-text-color',
-  textFieldTextBeforeMargin: '--plasma-autocomplete-textfield-before-text-margin',
-  textFieldTextAfterMargin: '--plasma-autocomplete-textfield-after-text-margin',
+  textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
+  textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
+  textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
+  textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
+  textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
+  textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
+  textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
+  textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
+  textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
+  textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
+  textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
+  textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
+  textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
+  textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
+  textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
+  textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
+  textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
+  textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
+  textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
+  textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
+  textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
+  textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
+  textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
+  textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
+  textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
+  textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
+  textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
+  textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
   textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
   textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
-  textFieldIndicatorColor: '--plasma-autocomplete-textfield-indicator-color',
-  textFieldIndicatorSizeInner: '--plasma-autocomplete-textfield-indicator-size-inner',
-  textFieldIndicatorSizeOuter: '--plasma-autocomplete-textfield-indicator-size-outer',
-  textFieldIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-indicator-label-placement-inner',
-  textFieldIndicatorLabelPlacementOuter: '--plasma-autocomplete-textfield-indicator-label-placement-outer',
-  textFieldIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-indicator-label-placement-inner-right',
-  textFieldIndicatorLabelPlacementOuterRight: '--plasma-autocomplete-textfield-indicator-label-placement-outer-right',
-  textFieldClearIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner',
-  textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right',
-  textFieldClearIndicatorHintInnerRight: '--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right',
+  textFieldContentSlotColor: '--plasma-autocomplete-content-color',
   // Токены для дропдауна
   background: '--plasma-autocomplete-background',
   boxShadow: '--plasma-autocomplete-box-shadow',

package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -13,4 +13,4 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
 var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1rp2ggs-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Autocomplete.tokens.textFieldClearColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Autocomplete.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Autocomplete.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Autocomplete.tokens.textFieldOptionalColor, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _Autocomplete.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _Autocomplete.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Autocomplete.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Autocomplete.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Autocomplete.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Autocomplete.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Autocomplete.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Autocomplete.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Autocomplete.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Autocomplete.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.indicatorColor, _Autocomplete.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Autocomplete.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Autocomplete.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Autocomplete.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Autocomplete.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Autocomplete.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Autocomplete.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Autocomplete.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Autocomplete.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Autocomplete.tokens.textFieldClearIndicatorHintInnerRight);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor);