fix(input): L3-3958 pass className properly to input, export text ali… (

#463) Co-authored-by: Sam Grund <sam@Sams-MBP.fios-router.home> Co-authored-by: Sam Grund <sam@ip-192-168-1-93.ec2.internal>
PhillipsAuctionHouse · Jan 9, 2025 · d43cda2 · d43cda2
1 parent 108eac9
commit d43cda2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
@@ -164,7 +164,7 @@ const Input = React.forwardRef(
           {labelText}
         </label>
         <input
-          className={classnames(`${px}-input__input`, { className })}
+          className={classnames(`${px}-input__input`, className)}
           data-testid={id}
           disabled={inputProps.disabled}
           id={id || generatedId}

diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx
@@ -32,7 +32,7 @@ const Text = ({
   className,
   element: CustomElement,
   variant = TextVariants.body2,
-  align = TextAlignments.left,
+  align,
   ...props
 }: TextProps) => {
   const Component = CustomElement || determineDefaultTextElement(variant);
@@ -41,7 +41,9 @@ const Text = ({
   return (
     <Component
       {...commonProps}
-      className={classNames(baseClassName, className, determineTextClassName(variant), `${baseClassName}--${align}`)}
+      className={classNames(baseClassName, className, determineTextClassName(variant), {
+        [`${baseClassName}--${align}`]: !!align,
+      })}
       {...props}
     >
       {children}

diff --git a/src/components/Text/index.ts b/src/components/Text/index.ts
@@ -1,2 +1,2 @@
-export { TextVariants } from './types';
+export { TextVariants, TextAlignments } from './types';
 export { default as Text, type TextProps } from './Text';