@true-engineering/true-react-common-ui-kit 4.0.0-alpha22 → 4.0.0-alpha23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha22",
+  "version": "4.0.0-alpha23",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/TextArea/TextArea.styles.ts

@@ -1,6 +1,6 @@
 import { animations, createThemedStyles, helpers, ITweakStyles } from '../../theme';
 import { IWithPrefix } from '../../types';
-import { IControlWrapperStyles } from '../ControlWrapper';
+import { IControlWrapperSizes, IControlWrapperStyles } from '../ControlWrapper';
 import { IWithMessagesStyles } from '../WithMessages';
 import { ITextAreaCounterPositions } from './types';
 
@@ -84,5 +84,6 @@ export type ITextAreaStyles = ITweakStyles<
   {
     tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;
-  } & IWithPrefix<ITextAreaCounterPositions, 'counter-'>
+  } & IWithPrefix<ITextAreaCounterPositions, 'counter-'> &
+    IControlWrapperSizes
 >;

package/src/components/TextArea/TextArea.tsx

@@ -128,7 +128,10 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
     };
 
     return (
-      <div className={classes.root} style={{ '--counter-length': counterString.length } as Styles}>
+      <div
+        className={clsx(classes.root, isNotEmpty(size) && classes[size])}
+        style={{ '--counter-length': counterString.length } as Styles}
+      >
         <WithMessages
           errorMessage={errorMessage}
           infoMessage={infoMessage}
@@ -148,7 +151,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
             isFullWidth
           >
             <div
-              className={clsx(classes.wrapper, isNotEmpty(size) && classes[size], {
+              className={clsx(classes.wrapper, {
                 [classes.autoSized]: isAutoSized,
                 [classes.withLabel]: hasLabel,
               })}

package/src/components/TextArea/index.ts

@@ -1,2 +1,3 @@
 export * from './TextArea';
 export type { ITextAreaStyles } from './TextArea.styles';
+export * from './types';