@true-engineering/true-react-common-ui-kit 4.0.0-alpha12 → 4.0.0-alpha14

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

@@ -1,8 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IControlWrapperStyles } from '../ControlWrapper';
 import { IWithMessagesStyles } from '../WithMessages';
-export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export declare const controlWrapperStyles: IControlWrapperStyles;
+export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "withLabel" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;

package/dist/true-react-common-ui-kit.js

@@ -9931,7 +9931,7 @@ var useStyles$H = createThemedStyles("ControlWrapper", {
     position: "absolute",
     pointerEvents: "none",
     left: "var(--control-padding)",
-    top: "50%",
+    top: "calc(var(--control-height) / 2)",
     transformOrigin: "top left",
     transform: "translateY(-50%)",
     transition: animations.defaultTransition,
@@ -11001,15 +11001,9 @@ function _object_without_properties_loose$f(source, excluded) {
   return target;
 }
 var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, placeholder = _param.placeholder, value = _param.value, testId = _param.testId, tweakStyles = _param.tweakStyles;
-  _param.data;
-  var props = _object_without_properties$f(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, props = _object_without_properties$f(_param, [
     "isClearable",
-    "placeholder",
-    "value",
-    "testId",
-    "tweakStyles",
-    "data"
+    "tweakStyles"
   ]);
   var tweakInputStyles = useTweakStyles({
     innerStyles: inputStyles$4,
@@ -11019,11 +11013,8 @@ var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   });
   return /* @__PURE__ */ jsx(Input, _object_spread$N({
     ref,
-    value,
-    placeholder,
     icon: "search",
     isClearable,
-    testId: getTestId(testId, "input"),
     tweakStyles: tweakInputStyles
   }, props));
 });
@@ -31272,13 +31263,9 @@ var useStyles$4 = createThemedStyles("TextArea", {
   },
   symbolsCountError: {
     color: "red"
-  }
+  },
+  withLabel: {}
 });
-var controlWrapperStyles = {
-  label: {
-    top: 16
-  }
-};
 function _array_like_to_array(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -31461,7 +31448,6 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
     currentComponentName: "TextArea"
   });
   var tweakControlWrapperStyles = useTweakStyles({
-    innerStyles: controlWrapperStyles,
     tweakStyles,
     className: "tweakControlWrapper",
     currentComponentName: "TextArea"
@@ -31482,6 +31468,7 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
     setFocused(false);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   };
+  var _obj2;
   return /* @__PURE__ */ jsxs(WithMessages, {
     errorMessage,
     infoMessage,
@@ -31499,10 +31486,10 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
         size: size2,
         isFullWidth: true,
         children: /* @__PURE__ */ jsx("div", _object_spread_props$5(_object_spread$5({
-          className: clsx(classes.wrapper, _define_property$5({}, classes.autoSized, isAutoSized))
-        }, isAutoSized && addDataAttributes$1({
-          value
-        })), {
+          className: clsx(classes.wrapper, (_obj2 = {}, _define_property$5(_obj2, classes.autoSized, isAutoSized), _define_property$5(_obj2, classes.withLabel, hasLabel), _obj2))
+        }, isAutoSized && {
+          "data-value": value
+        }), {
           children: /* @__PURE__ */ jsx("textarea", _object_spread$5({
             ref,
             className: classes.textarea,