chore(meter): refactor fillColor in template

Author: jenndiaz

components/progressbar/stories/metertemplate.js

@@ -13,18 +13,14 @@ export const Template = ({
 	size = "s",
 	...globals
 }) => {
-	const fillColor =
-		meterFill === "negative" ? "is-negative" :
-		meterFill === "positive" ? "is-positive" :
-		meterFill === "notice" ? "is-notice" : "default";
 
 	return html`
 		<div
 			class=${classMap({
 				[rootClass]: true,
 				["spectrum-Meter"]: true,
 				[`spectrum-Meter--size${size?.toUpperCase()}`]: size,
-				[`${fillColor}`]: fillColor !== "default",
+				[`is-${meterFill}`]: meterFill !== "default",
 				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
 			})}
 			value="${value}%"