@salutejs/plasma-new-hope 0.68.0-canary.1104.8452846373.0 → 0.68.0-canary.1148.8452547227.0

package/cjs/components/Cell/Cell.css

@@ -0,0 +1,3 @@
+.base_13f5j4a_b1sr9i7l__70a09a57{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;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;gap:var(--plasma-cell-gap);}.base_13f5j4a_b1sr9i7l__70a09a57:focus{outline:0 none;}
+
+.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}

package/cjs/components/Cell/Cell.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../utils/index.js');
+var Cell_styles = require('./Cell.styles.js');
+var Cell_tokens = require('./Cell.tokens.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var base$2 = require('./variations/_stretching/base.js');
+var Textbox = require('./Textbox/Textbox.js');
+
+var cellRoot = function cellRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var size = _ref.size,
+      view = _ref.view,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      _ref$alignLeft = _ref.alignLeft,
+      alignLeft = _ref$alignLeft === void 0 ? 'center' : _ref$alignLeft,
+      _ref$alignRight = _ref.alignRight,
+      alignRight = _ref$alignRight === void 0 ? 'center' : _ref$alignRight,
+      children = _ref.children,
+      title = _ref.title,
+      subtitle = _ref.subtitle,
+      label = _ref.label,
+      stretching = _ref.stretching;
+    var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: index.cx(stretchingClass, Cell_tokens.classes.cellRoot)
+    }, contentLeft && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
+      align: alignLeft
+    }, contentLeft), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, title || subtitle || label ? /*#__PURE__*/React.createElement(Textbox.Textbox, {
+      label: label,
+      title: title,
+      subtitle: subtitle
+    }) : children && children), contentRight && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
+      align: alignRight
+    }, contentRight)));
+  });
+};
+var cellConfig = {
+  name: 'Cell',
+  tag: 'div',
+  layout: cellRoot,
+  base: '',
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    stretching: {
+      css: base$2.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm',
+    stretching: 'filled'
+  }
+};
+
+exports.cellConfig = cellConfig;
+exports.cellRoot = cellRoot;
+//# sourceMappingURL=Cell.js.map

package/cjs/components/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { Textbox } from './Textbox/Textbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignLeft = 'center',\n                alignRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                stretching,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || subtitle || label ? (\n                                <Textbox label={label} title={title} subtitle={subtitle} />\n                            ) : (\n                                children && children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        stretching: 'filled',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,gBAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,mBAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,QAAE,CAACP,eAAe,EAAEC,mBAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,oBAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,8BAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,uBAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,eAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,qBAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDvB,IAAAA,UAAU,EAAE;AACRqB,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;;"}

package/cjs/components/Cell/Cell.styles.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var Cell_tokens = require('./Cell.tokens.js');
+
+var alignToFlex = {
+  center: 'center',
+  top: 'flex-start',
+  bottom: 'flex-end'
+};
+var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-0"
+})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
+var CellContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-1"
+})(["display:flex;align-items:center;height:auto;"]);
+var CellLeft = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-2"
+})(["display:flex;align-items:", ";"], function (_ref) {
+  var align = _ref.align;
+  return alignToFlex[align];
+});
+var CellRight = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-3"
+})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
+  var align = _ref2.align;
+  return alignToFlex[align];
+});
+
+exports.CellContent = CellContent;
+exports.CellContentWrapper = CellContentWrapper;
+exports.CellLeft = CellLeft;
+exports.CellRight = CellRight;
+//# sourceMappingURL=Cell.styles.js.map

package/cjs/components/Cell/Cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n    center: 'center',\n    top: 'flex-start',\n    bottom: 'flex-end',\n};\n\nexport const CellContentWrapper = styled.div`\n    display: flex;\n    flex: auto;\n    justify-content: space-between;\n    gap: var(${tokens.cellGap});\n    height: auto;\n`;\n\nexport const CellContent = styled.div`\n    display: flex;\n    align-items: center;\n    height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n    text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAO,EAE5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIpC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;;;;"}

package/cjs/components/Cell/Cell.tokens.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tokens = {
+  cellColor: '--plasma-cell-color',
+  cellBackgroundColor: '--plasma-cell-background-color',
+  cellPadding: '--plasma-cell-padding',
+  cellPaddingLeftContent: '--plasma-cell-padding-left-content',
+  cellPaddingContent: '--plasma-cell-padding-content',
+  cellPaddingRightContent: '--plasma-cell-padding-right-content',
+  cellTextboxGap: '--plasma-cell-textbox-gap',
+  cellGap: '--plasma-cell-gap',
+  cellWidth: '--plasma-cell-width',
+  cellLabelColor: '--plasma-cell-label-color',
+  cellLabelFontFamily: '--plasma-cell-label-font-family',
+  cellLabelFontSize: '--plasma-cell-label-font-size',
+  cellLabelFontStyle: '--plasma-cell-label-font-style',
+  cellLabelFontWeight: '--plasma-cell-label-font-weight',
+  cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
+  cellLabelLineHeight: '--plasma-cell-label-line-height',
+  cellTitleColor: '--plasma-cell-title-color',
+  cellTitleFontFamily: '--plasma-cell-title-font-family',
+  cellTitleFontSize: '--plasma-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-cell-title-line-height',
+  cellSubtitleColor: '--plasma-cell-subtitle-color',
+  cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
+  cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
+  cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
+  cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
+  cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
+  cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
+};
+var classes = {
+  autoStretching: 'cell-stretching-auto',
+  filledStretching: 'cell-stretching-filled',
+  fixedStretching: 'cell-stretching-fixed',
+  cellWrapper: 'cell-wrapper',
+  cellRoot: 'cell-root',
+  cellContent: 'cell-content',
+  cellLeftContent: 'cell-left-content',
+  cellRightContent: 'cell-right-content'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Cell.tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n    cellColor: '--plasma-cell-color',\n    cellBackgroundColor: '--plasma-cell-background-color',\n\n    cellPadding: '--plasma-cell-padding',\n    cellPaddingLeftContent: '--plasma-cell-padding-left-content',\n    cellPaddingContent: '--plasma-cell-padding-content',\n    cellPaddingRightContent: '--plasma-cell-padding-right-content',\n\n    cellTextboxGap: '--plasma-cell-textbox-gap',\n    cellGap: '--plasma-cell-gap',\n\n    cellWidth: '--plasma-cell-width',\n\n    cellLabelColor: '--plasma-cell-label-color',\n    cellLabelFontFamily: '--plasma-cell-label-font-family',\n    cellLabelFontSize: '--plasma-cell-label-font-size',\n    cellLabelFontStyle: '--plasma-cell-label-font-style',\n    cellLabelFontWeight: '--plasma-cell-label-font-weight',\n    cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n    cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n    cellTitleColor: '--plasma-cell-title-color',\n    cellTitleFontFamily: '--plasma-cell-title-font-family',\n    cellTitleFontSize: '--plasma-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n    cellSubtitleColor: '--plasma-cell-subtitle-color',\n    cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n    cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n    cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n    cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n    cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n    cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n    autoStretching: 'cell-stretching-auto',\n    filledStretching: 'cell-stretching-filled',\n    fixedStretching: 'cell-stretching-fixed',\n\n    cellWrapper: 'cell-wrapper',\n    cellRoot: 'cell-root',\n    cellContent: 'cell-content',\n    cellLeftContent: 'cell-left-content',\n    cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;;"}

package/cjs/components/Cell/Textbox/Textbox.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Textbox_styles = require('./Textbox.styles.js');
+var TextLabel = require('./ui/TextLabel.js');
+var TextTitle = require('./ui/TextTitle.js');
+var TextSubtitle = require('./ui/TextSubtitle.js');
+
+var Textbox = function Textbox(_ref) {
+  var label = _ref.label,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(Textbox_styles.TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(TextLabel.TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle.TextSubtitle, null, subtitle)) : children);
+};
+
+exports.Textbox = Textbox;
+//# sourceMappingURL=Textbox.js.map

package/cjs/components/Cell/Textbox/Textbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textbox.js","sources":["../../../../src/components/Cell/Textbox/Textbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { TextboxProps } from './Textbox.types';\nimport { TextboxStyled } from './Textbox.styles';\nimport { TextLabel } from './ui/TextLabel';\nimport { TextTitle } from './ui/TextTitle';\nimport { TextSubtitle } from './ui/TextSubtitle';\n\nexport const Textbox: React.FC<HTMLAttributes<HTMLDivElement> & TextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        <TextboxStyled>\n            {label || title || subtitle ? (\n                <>\n                    {label && <TextLabel>{label}</TextLabel>}\n                    {title && <TextTitle>{title}</TextTitle>}\n                    {subtitle && <TextSubtitle>{subtitle}</TextSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </TextboxStyled>\n    );\n};\n"],"names":["Textbox","_ref","label","title","subtitle","children","React","createElement","TextboxStyled","Fragment","TextLabel","TextTitle","TextSubtitle"],"mappings":";;;;;;;;;;IAQaA,OAAgE,GAAG,SAAnEA,OAAgEA,CAAAC,IAAA,EAKvE;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,4BAAa,QACTN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,mBAAS,QAAER,KAAiB,CAAC,EACvCC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,mBAAS,EAAER,IAAAA,EAAAA,KAAiB,CAAC,EACvCC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,yBAAY,EAAER,IAAAA,EAAAA,QAAuB,CACrD,CAAC,GAEHC,QAEO,CAAC,CAAA;AAExB;;;;"}

package/cjs/components/Cell/Textbox/Textbox.styles.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var Cell_tokens = require('../Cell.tokens.js');
+
+var TextboxStyled = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-18k78d7-0"
+})(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
+
+exports.TextboxStyled = TextboxStyled;
+//# sourceMappingURL=Textbox.styles.js.map

package/cjs/components/Cell/Textbox/Textbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textbox.styles.js","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const TextboxStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["TextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGxBC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc;;;;"}

package/cjs/components/Cell/Textbox/ui/TextLabel.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
+
+var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-102c6vv-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellLabelColor, Cell_tokens.tokens.cellLabelFontSize, Cell_tokens.tokens.cellLabelFontWeight, Cell_tokens.tokens.cellLabelFontFamily, Cell_tokens.tokens.cellLabelFontStyle, Cell_tokens.tokens.cellLabelLineHeight, Cell_tokens.tokens.cellLabelLetterSpacing);
+var TextLabel = function TextLabel(props) {
+  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
+};
+
+exports.TextLabel = TextLabel;
+//# sourceMappingURL=TextLabel.js.map

package/cjs/components/Cell/Textbox/ui/TextLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLabel.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextLabel = styled.div`\n    color: var(${tokens.cellLabelColor});\n    font-size: var(${tokens.cellLabelFontSize});\n    font-weight: var(${tokens.cellLabelFontWeight});\n    font-family: var(${tokens.cellLabelFontFamily});\n    font-style: var(${tokens.cellLabelFontStyle});\n    line-height: var(${tokens.cellLabelLineHeight});\n    letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n\ntype TextLabelProps = {};\n\nexport const TextLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps> = (props) => {\n    return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing","TextLabel","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/cjs/components/Cell/Textbox/ui/TextSubtitle.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
+
+var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1tsgki4-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellSubtitleColor, Cell_tokens.tokens.cellSubtitleFontSize, Cell_tokens.tokens.cellSubtitleFontWeight, Cell_tokens.tokens.cellSubtitleFontFamily, Cell_tokens.tokens.cellSubtitleFontStyle, Cell_tokens.tokens.cellSubtitleLineHeight, Cell_tokens.tokens.cellSubtitleLetterSpacing);
+var TextSubtitle = function TextSubtitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
+};
+
+exports.TextSubtitle = TextSubtitle;
+//# sourceMappingURL=TextSubtitle.js.map

package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSubtitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextSubtitle = styled.div`\n    color: var(${tokens.cellSubtitleColor});\n    font-size: var(${tokens.cellSubtitleFontSize});\n    font-weight: var(${tokens.cellSubtitleFontWeight});\n    font-family: var(${tokens.cellSubtitleFontFamily});\n    font-style: var(${tokens.cellSubtitleFontStyle});\n    line-height: var(${tokens.cellSubtitleLineHeight});\n    letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n\ntype TextSubtitleProps = {};\n\nexport const TextSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps> = (props) => {\n    return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing","TextSubtitle","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACpBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,iBAAiB,EACpBD,kBAAM,CAACE,oBAAoB,EACzBF,kBAAM,CAACG,sBAAsB,EAC7BH,kBAAM,CAACI,sBAAsB,EAC9BJ,kBAAM,CAACK,qBAAqB,EAC3BL,kBAAM,CAACM,sBAAsB,EAC1BN,kBAAM,CAACO,yBAAyB,CACzD,CAAA;IAIYC,YAA0E,GAAG,SAA7EA,YAA0EA,CAAIC,KAAK,EAAK;EACjG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}

package/cjs/components/Cell/Textbox/ui/TextTitle.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
+
+var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-flfrmq-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellTitleColor, Cell_tokens.tokens.cellTitleFontSize, Cell_tokens.tokens.cellTitleFontWeight, Cell_tokens.tokens.cellTitleFontFamily, Cell_tokens.tokens.cellTitleFontStyle, Cell_tokens.tokens.cellTitleLineHeight, Cell_tokens.tokens.cellTitleLetterSpacing);
+var TextTitle = function TextTitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
+};
+
+exports.TextTitle = TextTitle;
+//# sourceMappingURL=TextTitle.js.map

package/cjs/components/Cell/Textbox/ui/TextTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextTitle = styled.div`\n    color: var(${tokens.cellTitleColor});\n    font-size: var(${tokens.cellTitleFontSize});\n    font-weight: var(${tokens.cellTitleFontWeight});\n    font-family: var(${tokens.cellTitleFontFamily});\n    font-style: var(${tokens.cellTitleFontStyle});\n    line-height: var(${tokens.cellTitleLineHeight});\n    letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n\ntype TextTitleProps = {};\n\nexport const TextTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps> = (props) => {\n    return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing","TextTitle","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}

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

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

package/cjs/components/Cell/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Cell/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/Cell/variations/_stretching/base.js

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

package/cjs/components/Cell/variations/_stretching/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Cell.tokens';\n\nexport const base = css`\n    &.${classes.fixedStretching} {\n        width: var(${tokens.cellWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n    &.${classes.autoStretching} {\n        width: auto;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}

package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css

@@ -0,0 +1 @@
+.b1ppwsal.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1ppwsal.cell-stretching-filled{width:100%;}.b1ppwsal.cell-stretching-auto{width:auto;}

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

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

package/cjs/components/Cell/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n    color: var(${tokens.cellColor});\n    background-color: var(${tokens.cellBackgroundColor});\n\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: var(${tokens.cellGap});\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAYhB;;;;"}

package/cjs/components/Cell/variations/_view/base_13f5j4a.css

@@ -0,0 +1 @@
+.b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;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;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}

package/cjs/components/Dropdown/Dropdown.js

@@ -65,7 +65,6 @@ var dropdownRoot = function dropdownRoot(Root) {
       placement: index.getPlacements(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
-      closeOnBeyondTargetHover: false,
       closeOnEsc: closeOnEsc,
       isFocusTrapped: isFocusTrapped,
       frame: frame
@@ -90,7 +89,7 @@ var dropdownConfig = {
     }
   },
   defaults: {
-    view: 'default',
+    view: 'primary',
     size: 'm'
   }
 };

package/cjs/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnBeyondTargetHover={false}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","closeOnBeyondTargetHover","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Popover/Popover.js

@@ -12,7 +12,7 @@ var base = require('./variations/_view/base.js');
 var Popover_styles = require('./Popover.styles.js');
 var Popover_tokens = require('./Popover.tokens.js');
 
-var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
+var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnOverlayClick", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
 var ESCAPE_KEYCODE = 27;
 var POPOVER_PORTAL_ID = 'plasma-popover-root';
 
@@ -21,41 +21,33 @@ var POPOVER_PORTAL_ID = 'plasma-popover-root';
  * и вызова по клику либо ховеру.
  */
 var popoverRoot = function popoverRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, outerRootRef) {
-    var _placement$;
-    var target = props.target,
-      children = props.children,
-      isOpen = props.isOpen,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      hasArrow = props.hasArrow,
-      _props$frame = props.frame,
-      frame = _props$frame === void 0 ? 'document' : _props$frame,
-      className = props.className,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'auto' : _props$placement,
-      _props$offset = props.offset,
-      offset = _props$offset === void 0 ? [0, 0] : _props$offset,
-      zIndex = props.zIndex,
-      _props$isFocusTrapped = props.isFocusTrapped,
-      isFocusTrapped = _props$isFocusTrapped === void 0 ? true : _props$isFocusTrapped,
-      _props$closeOnEsc = props.closeOnEsc,
-      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,
-      _props$preventOverflo = props.preventOverflow,
-      preventOverflow = _props$preventOverflo === void 0 ? true : _props$preventOverflo,
-      _props$usePortal = props.usePortal,
-      usePortal = _props$usePortal === void 0 ? false : _props$usePortal,
-      view = props.view,
-      onToggle = props.onToggle,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var closeOnOverlayClick = true;
-    var closeOnBeyondTargetHover = true;
-    if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
-      closeOnOverlayClick = false;
-    }
-    if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
-      closeOnBeyondTargetHover = false;
-    }
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var target = _ref.target,
+      children = _ref.children,
+      isOpen = _ref.isOpen,
+      trigger = _ref.trigger,
+      hasArrow = _ref.hasArrow,
+      _ref$frame = _ref.frame,
+      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
+      className = _ref.className,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+      _ref$offset = _ref.offset,
+      offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
+      zIndex = _ref.zIndex,
+      _ref$isFocusTrapped = _ref.isFocusTrapped,
+      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$preventOverflow = _ref.preventOverflow,
+      preventOverflow = _ref$preventOverflow === void 0 ? true : _ref$preventOverflow,
+      _ref$usePortal = _ref.usePortal,
+      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
+      view = _ref.view,
+      onToggle = _ref.onToggle,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var rootRef = React.useRef(null);
     var popoverRef = React.useRef(null);
     var handleRef = plasmaCore.useForkRef(rootRef, outerRootRef);
@@ -76,9 +68,7 @@ var popoverRoot = function popoverRoot(Root) {
       opacity: isOpen ? 1 : 0
     };
     var _usePopper = reactPopper.usePopper(rootRef.current, popoverRef.current, {
-        // TODO: #1121
-        // eslint-disable-next-line no-nested-ternary
-        placement: isAutoArray ? (_placement$ = placement[0]) !== null && _placement$ !== void 0 && _placement$.endsWith('start') ? 'auto-start' : 'auto' : placement,
+        placement: isAutoArray ? 'auto' : placement,
         modifiers: [{
           name: 'preventOverflow',
           options: {
@@ -214,15 +204,10 @@ var popoverRoot = function popoverRoot(Root) {
     }, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       className: className
-    }, rest, {
-      onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
-      onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
-    }), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
+    }, rest), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
       className: Popover_tokens.classes.root,
       ref: popoverForkRef,
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles.popper), {
-        display: isOpen ? 'block' : 'none'
-      }), initialStyles),
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles.popper), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(Popover_styles.StyledArrow, _rollupPluginBabelHelpers.extends({
       className: Popover_tokens.classes.arrow,