chore: updating lingering base types of icon subcomponents

Author: geotrev

packages/forms/src/types/index.ts

@@ -10,6 +10,7 @@ import {
   HTMLAttributes,
   InputHTMLAttributes,
   LabelHTMLAttributes,
+  ReactElement,
   SelectHTMLAttributes,
   SVGAttributes,
   TextareaHTMLAttributes
@@ -85,9 +86,9 @@ export interface IInputProps extends IRadioProps {
 
 export interface IMediaInputProps extends IInputProps {
   /** Accepts a "start" icon to display */
-  start?: any;
+  start?: ReactElement;
   /** Accepts an "end" icon to display */
-  end?: any;
+  end?: ReactElement;
   /** Applies props to the wrapping [FauxInput](#fauxinput) element */
   wrapperProps?: any;
   /** Applies a ref to the wrapping [FauxInput](#fauxinput) element */

packages/loaders/src/types/index.ts

@@ -11,7 +11,7 @@ export const SIZE = ['small', 'medium', 'large'] as const;
 
 export type Size = (typeof SIZE)[number];
 
-export interface IDotsProps extends SVGAttributes<SVGSVGElement> {
+export interface IDotsProps extends SVGAttributes<SVGElement> {
   /** Sets the height and width in pixels. Inherits the parent's font size by default. */
   size?: string | number;
   /** Sets the fill color. Inherits the parent's `color` by default. */
@@ -22,7 +22,7 @@ export interface IDotsProps extends SVGAttributes<SVGSVGElement> {
   delayMS?: number;
 }
 
-export interface IInlineProps extends SVGAttributes<SVGSVGElement> {
+export interface IInlineProps extends SVGAttributes<SVGElement> {
   /** Sets the width in pixels and scales the loader proportionally */
   size?: number;
   /** Sets the fill color. Inherits the parent's `color` by default. */
@@ -50,7 +50,7 @@ export interface ISkeletonProps extends HTMLAttributes<HTMLDivElement> {
   isLight?: boolean;
 }
 
-export interface ISpinnerProps extends SVGAttributes<SVGSVGElement> {
+export interface ISpinnerProps extends SVGAttributes<SVGElement> {
   /**
    * Sets the height and width in pixels. Inherits the parent's font size by default.
    **/