docs(textfield): use correct icon set for valid icon in storybook

Define the icon set used for the valid and invalid icons in Textfield.

This necessary story update was related to recent fixes to icon that
addressed the fact that icons with the same name exist in both
icon sets. This one wasn't caught in VRTs because Textfield does not
have a kitchen sink style story yet to represent all of its states.

Author: jawinn

components/textfield/stories/template.js

@@ -33,6 +33,7 @@ export const Template = ({
 	labelPosition = "top",
 	labelText,
 	iconName,
+	iconSet,
 	pattern,
 	placeholder,
 	name,
@@ -54,8 +55,13 @@ export const Template = ({
 		console.warn(e);
 	}
 
-	if (isInvalid) iconName = "Alert";
-	else if (isValid) iconName = "Checkmark";
+	if (isInvalid) {
+		iconName = "Alert";
+		iconSet = "workflow";
+	} else if (isValid) {
+		iconName = "Checkmark";
+		iconSet = "ui";
+	}
 
 	return html`
 		<div
@@ -101,6 +107,7 @@ export const Template = ({
 				...globals,
 				size,
 				iconName,
+				setName: iconSet,
 				customClasses: [
 					!!(isInvalid || isValid)
 						? `${rootClass}-validationIcon`