Format code

src/input/AvatarInputField.tsx

@@ -52,7 +52,7 @@ export const AvatarInputField = forwardRef<HTMLInputElement, Props>(
       onRemoveAvatar,
       ...rest
     },
-    ref
+    ref,
   ) => {
     const { t } = useTranslation();
 
@@ -120,5 +120,5 @@ export const AvatarInputField = forwardRef<HTMLInputElement, Props>(
         )}
       </div>
     );
-  }
+  },
 );

src/input/Input.module.css

@@ -85,8 +85,11 @@ limitations under the License.
 }
 
 .inputField label {
-  transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s,
-    top 0.25s ease-out 0.1s, background-color 0.25s ease-out 0.1s;
+  transition:
+    font-size 0.25s ease-out 0.1s,
+    color 0.25s ease-out 0.1s,
+    top 0.25s ease-out 0.1s,
+    background-color 0.25s ease-out 0.1s;
   color: var(--cpd-color-text-secondary);
   background-color: transparent;
   font-size: var(--font-size-body);
@@ -118,8 +121,11 @@ limitations under the License.
 .inputField textarea:not(:placeholder-shown) + label,
 .inputField.prefix textarea + label {
   background-color: var(--cpd-color-bg-canvas-default);
-  transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s,
-    top 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
+  transition:
+    font-size 0.25s ease-out 0s,
+    color 0.25s ease-out 0s,
+    top 0.25s ease-out 0s,
+    background-color 0.25s ease-out 0s;
   font-size: var(--font-size-micro);
   top: -13px;
   padding: 0 2px;

src/input/Input.tsx

@@ -44,7 +44,7 @@ export function FieldRow({
       className={classNames(
         styles.fieldRow,
         { [styles.rightAlign]: rightAlign },
-        className
+        className,
       )}
     >
       {children}
@@ -102,7 +102,7 @@ export const InputField = forwardRef<
       disabled,
       ...rest
     },
-    ref
+    ref,
   ) => {
     const descriptionId = useId();
 
@@ -114,7 +114,7 @@ export const InputField = forwardRef<
             [styles.prefix]: !!prefix,
             [styles.disabled]: disabled,
           },
-          className
+          className,
         )}
       >
         {prefix && <span>{prefix}</span>}
@@ -163,7 +163,7 @@ export const InputField = forwardRef<
         )}
       </Field>
     );
-  }
+  },
 );
 
 interface ErrorMessageProps {

src/input/SelectInput.tsx

@@ -38,7 +38,7 @@ export function SelectInput(props: Props): JSX.Element {
   const { labelProps, triggerProps, valueProps, menuProps } = useSelect(
     props,
     state,
-    ref
+    ref,
   );
 
   const { buttonProps } = useButton(triggerProps, ref);