@salutejs/plasma-new-hope 0.180.0-dev.0 → 0.181.0-canary.1500.11604396450.0

package/cjs/components/Badge/Badge.css

@@ -8,6 +8,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);}
 

package/cjs/components/Badge/Badge.js

@@ -10,10 +10,11 @@ var base$1 = require('./variations/_size/base.js');
 var base$2 = require('./variations/_pilled/base.js');
 var base$3 = require('./variations/_transparent/base.js');
 var base$4 = require('./variations/_clear/base.js');
+var base$5 = require('./variations/_truncate/base.js');
 var Badge_styles = require('./Badge.styles.js');
 var Badge_tokens = require('./Badge.tokens.js');
 
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear"];
+var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear", "maxWidth"];
 var badgeRoot = function badgeRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
@@ -29,20 +30,28 @@ var badgeRoot = function badgeRoot(Root) {
       transparent = _props$transparent === void 0 ? false : _props$transparent,
       _props$clear = props.clear,
       clear = _props$clear === void 0 ? false : _props$clear,
+      _props$maxWidth = props.maxWidth,
+      maxWidth = _props$maxWidth === void 0 ? 'auto' : _props$maxWidth,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var pilledClass = pilled ? Badge_tokens.classes.badgePilled : undefined;
     var transparentClass = transparent ? Badge_tokens.classes.badgeTransparent : undefined;
     var clearClass = clear ? Badge_tokens.classes.badgeClear : undefined;
     var txt = !text && typeof children === 'string' ? children : text;
+    var truncate = maxWidth !== 'auto';
     return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref,
-      className: index.cx(pilledClass, transparentClass, clearClass, className),
+      className: index.cx(pilledClass, transparentClass, clearClass, truncate && Badge_tokens.classes.badgeTruncate, className),
       view: view,
       size: size,
       pilled: pilled,
       transparent: transparent,
-      clear: clear
-    }, rest), contentLeft && /*#__PURE__*/React.createElement(Badge_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(Badge_styles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(Badge_styles.StyledContentRight, null, contentRight));
+      clear: clear,
+      truncate: truncate
+    }, rest, {
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest.style), {}, {
+        maxWidth: maxWidth
+      })
+    }), contentLeft && /*#__PURE__*/React.createElement(Badge_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(Badge_styles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(Badge_styles.StyledContentRight, null, contentRight));
   });
 };
 var badgeConfig = {
@@ -68,6 +77,10 @@ var badgeConfig = {
     clear: {
       css: base$4.base,
       attrs: true
+    },
+    truncate: {
+      css: base$5.base,
+      attrs: true
     }
   },
   defaults: {

package/cjs/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const txt = !text && typeof children === 'string' ? children : text;\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","text","contentLeft","contentRight","size","view","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","txt","React","createElement","_extends","cx","StyledContentLeft","StyledContentMain","StyledContentRight","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAcaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAA6B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACnD,IAAA,IACIC,QAAQ,GAWRF,KAAK,CAXLE,QAAQ;MACRC,SAAS,GAUTH,KAAK,CAVLG,SAAS;MACTC,IAAI,GASJJ,KAAK,CATLI,IAAI;MACJC,WAAW,GAQXL,KAAK,CARLK,WAAW;MACXC,YAAY,GAOZN,KAAK,CAPLM,YAAY;MACZC,IAAI,GAMJP,KAAK,CANLO,IAAI;MACJC,IAAI,GAKJR,KAAK,CALLQ,IAAI;MAAAC,aAAA,GAKJT,KAAK,CAJLU,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,kBAAA,GAIdX,KAAK,CAHLY,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MAAAE,YAAA,GAGnBb,KAAK,CAFLc,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;AACVE,MAAAA,IAAI,GAAAC,iDAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;IAET,IAAMC,WAAW,GAAGR,MAAM,GAAGS,oBAAO,CAACC,WAAW,GAAGC,SAAS,CAAA;IAC5D,IAAMC,gBAAgB,GAAGV,WAAW,GAAGO,oBAAO,CAACI,gBAAgB,GAAGF,SAAS,CAAA;IAC3E,IAAMG,UAAU,GAAGV,KAAK,GAAGK,oBAAO,CAACM,UAAU,GAAGJ,SAAS,CAAA;AACzD,IAAA,IAAMK,GAAG,GAAG,CAACtB,IAAI,IAAI,OAAOF,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGE,IAAI,CAAA;AAEnE,IAAA,oBACIuB,KAAA,CAAAC,aAAA,CAAC9B,IAAI,EAAA+B,iCAAA,CAAA;AACD5B,MAAAA,GAAG,EAAEA,GAAI;MACTE,SAAS,EAAE2B,QAAE,CAACZ,WAAW,EAAEI,gBAAgB,EAAEE,UAAU,EAAErB,SAAS,CAAE;AACpEK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACTC,IAAI,CAEPV,EAAAA,WAAW,iBAAIsB,KAAA,CAAAC,aAAA,CAACG,8BAAiB,EAAA,IAAA,EAAE1B,WAA+B,CAAC,EACnEqB,GAAG,gBAAGC,KAAA,CAAAC,aAAA,CAACI,8BAAiB,QAAEN,GAAuB,CAAC,GAAGxB,QAAQ,EAC7DI,YAAY,iBAAIqB,KAAA,CAAAC,aAAA,CAACK,+BAAkB,EAAE3B,IAAAA,EAAAA,YAAiC,CACrE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExC,SAAS;AACjByC,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDhC,IAAAA,MAAM,EAAE;AACJ8B,MAAAA,GAAG,EAAEG,WAAS;AACdC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDhC,IAAAA,WAAW,EAAE;AACT4B,MAAAA,GAAG,EAAEK,WAAc;AACnBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACD9B,IAAAA,KAAK,EAAE;AACH0B,MAAAA,GAAG,EAAEM,WAAQ;AACbF,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDG,EAAAA,QAAQ,EAAE;AACNvC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as truncateCSS } from './variations/_truncate/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps & { truncate: boolean }>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const txt = !text && typeof children === 'string' ? children : text;\n\n        const truncate = maxWidth !== 'auto';\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncate && classes.badgeTruncate, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                truncate={truncate}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        truncate: {\n            css: truncateCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","text","contentLeft","contentRight","size","view","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","txt","truncate","React","createElement","_extends","cx","badgeTruncate","style","_objectSpread","StyledContentLeft","StyledContentMain","StyledContentRight","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","truncateCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;IAeaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC7FC,gBAAU,CAA6B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACnD,IAAA,IACIC,QAAQ,GAYRF,KAAK,CAZLE,QAAQ;MACRC,SAAS,GAWTH,KAAK,CAXLG,SAAS;MACTC,IAAI,GAUJJ,KAAK,CAVLI,IAAI;MACJC,WAAW,GASXL,KAAK,CATLK,WAAW;MACXC,YAAY,GAQZN,KAAK,CARLM,YAAY;MACZC,IAAI,GAOJP,KAAK,CAPLO,IAAI;MACJC,IAAI,GAMJR,KAAK,CANLQ,IAAI;MAAAC,aAAA,GAMJT,KAAK,CALLU,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,kBAAA,GAKdX,KAAK,CAJLY,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MAAAE,YAAA,GAInBb,KAAK,CAHLc,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MAAAE,eAAA,GAGbf,KAAK,CAFLgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,eAAA;AACdE,MAAAA,IAAI,GAAAC,iDAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;IAET,IAAMC,WAAW,GAAGV,MAAM,GAAGW,oBAAO,CAACC,WAAW,GAAGC,SAAS,CAAA;IAC5D,IAAMC,gBAAgB,GAAGZ,WAAW,GAAGS,oBAAO,CAACI,gBAAgB,GAAGF,SAAS,CAAA;IAC3E,IAAMG,UAAU,GAAGZ,KAAK,GAAGO,oBAAO,CAACM,UAAU,GAAGJ,SAAS,CAAA;AACzD,IAAA,IAAMK,GAAG,GAAG,CAACxB,IAAI,IAAI,OAAOF,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGE,IAAI,CAAA;AAEnE,IAAA,IAAMyB,QAAQ,GAAGb,QAAQ,KAAK,MAAM,CAAA;AAEpC,IAAA,oBACIc,KAAA,CAAAC,aAAA,CAACjC,IAAI,EAAAkC,iCAAA,CAAA;AACD/B,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAE8B,QAAE,CAACb,WAAW,EAAEI,gBAAgB,EAAEE,UAAU,EAAEG,QAAQ,IAAIR,oBAAO,CAACa,aAAa,EAAE/B,SAAS,CAAE;AACvGK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,KAAK,EAAEA,KAAM;AACbe,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACfZ,IAAI,EAAA;AACRkB,MAAAA,KAAK,EAAAC,uCAAA,CAAAA,uCAAA,CACEnB,EAAAA,EAAAA,IAAI,CAACkB,KAAK,CAAA,EAAA,EAAA,EAAA;AACbnB,QAAAA,QAAQ,EAARA,QAAAA;AAAQ,OAAA,CAAA;AACV,KAAA,CAAA,EAEDX,WAAW,iBAAIyB,KAAA,CAAAC,aAAA,CAACM,8BAAiB,EAAEhC,IAAAA,EAAAA,WAA+B,CAAC,EACnEuB,GAAG,gBAAGE,KAAA,CAAAC,aAAA,CAACO,8BAAiB,EAAA,IAAA,EAAEV,GAAuB,CAAC,GAAG1B,QAAQ,EAC7DI,YAAY,iBAAIwB,KAAA,CAAAC,aAAA,CAACQ,+BAAkB,EAAEjC,IAAAA,EAAAA,YAAiC,CACrE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkC,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9C,SAAS;AACjB+C,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACRrC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDxC,IAAAA,IAAI,EAAE;AACFuC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDtC,IAAAA,MAAM,EAAE;AACJoC,MAAAA,GAAG,EAAEG,WAAS;AACdC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDtC,IAAAA,WAAW,EAAE;AACTkC,MAAAA,GAAG,EAAEK,WAAc;AACnBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACDpC,IAAAA,KAAK,EAAE;AACHgC,MAAAA,GAAG,EAAEM,WAAQ;AACbF,MAAAA,KAAK,EAAE,IAAA;KACV;AACDrB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEO,WAAW;AAChBH,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDI,EAAAA,QAAQ,EAAE;AACN9C,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Badge/Badge.tokens.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var classes = {
   badgePilled: 'badge-pilled',
   badgeTransparent: 'badge-transparent',
-  badgeClear: 'badge-clear'
+  badgeClear: 'badge-clear',
+  badgeTruncate: 'badge-truncate'
 };
 var tokens = {
   background: '--plasma-badge-background',

package/cjs/components/Badge/Badge.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    paddingTop: '--plasma-badge-padding-top',\n    paddingRight: '--plasma-badge-padding-right',\n    paddingBottom: '--plasma-badge-padding-bottom',\n    paddingLeft: '--plasma-badge-padding-left',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","borderRadius","pilledBorderRadius","height","paddingTop","paddingRight","paddingBottom","paddingLeft","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,WAAW,EAAE,6BAA6B;AAE1CC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;"}
+{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    paddingTop: '--plasma-badge-padding-top',\n    paddingRight: '--plasma-badge-padding-right',\n    paddingBottom: '--plasma-badge-padding-bottom',\n    paddingLeft: '--plasma-badge-padding-left',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","borderRadius","pilledBorderRadius","height","paddingTop","paddingRight","paddingBottom","paddingLeft","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,WAAW,EAAE,6BAA6B;AAE1CC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;"}

package/cjs/components/Badge/variations/_truncate/base.js

@@ -0,0 +1,9 @@
+import './base_nf9u2h.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1t6qghe";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_truncate/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_truncate/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../Badge.tokens';\nimport { StyledContentMain } from '../../Badge.styles';\n\nexport const base = css`\n    &.${classes.badgeTruncate} {\n        max-width: 100%;\n\n        ${StyledContentMain} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAUhB;;;;"}

package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css

@@ -0,0 +1 @@
+.b1t6qghe.badge-truncate{max-width:100%;}.b1t6qghe.badge-truncate .sqn2dok{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -332,7 +332,7 @@ var comboboxRoot = function comboboxRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-      setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
+      setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
 
       // В deps мы кладем именно outerValue и internalValue, а не просто value.
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
@@ -365,6 +365,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       },
       placement: placement,
       portal: portal,
+      listWidth: listWidth,
       target: function target(referenceRef) {
         return /*#__PURE__*/React.createElement(Target_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
           ref: inputForkRef,

package/cjs/components/Combobox/ComboboxNew/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getInitialValue,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(valueToItemMap.get(outerValue as string)?.label || '');\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (newValue: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n\n            // После выбора/снятия чекбокса скроллим к инпуту\n            setTimeout(() => {\n                if (inputRef.current) {\n                    inputRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        inline: 'start',\n                    });\n                }\n            }, 1);\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(valueToItemMap.get(outerValue as string)?.label || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleListToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {isEmpty(filteredItems) ? (\n                                        <StyledEmptyState\n                                            className={classes.emptyStateWrapper}\n                                            size={size}\n                                            description=\"Ничего не найдено\"\n                                        />\n                                    ) : (\n                                        filteredItems.map((item, index) => (\n                                            <Inner\n                                                key={`${index}/0`}\n                                                item={item}\n                                                currentLevel={0}\n                                                path={path}\n                                                dispatchPath={dispatchPath}\n                                                index={index}\n                                                listWidth={listWidth}\n                                            />\n                                        ))\n                                    )}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_valueToItemMap$get2","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","targetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","_props$alwaysOpened","alwaysOpened","filter","outerCloseAfterSelect","closeAfterSelect","renderValue","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","_slicedToArray","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","get","_useState2","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","undefined","getInitialValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get3","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","valueToItemMapper","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","_valueToItemMap$get4","_","val","updateSingleAncestors","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getInitialValue,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(valueToItemMap.get(outerValue as string)?.label || '');\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (newValue: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n\n            // После выбора/снятия чекбокса скроллим к инпуту\n            setTimeout(() => {\n                if (inputRef.current) {\n                    inputRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        inline: 'start',\n                    });\n                }\n            }, 1);\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(valueToItemMap.get(value as string)?.label || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleListToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            listWidth={listWidth}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {isEmpty(filteredItems) ? (\n                                        <StyledEmptyState\n                                            className={classes.emptyStateWrapper}\n                                            size={size}\n                                            description=\"Ничего не найдено\"\n                                        />\n                                    ) : (\n                                        filteredItems.map((item, index) => (\n                                            <Inner\n                                                key={`${index}/0`}\n                                                item={item}\n                                                currentLevel={0}\n                                                path={path}\n                                                dispatchPath={dispatchPath}\n                                                index={index}\n                                                listWidth={listWidth}\n                                            />\n                                        ))\n                                    )}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_valueToItemMap$get2","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","targetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","_props$alwaysOpened","alwaysOpened","filter","outerCloseAfterSelect","closeAfterSelect","renderValue","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","_slicedToArray","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","get","_useState2","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","undefined","getInitialValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get3","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","valueToItemMapper","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","_valueToItemMap$get4","_","val","updateSingleAncestors","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -14,6 +14,7 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onToggle = _ref.onToggle,
     placement = _ref.placement,
     portal = _ref.portal,
+    listWidth = _ref.listWidth,
     _ref$offset = _ref.offset,
     offset = _ref$offset === void 0 ? 0 : _ref$offset;
   var _useFloating = react.useFloating({
@@ -26,7 +27,7 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           var rects = _ref2.rects,
             elements = _ref2.elements;
           Object.assign(elements.floating.style, {
-            width: "".concat(rects.reference.width, "px")
+            width: listWidth || "".concat(rects.reference.width, "px")
           });
         }
       })]

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal root={portal} id={portal ? undefined : wrappedId}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","root","setFloating","_objectSpread","zIndex"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal root={portal} id={portal ? undefined : wrappedId}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","root","setFloating","_objectSpread","zIndex"],"mappings":"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"}

package/cjs/components/Tabs/tokens.js

@@ -18,7 +18,8 @@ var classes = {
   tabsHasTopArrow: 'tabs-has-top-arrow',
   tabsHasBottomArrow: 'tabs-has-bottom-arrow',
   tabsClipScroll: 'tabs-clip-scroll',
-  tabsClipShowAll: 'tabs-clip-show-all'
+  tabsClipShowAll: 'tabs-clip-show-all',
+  tabsTruncate: 'tabs-truncate'
 };
 var tokens = {
   disabledOpacity: '--plasma-tabs-disabled-opacity',

package/cjs/components/Tabs/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n    tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":"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"}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css

@@ -6,8 +6,10 @@
 
 .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;}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -12,9 +12,10 @@ var base$1 = require('./variations/_view/base.js');
 var base = require('./variations/_size/base.js');
 var base$3 = require('./variations/_pilled/base.js');
 var base$2 = require('./variations/_disabled/base.js');
+var base$4 = require('./variations/_truncate/base.js');
 var HorizontalTabItem_styles = require('./HorizontalTabItem.styles.js');
 
-var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
+var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
 var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
     var size = props.size,
@@ -36,11 +37,13 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       tabIndex = props.tabIndex,
       className = props.className,
       onClick = props.onClick,
+      maxWidth = props.maxItemWidth,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var innerRef = React.useRef(null);
     var ref = plasmaCore.useForkRef(outerRef, innerRef);
     var refs = React.useContext(TabsContext.TabsContext);
     var role = 'tab';
+    var truncate = maxWidth !== 'auto';
     var pilledAttr = view !== 'clear' && pilled;
     var animatedClass = animated ? tokens.classes.tabItemAnimated : undefined;
     var pilledClass = pilledAttr ? tokens.classes.tabsPilled : undefined;
@@ -99,11 +102,16 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       // TODO: убрать каст any, когда будут удалены deprecated props
       ,
       size: size,
+      truncate: truncate,
       onFocus: onItemFocus,
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: index.cx(pilledClass, selectedClass, animatedClass, className),
+      className: index.cx(pilledClass, selectedClass, animatedClass, truncate && tokens.classes.tabsTruncate, className),
       onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(HorizontalTabItem_styles.LeftContent, {
+    }, rest, {
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest.style), {}, {
+        maxWidth: maxWidth
+      })
+    }), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(HorizontalTabItem_styles.LeftContent, {
       className: tokens.classes.tabLeftContent
     }, contentLeft), /*#__PURE__*/React.createElement(HorizontalTabItem_styles.StyledContent, {
       className: tokens.classes.tabContent
@@ -130,6 +138,9 @@ var horizontalTabItemConfig = {
     },
     pilled: {
       css: base$3.base
+    },
+    truncate: {
+      css: base$4.base
     }
   },
   defaults: {