@salutejs/plasma-new-hope 0.345.0-canary.2423.20958341938.0 → 0.345.0-canary.2423.20994461674.0

package/dist/emotion/es/components/TextArea/variations/_read-only/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { StyledContainer, StyledContent, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
 import { classes, tokens } from "../../TextArea.tokens";
-export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}", StyledContent, "{opacity:var(", tokens.contentSlotRightOpacityReadOnly, ");&:hover{color:var(", tokens.rightContentColor, ");}&:active{color:var(", tokens.rightContentColor, ");}}&.", classes.clear, "{", StyledTextAreaWrapper, "{&:before{background-color:var(", tokens.dividerColorReadOnly, ");}}}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;}", StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", tokens.borderSize, ",1px) var(", tokens.borderColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");z-index:-1;}}", StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", tokens.backgroundColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZENvbnRlbnQsXG4gICAgU3R5bGVkSGVscGVycyxcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucmlnaHRDb250ZW50Q29sb3J9KTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucmlnaHRDb250ZW50Q29sb3J9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNsZWFyfSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmRpdmlkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfSwgJHtTdHlsZWRIZWxwZXJzfSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG5cbiAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0sIDFweCkgdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7U3R5bGVkQ29udGFpbmVyfSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuXG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV29CIn0= */");
+export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}", StyledContent, "{opacity:var(", tokens.contentSlotRightOpacityReadOnly, ");&:hover{color:var(", tokens.rightContentColor, ");}&:active{color:var(", tokens.rightContentColor, ");}}&.", classes.clear, "{", StyledTextAreaWrapper, "{&:before{background-color:var(", tokens.dividerColor, ");}}}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;}", StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", tokens.borderSize, ",1px) var(", tokens.borderColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");z-index:-1;}}", StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", tokens.backgroundColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZENvbnRlbnQsXG4gICAgU3R5bGVkSGVscGVycyxcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucmlnaHRDb250ZW50Q29sb3J9KTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucmlnaHRDb250ZW50Q29sb3J9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNsZWFyfSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmRpdmlkZXJDb2xvcn0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcblxuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiJ9 */");

package/dist/emotion/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/dist/styled-components/cjs/components/TextArea/TextArea.js

@@ -336,9 +336,18 @@ var textAreaRoot = function(Root) {
         }, [
             outerRef
         ]);
+        (0, _react.useLayoutEffect)(function() {
+            if (!hiddenRef.current || !cols) {
+                return;
+            }
+            var _hiddenRef_current_getBoundingClientRect = hiddenRef.current.getBoundingClientRect(), elementWidth = _hiddenRef_current_getBoundingClientRect.width;
+            setHelperWidth("".concat(elementWidth / _hooks1.ROOT_FONT_SIZE, "rem"));
+        }, [
+            cols
+        ]);
         (0, _plasmacore.useResizeObserver)(outerRef, function(currentElement) {
             var _currentElement_style = currentElement.style, inlineWidth = _currentElement_style.width;
-            if (inlineWidth || cols) {
+            if (inlineWidth) {
                 var _currentElement_getBoundingClientRect = currentElement.getBoundingClientRect(), elementWidth = _currentElement_getBoundingClientRect.width;
                 setHelperWidth("".concat(elementWidth / _hooks1.ROOT_FONT_SIZE, "rem"));
             }
@@ -474,12 +483,13 @@ var textAreaRoot = function(Root) {
             defaultValue: defaultValue,
             onChange: onChangeHandler,
             "data-tour": true
-        }, rest)), applyAutoResize && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHiddenTextArea, {
+        }, rest)), Boolean(applyAutoResize || cols) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHiddenTextArea, {
             "aria-hidden": true,
             ref: hiddenRef,
             hasContentRight: Boolean(contentRight),
             value: value || uncontrolledValue || ' ',
-            defaultValue: defaultValue
+            defaultValue: defaultValue,
+            cols: cols
         })), hasHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHelpers, {
             className: styledHelpers,
             id: textareaHelperId

package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js

@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 var Tooltip = (0, _engines.component)(mergedConfig);
 var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "TextArea.styles__Hint",
-    componentId: "sc-9b9ba25-0"
+    componentId: "sc-9436bd8f-0"
 })([
     ""
 ]);
 var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__OuterLabelWrapper",
-    componentId: "sc-9b9ba25-1"
+    componentId: "sc-9436bd8f-1"
 })([
     "display:flex;align-items:center;max-width:",
     ";margin-bottom:",
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledLabel = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledLabel",
-    componentId: "sc-9b9ba25-2"
+    componentId: "sc-9436bd8f-2"
 })([
     "position:relative;display:inline-flex;color:var(",
     ",var(",
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
 var TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__TitleCaption",
-    componentId: "sc-9b9ba25-3"
+    componentId: "sc-9436bd8f-3"
 })([
     "display:inline-block;margin-left:auto;font-family:var(",
     ");font-size:var(",
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
 var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledIndicatorWrapper",
-    componentId: "sc-9b9ba25-4"
+    componentId: "sc-9436bd8f-4"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 var StyledOptionalText = _styledcomponents.default.span.withConfig({
     displayName: "TextArea.styles__StyledOptionalText",
-    componentId: "sc-9b9ba25-5"
+    componentId: "sc-9436bd8f-5"
 })([
     "color:var(",
     ");font-family:",
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
 });
 var StyledHintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHintWrapper",
-    componentId: "sc-9b9ba25-6"
+    componentId: "sc-9436bd8f-6"
 })([
     "display:inline-flex;line-height:0;margin:var(",
     ");&.",
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
 var HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__HintTargetWrapper",
-    componentId: "sc-9b9ba25-7"
+    componentId: "sc-9436bd8f-7"
 })([
     "color:var(",
     ");width:var(",
@@ -203,13 +203,13 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
 var HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__HintIconWrapper",
-    componentId: "sc-9b9ba25-8"
+    componentId: "sc-9436bd8f-8"
 })([
     ""
 ]);
 var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledTextAreaWrapper",
-    componentId: "sc-9b9ba25-9"
+    componentId: "sc-9436bd8f-9"
 })([
     "display:flex;flex-direction:column;background-color:var(",
     ");padding-top:",
@@ -228,7 +228,7 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContentWrapper",
-    componentId: "sc-9b9ba25-10"
+    componentId: "sc-9436bd8f-10"
 })([
     "position:relative;width:100%;height:0;padding-top:",
     ";"
@@ -238,7 +238,7 @@ var StyledContentWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContent",
-    componentId: "sc-9b9ba25-11"
+    componentId: "sc-9436bd8f-11"
 })([
     "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
     ");top:",
@@ -253,27 +253,27 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 }, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight, _TextAreatokens.tokens.rightContentColorHover, _TextAreatokens.tokens.rightContentColorActive);
 var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHeaderSlot",
-    componentId: "sc-9b9ba25-12"
+    componentId: "sc-9436bd8f-12"
 })([
     "display:flex;flex-direction:column;"
 ]);
 var DividerWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__DividerWrapper",
-    componentId: "sc-9b9ba25-13"
+    componentId: "sc-9436bd8f-13"
 })([
     "background:var(",
     ");"
 ], _TextAreatokens.tokens.backgroundColor);
 var Divider = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__Divider",
-    componentId: "sc-9b9ba25-14"
+    componentId: "sc-9436bd8f-14"
 })([
     "height:0.0625rem;background:var(",
     ");"
 ], _TextAreatokens.tokens.dividerColor);
 var StyledContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContainer",
-    componentId: "sc-9b9ba25-15"
+    componentId: "sc-9436bd8f-15"
 })([
     "display:inline-flex;flex-direction:column;width:",
     ";position:relative;"
@@ -283,7 +283,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
 });
 var StyledTextArea = _styledcomponents.default.textarea.withConfig({
     displayName: "TextArea.styles__StyledTextArea",
-    componentId: "sc-9b9ba25-16"
+    componentId: "sc-9436bd8f-16"
 })([
     "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
     ");caret-color:var(",
@@ -346,10 +346,11 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
 }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
 var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
     displayName: "TextArea.styles__StyledHiddenTextArea",
-    componentId: "sc-9b9ba25-17"
+    componentId: "sc-9436bd8f-17"
 })([
     "max-height:none !important;min-height:var(",
-    ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
+    ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:",
+    ";border-width:0;padding-right:",
     ";padding-left:var(",
     ",0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(",
     ");font-size:var(",
@@ -359,12 +360,15 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
     ");line-height:var(",
     ");"
 ], _TextAreatokens.tokens.inputMinHeight, function(param) {
+    var cols = param.cols;
+    return cols ? 'unset' : '0.0625rem !important';
+}, function(param) {
     var hasContentRight = param.hasContentRight;
     return hasContentRight ? "var(".concat(_TextAreatokens.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(_TextAreatokens.tokens.inputPaddingRight, ", 0)");
 }, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
 var StyledHelpers = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHelpers",
-    componentId: "sc-9b9ba25-18"
+    componentId: "sc-9436bd8f-18"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
     ");padding-top:var(",
@@ -377,14 +381,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
 var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
-    componentId: "sc-9b9ba25-19"
+    componentId: "sc-9436bd8f-19"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
     ");"
 ], _TextAreatokens.tokens.clearHelpersPaddingTop);
 var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     displayName: "TextArea.styles__StyledLeftHelper",
-    componentId: "sc-9b9ba25-20"
+    componentId: "sc-9436bd8f-20"
 })([
     "",
     ";display:block;font-family:var(",
@@ -401,14 +405,14 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
 ], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor, _TextAreatokens.classes.leftHelperFocus, _TextAreatokens.tokens.leftHelperColorFocus, _TextAreatokens.tokens.leftHelperColor);
 var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
     displayName: "TextArea.styles__StyledRightHelper",
-    componentId: "sc-9b9ba25-21"
+    componentId: "sc-9436bd8f-21"
 })([
     "color:var(",
     ");margin-left:auto;"
 ], _TextAreatokens.tokens.rightHelperColor);
 var StyledPlaceholder = _styledcomponents.default.label.withConfig({
     displayName: "TextArea.styles__StyledPlaceholder",
-    componentId: "sc-9b9ba25-22"
+    componentId: "sc-9436bd8f-22"
 })([
     "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
     ");width:100%;height:auto;top:var(",
@@ -427,7 +431,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
 }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
 var StyledIndicator = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledIndicator",
-    componentId: "sc-9b9ba25-23"
+    componentId: "sc-9436bd8f-23"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",

package/dist/styled-components/cjs/components/TextArea/variations/_read-only/base.js

@@ -33,4 +33,4 @@ var base = (0, _styledcomponents.css)([
     ");border-radius:var(",
     ");opacity:var(",
     ");z-index:-1;}:hover{background:transparent;}}}}"
-], _TextAreastyles.StyledTextArea, _TextAreatokens.tokens.inputColorReadOnly, _TextAreastyles.StyledContent, _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColorReadOnly, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreastyles.StyledContainer, _TextAreatokens.tokens.backgroundColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.readOnlyOpacity);
+], _TextAreastyles.StyledTextArea, _TextAreatokens.tokens.inputColorReadOnly, _TextAreastyles.StyledContent, _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColor, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreastyles.StyledContainer, _TextAreatokens.tokens.backgroundColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.readOnlyOpacity);

package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/dist/styled-components/es/components/TextArea/TextArea.js

@@ -275,9 +275,18 @@ export var textAreaRoot = function(Root) {
         }, [
             outerRef
         ]);
+        useLayoutEffect(function() {
+            if (!hiddenRef.current || !cols) {
+                return;
+            }
+            var _hiddenRef_current_getBoundingClientRect = hiddenRef.current.getBoundingClientRect(), elementWidth = _hiddenRef_current_getBoundingClientRect.width;
+            setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
+        }, [
+            cols
+        ]);
         useResizeObserver(outerRef, function(currentElement) {
             var _currentElement_style = currentElement.style, inlineWidth = _currentElement_style.width;
-            if (inlineWidth || cols) {
+            if (inlineWidth) {
                 var _currentElement_getBoundingClientRect = currentElement.getBoundingClientRect(), elementWidth = _currentElement_getBoundingClientRect.width;
                 setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
             }
@@ -413,12 +422,13 @@ export var textAreaRoot = function(Root) {
             defaultValue: defaultValue,
             onChange: onChangeHandler,
             "data-tour": true
-        }, rest)), applyAutoResize && /*#__PURE__*/ React.createElement(StyledHiddenTextArea, {
+        }, rest)), Boolean(applyAutoResize || cols) && /*#__PURE__*/ React.createElement(StyledHiddenTextArea, {
             "aria-hidden": true,
             ref: hiddenRef,
             hasContentRight: Boolean(contentRight),
             value: value || uncontrolledValue || ' ',
-            defaultValue: defaultValue
+            defaultValue: defaultValue,
+            cols: cols
         })), hasHelper && /*#__PURE__*/ React.createElement(StyledHelpers, {
             className: styledHelpers,
             id: textareaHelperId

package/dist/styled-components/es/components/TextArea/TextArea.styles.js

@@ -7,13 +7,13 @@ var mergedConfig = mergeConfig(tooltipConfig);
 var Tooltip = component(mergedConfig);
 export var Hint = styled(Tooltip).withConfig({
     displayName: "TextArea.styles__Hint",
-    componentId: "sc-9b9ba25-0"
+    componentId: "sc-9436bd8f-0"
 })([
     ""
 ]);
 export var OuterLabelWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__OuterLabelWrapper",
-    componentId: "sc-9b9ba25-1"
+    componentId: "sc-9436bd8f-1"
 })([
     "display:flex;align-items:center;max-width:",
     ";margin-bottom:",
@@ -27,7 +27,7 @@ export var OuterLabelWrapper = styled.div.withConfig({
 });
 export var StyledLabel = styled.div.withConfig({
     displayName: "TextArea.styles__StyledLabel",
-    componentId: "sc-9b9ba25-2"
+    componentId: "sc-9436bd8f-2"
 })([
     "position:relative;display:inline-flex;color:var(",
     ",var(",
@@ -47,7 +47,7 @@ export var StyledLabel = styled.div.withConfig({
 ], tokens.labelOuterColor, tokens.inputColor, tokens.labelOuterFontFamily, tokens.inputFontFamily, tokens.labelOuterFontSize, tokens.inputFontSize, tokens.labelOuterFontStyle, tokens.inputFontStyle, tokens.labelOuterFontWeight, tokens.inputFontWeight, tokens.labelOuterLetterSpacing, tokens.inputLetterSpacing, tokens.labelOuterLineHeight, tokens.inputLineHeight);
 export var TitleCaption = styled.div.withConfig({
     displayName: "TextArea.styles__TitleCaption",
-    componentId: "sc-9b9ba25-3"
+    componentId: "sc-9436bd8f-3"
 })([
     "display:inline-block;margin-left:auto;font-family:var(",
     ");font-size:var(",
@@ -59,13 +59,13 @@ export var TitleCaption = styled.div.withConfig({
 ], tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight);
 export var StyledIndicatorWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledIndicatorWrapper",
-    componentId: "sc-9b9ba25-4"
+    componentId: "sc-9436bd8f-4"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 export var StyledOptionalText = styled.span.withConfig({
     displayName: "TextArea.styles__StyledOptionalText",
-    componentId: "sc-9b9ba25-5"
+    componentId: "sc-9436bd8f-5"
 })([
     "color:var(",
     ");font-family:",
@@ -96,7 +96,7 @@ export var StyledOptionalText = styled.span.withConfig({
 });
 export var StyledHintWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledHintWrapper",
-    componentId: "sc-9b9ba25-6"
+    componentId: "sc-9436bd8f-6"
 })([
     "display:inline-flex;line-height:0;margin:var(",
     ");&.",
@@ -105,7 +105,7 @@ export var StyledHintWrapper = styled.div.withConfig({
 ], tokens.hintMargin, classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
 export var HintTargetWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__HintTargetWrapper",
-    componentId: "sc-9b9ba25-7"
+    componentId: "sc-9436bd8f-7"
 })([
     "color:var(",
     ");width:var(",
@@ -114,13 +114,13 @@ export var HintTargetWrapper = styled.div.withConfig({
 ], tokens.hintIconColor, tokens.hintTargetSize, tokens.hintTargetSize);
 export var HintIconWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__HintIconWrapper",
-    componentId: "sc-9b9ba25-8"
+    componentId: "sc-9436bd8f-8"
 })([
     ""
 ]);
 export var StyledTextAreaWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledTextAreaWrapper",
-    componentId: "sc-9b9ba25-9"
+    componentId: "sc-9436bd8f-9"
 })([
     "display:flex;flex-direction:column;background-color:var(",
     ");padding-top:",
@@ -139,7 +139,7 @@ export var StyledTextAreaWrapper = styled.div.withConfig({
 });
 export var StyledContentWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledContentWrapper",
-    componentId: "sc-9b9ba25-10"
+    componentId: "sc-9436bd8f-10"
 })([
     "position:relative;width:100%;height:0;padding-top:",
     ";"
@@ -149,7 +149,7 @@ export var StyledContentWrapper = styled.div.withConfig({
 });
 export var StyledContent = styled.div.withConfig({
     displayName: "TextArea.styles__StyledContent",
-    componentId: "sc-9b9ba25-11"
+    componentId: "sc-9436bd8f-11"
 })([
     "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
     ");top:",
@@ -164,27 +164,27 @@ export var StyledContent = styled.div.withConfig({
 }, tokens.rightContentRight, tokens.rightContentHeight, tokens.rightContentColorHover, tokens.rightContentColorActive);
 export var StyledHeaderSlot = styled.div.withConfig({
     displayName: "TextArea.styles__StyledHeaderSlot",
-    componentId: "sc-9b9ba25-12"
+    componentId: "sc-9436bd8f-12"
 })([
     "display:flex;flex-direction:column;"
 ]);
 export var DividerWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__DividerWrapper",
-    componentId: "sc-9b9ba25-13"
+    componentId: "sc-9436bd8f-13"
 })([
     "background:var(",
     ");"
 ], tokens.backgroundColor);
 export var Divider = styled.div.withConfig({
     displayName: "TextArea.styles__Divider",
-    componentId: "sc-9b9ba25-14"
+    componentId: "sc-9436bd8f-14"
 })([
     "height:0.0625rem;background:var(",
     ");"
 ], tokens.dividerColor);
 export var StyledContainer = styled.div.withConfig({
     displayName: "TextArea.styles__StyledContainer",
-    componentId: "sc-9b9ba25-15"
+    componentId: "sc-9436bd8f-15"
 })([
     "display:inline-flex;flex-direction:column;width:",
     ";position:relative;"
@@ -194,7 +194,7 @@ export var StyledContainer = styled.div.withConfig({
 });
 export var StyledTextArea = styled.textarea.withConfig({
     displayName: "TextArea.styles__StyledTextArea",
-    componentId: "sc-9b9ba25-16"
+    componentId: "sc-9436bd8f-16"
 })([
     "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
     ");caret-color:var(",
@@ -257,10 +257,11 @@ export var StyledTextArea = styled.textarea.withConfig({
 }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.inputColorFocus, tokens.scrollbarWidth, tokens.scrollbarThumbBackgroundColor, tokens.scrollbarBorderWidth, tokens.scrollbarTrackBackgroundColor, tokens.scrollbarBorderWidth);
 export var StyledHiddenTextArea = styled.textarea.withConfig({
     displayName: "TextArea.styles__StyledHiddenTextArea",
-    componentId: "sc-9b9ba25-17"
+    componentId: "sc-9436bd8f-17"
 })([
     "max-height:none !important;min-height:var(",
-    ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
+    ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:",
+    ";border-width:0;padding-right:",
     ";padding-left:var(",
     ",0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(",
     ");font-size:var(",
@@ -270,12 +271,15 @@ export var StyledHiddenTextArea = styled.textarea.withConfig({
     ");line-height:var(",
     ");"
 ], tokens.inputMinHeight, function(param) {
+    var cols = param.cols;
+    return cols ? 'unset' : '0.0625rem !important';
+}, function(param) {
     var hasContentRight = param.hasContentRight;
     return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(tokens.inputPaddingRight, ", 0)");
 }, tokens.inputPaddingLeft, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
 export var StyledHelpers = styled.div.withConfig({
     displayName: "TextArea.styles__StyledHelpers",
-    componentId: "sc-9b9ba25-18"
+    componentId: "sc-9436bd8f-18"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
     ");padding-top:var(",
@@ -288,14 +292,14 @@ export var StyledHelpers = styled.div.withConfig({
 ], tokens.helpersBackgroundColor, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.borderRadius, tokens.borderRadius);
 export var StyledOutsideHelpersWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
-    componentId: "sc-9b9ba25-19"
+    componentId: "sc-9436bd8f-19"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
     ");"
 ], tokens.clearHelpersPaddingTop);
 export var StyledLeftHelper = styled.span.withConfig({
     displayName: "TextArea.styles__StyledLeftHelper",
-    componentId: "sc-9b9ba25-20"
+    componentId: "sc-9436bd8f-20"
 })([
     "",
     ";display:block;font-family:var(",
@@ -312,14 +316,14 @@ export var StyledLeftHelper = styled.span.withConfig({
 ], applyEllipsis(), tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.leftHelperColor, classes.leftHelperFocus, tokens.leftHelperColorFocus, tokens.leftHelperColor);
 export var StyledRightHelper = styled(StyledLeftHelper).withConfig({
     displayName: "TextArea.styles__StyledRightHelper",
-    componentId: "sc-9b9ba25-21"
+    componentId: "sc-9436bd8f-21"
 })([
     "color:var(",
     ");margin-left:auto;"
 ], tokens.rightHelperColor);
 export var StyledPlaceholder = styled.label.withConfig({
     displayName: "TextArea.styles__StyledPlaceholder",
-    componentId: "sc-9b9ba25-22"
+    componentId: "sc-9436bd8f-22"
 })([
     "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
     ");width:100%;height:auto;top:var(",
@@ -338,7 +342,7 @@ export var StyledPlaceholder = styled.label.withConfig({
 }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
 export var StyledIndicator = styled.div.withConfig({
     displayName: "TextArea.styles__StyledIndicator",
-    componentId: "sc-9b9ba25-23"
+    componentId: "sc-9436bd8f-23"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",

package/dist/styled-components/es/components/TextArea/variations/_read-only/base.js

@@ -23,4 +23,4 @@ export var base = css([
     ");border-radius:var(",
     ");opacity:var(",
     ");z-index:-1;}:hover{background:transparent;}}}}"
-], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, tokens.rightContentColor, tokens.rightContentColor, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);
+], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, tokens.rightContentColor, tokens.rightContentColor, classes.clear, StyledTextAreaWrapper, tokens.dividerColor, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.345.0-canary.2423.20958341938.0",
+  "version": "0.345.0-canary.2423.20994461674.0",
   "description": "Salute Design System blueprint",
   "exports": {
     ".": {
@@ -92,9 +92,9 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.143.0-canary.2423.20958341938.0",
-    "@salutejs/plasma-sb-utils": "0.213.0-canary.2423.20958341938.0",
-    "@salutejs/plasma-themes": "0.39.0-canary.2423.20958341938.0",
+    "@salutejs/plasma-cy-utils": "0.143.0-canary.2423.20994461674.0",
+    "@salutejs/plasma-sb-utils": "0.213.0-canary.2423.20994461674.0",
+    "@salutejs/plasma-themes": "0.39.0-canary.2423.20994461674.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
     "@types/lodash.throttle": "4.1.6",
@@ -122,7 +122,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.213.0-canary.2423.20958341938.0",
+    "@salutejs/plasma-core": "1.213.0-canary.2423.20994461674.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -142,5 +142,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "7c890ed43e84597533dce0fabcbc800d41d29564"
+  "gitHead": "51cc03d7c2859b31d538a7a3d6630ce970a4f94a"
 }

package/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAiCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FAyW9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA3WQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0YnF,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAiCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FAmX9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBArXQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoZnF,CAAC"}

package/types/components/TextArea/TextArea.styles.d.ts

@@ -39,6 +39,7 @@ export declare const StyledTextArea: import("@linaria/react").StyledComponent<im
 export declare const StyledHiddenTextArea: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
     hasContentRight: boolean;
     resize?: string;
+    cols?: number;
 }>;
 export declare const StyledHelpers: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledOutsideHelpersWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/types/components/TextArea/TextArea.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;eACP,OAAO;EAYrB,CAAC;AAEF,eAAO,MAAM,oBAAoB;eAA2B,OAAO;EAKlE,CAAC;AAEF,eAAO,MAAM,aAAa;gBAA4B,OAAO;EAoB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAGnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;EA+BlB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAiB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SApTM,MAAO,WAAW;EAuTrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
+{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;eACP,OAAO;EAYrB,CAAC;AAEF,eAAO,MAAM,oBAAoB;eAA2B,OAAO;EAKlE,CAAC;AAEF,eAAO,MAAM,aAAa;gBAA4B,OAAO;EAoB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAGnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;WACR,MAAM;EA+BhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAiB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SArTM,MAAO,WAAW;EAwTrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}

package/dist/css/cjs/components/TextArea/variations/_read-only/base_l5o3oz.css

@@ -1 +0,0 @@
-.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly] .salwx57:hover{color:var(--plasma-textarea-right-content-color);}.b1xxdrt2[readonly] .salwx57:active{color:var(--plasma-textarea-right-content-color);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb{background:transparent;position:relative;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:hover{background:transparent;}