docs: wrong workflow icons appearing for arrow and chevron

Related fixes for Icon migration, that helps fix the wrong workflow
icons appearing for arrow and chevron.

These are both icons with names that exist in both icon sets.
Some component stories need the icon set specified.

Author: jawinn

components/actionbutton/stories/template.js

@@ -17,6 +17,7 @@ export const Template = ({
 	rootClass = "spectrum-ActionButton",
 	size = "m",
 	iconName,
+	iconSet,
 	label,
 	isQuiet = false,
 	isSelected = false,
@@ -78,6 +79,7 @@ export const Template = ({
 					...globals,
 					size,
 					iconName,
+					setName: iconSet,
 					customClasses: [`${rootClass}-icon`, ...customIconClasses],
 				})
 			)}

components/combobox/stories/template.js

@@ -104,7 +104,7 @@ export const Template = ({
 						... isValid ? ['is-valid'] : [],
 					],
 					size,
-					iconType: "workflow",
+					iconType: "ui",
 					iconName: "ChevronDown",
 					isQuiet,
 					isOpen,

components/pagination/stories/template.js

@@ -30,6 +30,7 @@ export const Template = ({
 				${ActionButton({
 					size,
 					isQuiet: true,
+					iconSet: "ui",
 					iconName: "ChevronLeft",
 					customClasses: [`${rootClass}-prevButton`],
 				})}
@@ -42,6 +43,7 @@ export const Template = ({
 				${ActionButton({
 					size,
 					isQuiet: true,
+					iconSet: "ui",
 					iconName: "ChevronRight",
 					customClasses: [`${rootClass}-nextButton`],
 				})}

components/picker/stories/template.js

@@ -81,6 +81,7 @@ export const Picker = ({
 			${Icon({
 				...globals,
 				size,
+				setName: "ui",
 				iconName: "ChevronDown",
 				customClasses: [`${rootClass}-menuIcon`],
 			})}

components/pickerbutton/stories/template.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import { styleMap } from "lit/directives/style-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { styleMap } from "lit/directives/style-map.js";
 
 import { useArgs } from "@storybook/client-api";
 
@@ -72,6 +72,7 @@ export const Template = ({
 					: ""}
 				${Icon({
 					...globals,
+					setName: iconType,
 					iconName: iconName ?? "ChevronDown",
 					size,
 					customClasses: [`${rootClass}-icon`],

components/treeview/stories/template.js

@@ -20,6 +20,7 @@ export const TreeViewItem = ({
 	isOpen,
 	isDropTarget,
 	icon,
+	iconSet,
 	thumbnail,
 	items,
 	customClasses = [],
@@ -80,6 +81,7 @@ export const TreeViewItem = ({
 					? Icon({
 							...globals,
 							size,
+							setName: "ui",
 							iconName: "ChevronRight",
 							customClasses: [`${rootClass}-itemIndicator`],
 					  })
@@ -89,6 +91,7 @@ export const TreeViewItem = ({
 							...globals,
 							size,
 							iconName: icon,
+							setName: iconSet,
 							customClasses: [`${rootClass}-itemIcon`],
 					  })
 					: ""}