fix(tag-input): apply icon spacing and color to static icon elements

Author: ggdouglas

packages/core/src/components/tag-input/_tag-input.scss

@@ -22,6 +22,7 @@ $tag-input-icon-padding-large: ($pt-input-height-large - $pt-icon-size-large) *
 
   .#{$ns}-tag-input-icon {
     color: var(--bp-typography-color-muted);
+    display: flex;
     margin-left: calc(var(--bp-surface-spacing) * 0.75);
     margin-right: calc(var(--bp-surface-spacing) * 1.75);
     // margins to center icon in one-line input

packages/core/src/components/tag-input/tagInput.tsx

@@ -317,11 +317,15 @@ export class TagInput extends AbstractPureComponent<TagInputProps, TagInputState
         return (
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- container delegates interaction to input element
             <div className={classes} onBlur={this.handleContainerBlur} onClick={this.handleContainerClick}>
-                <Icon
-                    className={Classes.TAG_INPUT_ICON}
-                    icon={leftIcon}
-                    size={isLarge ? IconSize.LARGE : IconSize.STANDARD}
-                />
+                {typeof leftIcon === "string" ? (
+                    <Icon
+                        className={Classes.TAG_INPUT_ICON}
+                        icon={leftIcon}
+                        size={isLarge ? IconSize.LARGE : IconSize.STANDARD}
+                    />
+                ) : leftIcon != null ? (
+                    <span className={Classes.TAG_INPUT_ICON}>{leftIcon}</span>
+                ) : null}
                 <div className={Classes.TAG_INPUT_VALUES}>
                     {values.map(this.maybeRenderTag)}
                     {this.props.children}