docs(button): fix appearance of pending in forced colors story (#2602)

* docs(button): fix appearance of pending in forced colors story

The pending icon was not appearing in the Button story titled "With
Forced Colors". Updates a conditional in the template so the progress
circle renders.

* chore(button): resolve eslint error

---------

Co-authored-by: Patrick Fulton <[email protected]>

Author: jawinn

components/button/stories/template.js

@@ -13,37 +13,38 @@ import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories
 import "../index.css";
 
 export const Template = ({
-  rootClass = "spectrum-Button",
-  id,
-  customClasses = [],
-  customStyles = {},
-  size = "m",
-  label,
-  hideLabel = false,
-  iconName,
-  iconAfterLabel = false,
-  variant,
-  staticColor,
-  treatment,
-  onclick,
-  isDisabled = false,
-  isPending = false,
-  isPendingStory = false,
-  ariaExpanded,
-  ariaControls,
-  ...globals
+	rootClass = "spectrum-Button",
+	id,
+	customClasses = [],
+	customStyles = {},
+	size = "m",
+	label,
+	hideLabel = false,
+	iconName,
+	iconAfterLabel = false,
+	variant,
+	staticColor,
+	treatment,
+	onclick,
+	isDisabled = false,
+	isPending = false,
+	isPendingStory = false,
+	ariaExpanded,
+	ariaControls,
+	...globals
 }) => {
 	const { express } = globals;
 	try {
 		if (express) import(/* webpackPrefetch: true */ "../themes/express.css");
 		else import(/* webpackPrefetch: true */ "../themes/spectrum.css");
-	} catch (e) {
+	}
+	catch (e) {
 		console.warn(e);
 	}
 
-  const [, updateArgs] = useArgs();
+	const [, updateArgs] = useArgs();
 
-  return html`
+	return html`
     <button
       class=${classMap({
         [rootClass]: true,
@@ -72,15 +73,15 @@ export const Template = ({
         () => html`<span class=${`${rootClass}-label`}>${label}</span>`
       )}
       ${when(iconName && iconAfterLabel, () => Icon({ ...globals, iconName, size }))}
-      ${when(isPendingStory, () => {
-        const isOverBackground = staticColor === 'white';
+      ${when(isPendingStory || isPending, () => {
+        const isOverBackground = staticColor === "white";
         return ProgressCircle({
           ...globals,
-          size: 's',
+          size: "s",
           overBackground: isOverBackground,
           isIndeterminate: true,
           addStaticBackground: false
-        })
+        });
       })}
     </button>
   `;