chore: fix keyframe data injected into progresscircle metadata

Author: aramos-adobe

components/progresscircle/dist/metadata.json

@@ -1,78 +1,18 @@
 {
   "sourceFile": "index.css",
   "selectors": [
+    ".spectrum-Circle",
     ".spectrum-ProgressCircle",
     ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fill",
-    ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask1",
-    ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask2",
-    ".spectrum-ProgressCircle--indeterminate-fill-submask-2",
     ".spectrum-ProgressCircle--sizeL",
     ".spectrum-ProgressCircle--sizeS",
     ".spectrum-ProgressCircle-fill",
     ".spectrum-ProgressCircle-track",
     ".spectrum-ProgressCircle.spectrum-ProgressCircle--staticBlack",
     ".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite",
-    "0%",
-    "1.69%",
-    "10.17%",
-    "11.86%",
-    "13.56%",
-    "15.25%",
-    "16.95%",
-    "18.64%",
-    "20.34%",
-    "22.03%",
-    "23.73%",
-    "25.42%",
-    "27.12%",
-    "28.81%",
-    "3.39%",
-    "30%",
-    "30.51%",
-    "32.2%",
-    "33.9%",
-    "35.59%",
-    "37.29%",
-    "38.98%",
-    "40.68%",
-    "42.37%",
-    "44.07%",
-    "45.76%",
-    "47.46%",
-    "49.15%",
-    "5.08%",
-    "50.85%",
-    "52.54%",
-    "54.24%",
-    "55.93%",
-    "57.63%",
-    "59.32%",
-    "6.78%",
-    "61.02%",
-    "62.71%",
-    "64.41%",
-    "66.1%",
-    "67.8%",
-    "69.49%",
-    "71.19%",
-    "72.88%",
-    "74.58%",
-    "76.27%",
-    "77.97%",
-    "79.66%",
-    "8.47%",
-    "81.36%",
-    "83.05%",
-    "84.75%",
-    "86.44%",
-    "88.14%",
-    "89.83%",
-    "91.53%",
-    "93.22%",
-    "94.92%",
-    "96.61%",
-    "98.31%",
-    "to"
+    ".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate)",
+    ".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-innerCircle",
+    ".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-outerCircle"
   ],
   "modifiers": [
     "--mod-progress-circle-fill-border-color",
@@ -108,6 +48,7 @@
   "passthroughs": [],
   "high-contrast": [
     "--highcontrast-progress-circle-fill-border-color",
-    "--highcontrast-progress-circle-fill-border-color-over-background"
+    "--highcontrast-progress-circle-fill-border-color-over-background",
+    "--highcontrast-progressbar-track-color"
   ]
 }

components/progresscircle/index.css

@@ -46,8 +46,6 @@ governing permissions and limitations under the License.
 	.spectrum-ProgressCircle {
 		/* fill is bright color */
 		--highcontrast-progress-circle-fill-border-color: Highlight;
-<<<<<<< HEAD
-<<<<<<< HEAD
 		--highcontrast-progressbar-track-color: Canvas;
 	}
 
@@ -61,13 +59,9 @@ governing permissions and limitations under the License.
 			border-color: CanvasText;
 			border-radius: 50%;
 		}
-=======
 
 		/* fill over background is bright color */
 		--highcontrast-progress-circle-fill-border-color-over-background: Highlight;
->>>>>>> 46765ca32 (feat(progresscircle): isolate progress circle)
-=======
->>>>>>> 5ac4a966e (fix(progresscircle): remove token dupes)
 	}
 }
 

tasks/component-reporter.js

@@ -66,6 +66,9 @@ async function extractModifiers(
 	const selectors = new Set();
 	const root = postcss.parse(content);
 	root.walkRules((rule) => {
+		// Check that the selector is not inside a keyframe
+		if (rule.parent.type === "atrule" && rule.parent.name === "keyframes") return;
+
 		if (rule.selectors) {
 			rule.selectors.forEach((selector) => {
 				// If the selector is not a base selector, add it to the set