fixup! fixup! Create InputGroup component (#430)

react-ui-org · Mar 27, 2023 · 20f0290 · 20f0290
1 parent 2953a47
commit 20f0290
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/components/InputGroup/InputGroup.jsx b/src/lib/components/InputGroup/InputGroup.jsx
@@ -3,6 +3,7 @@ import React, { useContext } from 'react';
 import { Text } from '../Text';
 import { withGlobalProps } from '../../provider';
 import { classNames } from '../../utils/classNames';
+import { getRootSizeClassName } from '../_helpers/getRootSizeClassName';
 import { getRootValidationStateClassName } from '../_helpers/getRootValidationStateClassName';
 import { isChildrenEmpty } from '../_helpers/isChildrenEmpty';
 import { resolveContextOrProp } from '../_helpers/resolveContextOrProp';
@@ -43,6 +44,7 @@ export const InputGroup = ({
         resolveContextOrProp(formLayoutContext && formLayoutContext.layout, layout) === 'horizontal'
           ? styles.isRootLayoutHorizontal
           : styles.isRootLayoutVertical,
+        getRootSizeClassName(size, styles),
         getRootValidationStateClassName(validationState, styles),
       )}
     >

diff --git a/src/lib/components/InputGroup/InputGroup.scss b/src/lib/components/InputGroup/InputGroup.scss
@@ -50,7 +50,7 @@
 }
 
 .isRootLayoutHorizontal {
-    @include box-field-layout.horizontal($has-min-tap-target: true);
+    @include box-field-layout.horizontal();
 }
 
 .isRootLayoutHorizontal .label {