@salutejs/plasma-new-hope 0.69.0-canary.1148.8505804388.0 → 0.69.0-canary.1148.8520837057.0

package/cjs/components/Cell/Cell.js

@@ -8,7 +8,7 @@ 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 CellTextbox = require('./CellTextbox/CellTextbox.js');
+var CellTextbox = require('./ui/CellTextbox/CellTextbox.js');
 
 var cellRoot = function cellRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
@@ -29,19 +29,20 @@ var cellRoot = function cellRoot(Root) {
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
+    var titleText = title || description;
+    var contentLeftDeprecated = contentLeft || content;
     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, {
+    }, contentLeftDeprecated && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
       align: alignContentLeft
-    }, contentLeft), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox.CellTextbox, {
+    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox.CellTextbox, {
       label: label,
-      description: description,
-      title: title,
+      title: titleText,
       subtitle: subtitle
-    }) : children || content), contentRight && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
+    }) : children), contentRight && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
       align: alignContentRight
     }, contentRight)));
   });

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

@@ -1 +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 { base, 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 { CellTextbox } from './CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignContentLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || description || subtitle || label ? (\n                                <CellTextbox\n                                    label={label}\n                                    description={description}\n                                    title={title}\n                                    subtitle={subtitle}\n                                />\n                            ) : (\n                                children || content\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"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 { base, 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 { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var CellTextLabel_styles = require('./CellTextLabel.styles.js');
+
+var CellTextLabel = function CellTextLabel(props) {
+  return /*#__PURE__*/React.createElement(CellTextLabel_styles.StyledTextLabel, null, props.children);
+};
+
+exports.CellTextLabel = CellTextLabel;
+//# sourceMappingURL=CellTextLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextLabel/CellTextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextLabel } from './CellTextLabel.styles';\n\nexport const CellTextLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["CellTextLabel","props","React","createElement","StyledTextLabel","children"],"mappings":";;;;;;;IAIaA,aAAuD,GAAG,SAA1DA,aAAuDA,CAAIC,KAAK,EAAK;EAC9E,oBAAOC,KAAA,CAAAC,aAAA,CAACC,oCAAe,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/cjs/components/Cell/{CellTextbox/ui/CellTextLabel.js → ui/CellTextLabel/CellTextLabel.styles.js}

@@ -2,16 +2,12 @@
 
 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-2pgst1-0"
+  componentId: "plasma-new-hope__sc-1tqdor0-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 CellTextboxLabel = function CellTextboxLabel(props) {
-  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
-};
 
-exports.CellTextboxLabel = CellTextboxLabel;
-//# sourceMappingURL=CellTextLabel.js.map
+exports.StyledTextLabel = StyledTextLabel;
+//# sourceMappingURL=CellTextLabel.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextLabel/CellTextLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;;;;;IAIaA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACxBC,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;;;;"}

package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var CellTextSubtitle_styles = require('./CellTextSubtitle.styles.js');
+
+var CellTextSubtitle = function CellTextSubtitle(props) {
+  return /*#__PURE__*/React.createElement(CellTextSubtitle_styles.StyledTextSubtitle, null, props.children);
+};
+
+exports.CellTextSubtitle = CellTextSubtitle;
+//# sourceMappingURL=CellTextSubtitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextSubtitle } from './CellTextSubtitle.styles';\n\nexport const CellTextSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["CellTextSubtitle","props","React","createElement","StyledTextSubtitle","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}

package/cjs/components/Cell/{CellTextbox/ui/CellTextSubtitle.js → ui/CellTextSubtitle/CellTextSubtitle.styles.js}

@@ -2,16 +2,12 @@
 
 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-12wzp7p-0"
+  componentId: "plasma-new-hope__sc-1knq38p-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 CellTextboxSubtitle = function CellTextboxSubtitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
-};
 
-exports.CellTextboxSubtitle = CellTextboxSubtitle;
-//# sourceMappingURL=CellTextSubtitle.js.map
+exports.StyledTextSubtitle = StyledTextSubtitle;
+//# sourceMappingURL=CellTextSubtitle.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,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;;;;"}

package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var CellTextTitle_styles = require('./CellTextTitle.styles.js');
+
+var CellTextTitle = function CellTextTitle(props) {
+  return /*#__PURE__*/React.createElement(CellTextTitle_styles.StyledTextTitle, null, props.children);
+};
+
+exports.CellTextTitle = CellTextTitle;
+//# sourceMappingURL=CellTextTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextTitle/CellTextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextTitle } from './CellTextTitle.styles';\n\nexport const CellTextTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["CellTextTitle","props","React","createElement","StyledTextTitle","children"],"mappings":";;;;;;;IAIaA,aAAuD,GAAG,SAA1DA,aAAuDA,CAAIC,KAAK,EAAK;EAC9E,oBAAOC,KAAA,CAAAC,aAAA,CAACC,oCAAe,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/cjs/components/Cell/{CellTextbox/ui/CellTextTitle.js → ui/CellTextTitle/CellTextTitle.styles.js}

@@ -2,16 +2,12 @@
 
 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-xt8zbj-0"
+  componentId: "plasma-new-hope__sc-pvtsj3-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 CellTextboxTitle = function CellTextboxTitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
-};
 
-exports.CellTextboxTitle = CellTextboxTitle;
-//# sourceMappingURL=CellTextTitle.js.map
+exports.StyledTextTitle = StyledTextTitle;
+//# sourceMappingURL=CellTextTitle.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextTitle/CellTextTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;;;;;IAIaA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACxBC,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;;;;"}

package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var CellTextLabel = require('../CellTextLabel/CellTextLabel.js');
+var CellTextTitle = require('../CellTextTitle/CellTextTitle.js');
+var CellTextSubtitle = require('../CellTextSubtitle/CellTextSubtitle.js');
+var CellTextbox_styles = require('./CellTextbox.styles.js');
+
+var CellTextbox = function CellTextbox(_ref) {
+  var label = _ref.label,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextLabel.CellTextLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextTitle.CellTextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextSubtitle.CellTextSubtitle, null, subtitle)) : children);
+};
+
+exports.CellTextbox = CellTextbox;
+//# sourceMappingURL=CellTextbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextLabel } from '../CellTextLabel/CellTextLabel';\nimport { CellTextTitle } from '../CellTextTitle/CellTextTitle';\nimport { CellTextSubtitle } from '../CellTextSubtitle/CellTextSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        <CellTextboxStyled>\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextLabel>{label}</CellTextLabel>}\n                    {title && <CellTextTitle>{title}</CellTextTitle>}\n                    {subtitle && <CellTextSubtitle>{subtitle}</CellTextSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextLabel","CellTextTitle","CellTextSubtitle"],"mappings":";;;;;;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;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,oCAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,2BAAa,QAAER,KAAqB,CAAC,EAC/CC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,2BAAa,EAAER,IAAAA,EAAAA,KAAqB,CAAC,EAC/CC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,iCAAgB,EAAER,IAAAA,EAAAA,QAA2B,CAC7D,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}

package/cjs/components/Cell/{CellTextbox → ui/CellTextbox}/CellTextbox.styles.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var Cell_tokens = require('../Cell.tokens.js');
+var Cell_tokens = require('../../Cell.tokens.js');
 
 var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1t9f5dx-0"
+  componentId: "plasma-new-hope__sc-gn95dc-0"
 })(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
 
 exports.CellTextboxStyled = CellTextboxStyled;

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

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

package/cjs/index.js

@@ -23,12 +23,12 @@ var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
 var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
 var Chip = require('./components/Chip/Chip.js');
 var Chip_tokens = require('./components/Chip/Chip.tokens.js');
-var CellTextLabel = require('./components/Cell/CellTextbox/ui/CellTextLabel.js');
-var CellTextTitle = require('./components/Cell/CellTextbox/ui/CellTextTitle.js');
-var CellTextSubtitle = require('./components/Cell/CellTextbox/ui/CellTextSubtitle.js');
+var CellTextLabel = require('./components/Cell/ui/CellTextLabel/CellTextLabel.js');
+var CellTextTitle = require('./components/Cell/ui/CellTextTitle/CellTextTitle.js');
+var CellTextSubtitle = require('./components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js');
 var Cell = require('./components/Cell/Cell.js');
 var Cell_tokens = require('./components/Cell/Cell.tokens.js');
-var CellTextbox = require('./components/Cell/CellTextbox/CellTextbox.js');
+var CellTextbox = require('./components/Cell/ui/CellTextbox/CellTextbox.js');
 var Link = require('./components/Link/Link.js');
 var Spinner = require('./components/Spinner/Spinner.js');
 var Spinner_tokens = require('./components/Spinner/Spinner.tokens.js');
@@ -244,9 +244,9 @@ exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
 exports.chipConfig = Chip.chipConfig;
 exports.chipRoot = Chip.chipRoot;
 exports.chipTokens = Chip_tokens.tokens;
-exports.CellTextboxLabel = CellTextLabel.CellTextboxLabel;
-exports.CellTextboxTitle = CellTextTitle.CellTextboxTitle;
-exports.CellTextboxSubtitle = CellTextSubtitle.CellTextboxSubtitle;
+exports.CellTextLabel = CellTextLabel.CellTextLabel;
+exports.CellTextTitle = CellTextTitle.CellTextTitle;
+exports.CellTextSubtitle = CellTextSubtitle.CellTextSubtitle;
 exports.cellConfig = Cell.cellConfig;
 exports.cellRoot = Cell.cellRoot;
 exports.cellClasses = Cell_tokens.classes;

package/es/components/Cell/Cell.js

@@ -4,7 +4,7 @@ import { CellLeft, CellContentWrapper, CellContent, CellRight, base } from './Ce
 import { classes } from './Cell.tokens.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
-import { CellTextbox } from './CellTextbox/CellTextbox.js';
+import { CellTextbox } from './ui/CellTextbox/CellTextbox.js';
 
 var cellRoot = function cellRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
@@ -25,19 +25,20 @@ var cellRoot = function cellRoot(Root) {
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
+    var titleText = title || description;
+    var contentLeftDeprecated = contentLeft || content;
     return /*#__PURE__*/React.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: cx(stretchingClass, classes.cellRoot)
-    }, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
+    }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
-    }, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
+    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
       label: label,
-      description: description,
-      title: title,
+      title: titleText,
       subtitle: subtitle
-    }) : children || content), contentRight && /*#__PURE__*/React.createElement(CellRight, {
+    }) : children), contentRight && /*#__PURE__*/React.createElement(CellRight, {
       align: alignContentRight
     }, contentRight)));
   });

package/es/components/Cell/Cell.js.map

@@ -1 +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 { base, 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 { CellTextbox } from './CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignContentLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || description || subtitle || label ? (\n                                <CellTextbox\n                                    label={label}\n                                    description={description}\n                                    title={title}\n                                    subtitle={subtitle}\n                                />\n                            ) : (\n                                children || content\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"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 { base, 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 { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{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    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StyledTextLabel } from './CellTextLabel.styles.js';
+
+var CellTextLabel = function CellTextLabel(props) {
+  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
+};
+
+export { CellTextLabel };
+//# sourceMappingURL=CellTextLabel.js.map

package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextLabel/CellTextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextLabel } from './CellTextLabel.styles';\n\nexport const CellTextLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["CellTextLabel","props","React","createElement","StyledTextLabel","children"],"mappings":";;;IAIaA,aAAuD,GAAG,SAA1DA,aAAuDA,CAAIC,KAAK,EAAK;EAC9E,oBAAOC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/es/components/Cell/{CellTextbox/ui/CellTextLabel.js → ui/CellTextLabel/CellTextLabel.styles.js}

@@ -1,13 +1,9 @@
-import React from 'react';
 import styled from 'styled-components';
 import { tokens } from '../../Cell.tokens.js';
 
 var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2pgst1-0"
+  componentId: "plasma-new-hope__sc-1tqdor0-0"
 })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
-var CellTextboxLabel = function CellTextboxLabel(props) {
-  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
-};
 
-export { CellTextboxLabel };
-//# sourceMappingURL=CellTextLabel.js.map
+export { StyledTextLabel };
+//# sourceMappingURL=CellTextLabel.styles.js.map

package/es/components/Cell/ui/CellTextLabel/CellTextLabel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextLabel/CellTextLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;IAIaA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACxBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB;;;;"}

package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StyledTextSubtitle } from './CellTextSubtitle.styles.js';
+
+var CellTextSubtitle = function CellTextSubtitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
+};
+
+export { CellTextSubtitle };
+//# sourceMappingURL=CellTextSubtitle.js.map

package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextSubtitle } from './CellTextSubtitle.styles';\n\nexport const CellTextSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["CellTextSubtitle","props","React","createElement","StyledTextSubtitle","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}

package/es/components/Cell/{CellTextbox/ui/CellTextSubtitle.js → ui/CellTextSubtitle/CellTextSubtitle.styles.js}

@@ -1,13 +1,9 @@
-import React from 'react';
 import styled from 'styled-components';
 import { tokens } from '../../Cell.tokens.js';
 
 var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-12wzp7p-0"
+  componentId: "plasma-new-hope__sc-1knq38p-0"
 })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
-var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
-};
 
-export { CellTextboxSubtitle };
-//# sourceMappingURL=CellTextSubtitle.js.map
+export { StyledTextSubtitle };
+//# sourceMappingURL=CellTextSubtitle.styles.js.map

package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,iBAAiB,EACpBD,MAAM,CAACE,oBAAoB,EACzBF,MAAM,CAACG,sBAAsB,EAC7BH,MAAM,CAACI,sBAAsB,EAC9BJ,MAAM,CAACK,qBAAqB,EAC3BL,MAAM,CAACM,sBAAsB,EAC1BN,MAAM,CAACO,yBAAyB;;;;"}

package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StyledTextTitle } from './CellTextTitle.styles.js';
+
+var CellTextTitle = function CellTextTitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
+};
+
+export { CellTextTitle };
+//# sourceMappingURL=CellTextTitle.js.map

package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextTitle/CellTextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextTitle } from './CellTextTitle.styles';\n\nexport const CellTextTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["CellTextTitle","props","React","createElement","StyledTextTitle","children"],"mappings":";;;IAIaA,aAAuD,GAAG,SAA1DA,aAAuDA,CAAIC,KAAK,EAAK;EAC9E,oBAAOC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/es/components/Cell/{CellTextbox/ui/CellTextTitle.js → ui/CellTextTitle/CellTextTitle.styles.js}

@@ -1,13 +1,9 @@
-import React from 'react';
 import styled from 'styled-components';
 import { tokens } from '../../Cell.tokens.js';
 
 var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-xt8zbj-0"
+  componentId: "plasma-new-hope__sc-pvtsj3-0"
 })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
-var CellTextboxTitle = function CellTextboxTitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
-};
 
-export { CellTextboxTitle };
-//# sourceMappingURL=CellTextTitle.js.map
+export { StyledTextTitle };
+//# sourceMappingURL=CellTextTitle.styles.js.map

package/es/components/Cell/ui/CellTextTitle/CellTextTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextTitle/CellTextTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const 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"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;IAIaA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACxBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB;;;;"}

package/es/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CellTextLabel } from '../CellTextLabel/CellTextLabel.js';
+import { CellTextTitle } from '../CellTextTitle/CellTextTitle.js';
+import { CellTextSubtitle } from '../CellTextSubtitle/CellTextSubtitle.js';
+import { CellTextboxStyled } from './CellTextbox.styles.js';
+
+var CellTextbox = function CellTextbox(_ref) {
+  var label = _ref.label,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextSubtitle, null, subtitle)) : children);
+};
+
+export { CellTextbox };
+//# sourceMappingURL=CellTextbox.js.map

package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextLabel } from '../CellTextLabel/CellTextLabel';\nimport { CellTextTitle } from '../CellTextTitle/CellTextTitle';\nimport { CellTextSubtitle } from '../CellTextSubtitle/CellTextSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        <CellTextboxStyled>\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextLabel>{label}</CellTextLabel>}\n                    {title && <CellTextTitle>{title}</CellTextTitle>}\n                    {subtitle && <CellTextSubtitle>{subtitle}</CellTextSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextLabel","CellTextTitle","CellTextSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;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,iBAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,aAAa,QAAER,KAAqB,CAAC,EAC/CC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,aAAa,EAAER,IAAAA,EAAAA,KAAqB,CAAC,EAC/CC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAER,IAAAA,EAAAA,QAA2B,CAC7D,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}

package/es/components/Cell/{CellTextbox → ui/CellTextbox}/CellTextbox.styles.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { tokens } from '../Cell.tokens.js';
+import { tokens } from '../../Cell.tokens.js';
 
 var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1t9f5dx-0"
+  componentId: "plasma-new-hope__sc-gn95dc-0"
 })(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
 
 export { CellTextboxStyled };

package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map

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

package/es/index.js

@@ -19,12 +19,12 @@ export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/But
 export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
 export { chipConfig, chipRoot } from './components/Chip/Chip.js';
 export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
-export { CellTextboxLabel } from './components/Cell/CellTextbox/ui/CellTextLabel.js';
-export { CellTextboxTitle } from './components/Cell/CellTextbox/ui/CellTextTitle.js';
-export { CellTextboxSubtitle } from './components/Cell/CellTextbox/ui/CellTextSubtitle.js';
+export { CellTextLabel } from './components/Cell/ui/CellTextLabel/CellTextLabel.js';
+export { CellTextTitle } from './components/Cell/ui/CellTextTitle/CellTextTitle.js';
+export { CellTextSubtitle } from './components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js';
 export { cellConfig, cellRoot } from './components/Cell/Cell.js';
 export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
-export { CellTextbox } from './components/Cell/CellTextbox/CellTextbox.js';
+export { CellTextbox } from './components/Cell/ui/CellTextbox/CellTextbox.js';
 export { linkConfig, linkRoot } from './components/Link/Link.js';
 export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
 export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.69.0-canary.1148.8505804388.0",
+  "version": "0.69.0-canary.1148.8520837057.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -102,5 +102,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "5b97a03fe2269f1633f226a15249b6fa8380c4b0"
+  "gitHead": "faed02e745e943828a9f05e6f1e0d48cbfd1117a"
 }

package/styled-components/cjs/components/Cell/Cell.js

@@ -11,7 +11,7 @@ var _Cell = /*#__PURE__*/require("./Cell.styles");
 var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _CellTextbox = /*#__PURE__*/require("./CellTextbox/CellTextbox");
+var _CellTextbox = /*#__PURE__*/require("./ui/CellTextbox/CellTextbox");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var cellRoot = exports.cellRoot = function cellRoot(Root) {
@@ -33,19 +33,20 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
+    var titleText = title || description;
+    var contentLeftDeprecated = contentLeft || content;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
-    }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
+    }, contentLeftDeprecated && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
       align: alignContentLeft
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || description || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {
+    }, contentLeftDeprecated), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {
       label: label,
-      description: description,
-      title: title,
+      title: titleText,
       subtitle: subtitle
-    }) : children || content), contentRight && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
+    }) : children), contentRight && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
       align: alignContentRight
     }, contentRight)));
   });